Импорт таблиц из Excel. Часть вторая

easytableВ прошлый раз я писала, как установить на сайт и настроить компонент Easytable. Описала, как можно с помощью CSS придать получившимся таблицам нужный вид.

С помощью этого компонента я сделала таблицу, которая прекрасно вписалась в структуру моего сайта. И решила дополнить ее фотографиями. Вот тут-то я и споткнулась.

Поля в таблицах, которые строит компонент имеет несколько типов: Текст, Link(URL), Изображение и Написать письмо.

С текстом все понятно, любой текст, внесенный в ячейки этого типа в таблице будет показан, как текст.

Написать письмо — если ввести в это поле адрес электронной почты, то в таблице при клике на нем открывается почтовая программа. Мне это пока не нужно.

Link(URL) — здесь помещаем ссылку, у меня это адреса персональных страничек или сайтов. В поле .xls файла я пишу такой код:

<a href=»http://www.site.ru» target=»_blank»>Сайт</a>

страничка открывается в новом окне.

А вот на изображении я споткнулась. На сайте разработчика все так красиво выглядит. Размещается в ячейке маленькое превью изображения, при клике на котором открывается новая страничка с большим изображением и с информацией из всех ячеек, соответствующих этому изображению. Как я ни старалась у меня так не получилось. возможно, что это работает в платном компоненте. У меня же бесплатный вариант.

А разместить в ячейке превьюшку очень уж хотелось. Путем долгих манипуляций я добилась этого немного другим способом. Я сделала тип поля — Link(URL), написала там ссылку, а для красивости поставила на сайт системный плагин Rokbox. Он показывает изображение с lightbox эффектом.
Код, который нужно заносить в ячейки Екселовской таблицы выглядит так:

<a href=’/images/images.jpg’ rel=’rokbox’><img src=’/images/thmb_images.jpg’></a>

Новый плагин пришлось ставить потому, что плагин Jumultithumb, что стоит на моем сайте  (о нем я писала здесь Подбираем плагины и модули) — контентный и не работает с компонентами.

Конечно, нужно положить в папочку еще и маленькие изображения.

Вот, собственно, и все. Я добилась того, чего хотела, пусть и немного сложновато. Возможно, позже я узнаю, как придти к этому стандартным способом компонента Easytable.

Отзывов: 3 на «Импорт таблиц из Excel. Часть вторая»

  1. Наталья пишет:

    Статья супер!Ольга,подскажите пожалуйста,как организовать поиск по нескольким полям таблицы (Использую EasyTable)?


  2. БлогАдмина пишет:

    Наталья, поиск настраивать никак не получится. Придется лезть в коды компонента и там переписывать. Я с такой задачей пока не сталкивалась и не пробовала.


  3. Наталья пишет:

    Спасибо,будем искать.Хороший у Вас сайт.Очень позитивный!Удачи.


Ваш отзыв

XHTML: Вы можете использовать следующие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>