Вход для клиентовВход для клиентов  Блог О компании
Поиск:

Помощь » База знаний » Файлы »

Как настроить постраничную навигацию в виджете «Список файлов»?

При публикации большого количества файлов с помощью виджета «Список файлов» (приложение WebAsyst Файлы) может оказаться, что виджет будет занимать на сайте много места и будет неудобен в использовании. В этом случае можно настроить постраничную навигацию по списку файлов, сделав виджет визуально более компактным. Для этого необходимо сделать следующее:

  1. Удалить виджет с большим числом файлов и создать вместо него несколько виджетов, включив в каждый из них столько файлов, сколько необходимо отображать при просмотре одной «страницы».
  2. В разделе «Виджеты» приложения Файлы скопировать HTML-код первого из созданных виджетов и вставить его в HTML-код веб-страницы.
  3. Добавить в HTML-код вставленного виджета атрибут name="paged_frame". Пример HTML-кода виджета с добавленным атрибутом:
  4. <iframe allowtransparency="true" scrolling="AUTO" width="650" height="430"
    frameborder="0" src="http://domain.ru/published/WG/show.php?q=UzVBUkhPU1ND-74f40a6c"
    name="paged_frame"></iframe>
  5. Добавить в HTML-код веб-страницы с виджетом нужное количество гиперссылок, с помощью которых посетители сайта смогут перелистывать между «страницами» виджета. Код гиперссылок должен содержать 2 обязательных атрибута:
    • атрибут href с адресом (URL) виджета, который должен отображаться при переходе по этой ссылке (адрес каждого виджета можно скопировать из его HTML-кода в разделе «Виджеты»);
    • атрибут target со значением «paged_frame» (оно должно совпадать со значением атрибута name в HTML-коде тега IFRAME).

Пример HTML-кода виджета и гиперссылок:

<p>
Страница: <a href="http://domain.ru/published/WG/show.php?q=V0E=-74f40a6c"
target="paged_frame">1</a> |
<a href="http://domain.ru/published/WG/show.php?q=V0E=-51eea13a"
target="paged_frame">2</a> |
<a href="http://domain.ru/published/WG/show.php?q=V0E=-58064619"
target="paged_frame">3</a> |
<a href="http://domain.ru/published/WG/show.php?q=V0E=-8d70c10d"
target="paged_frame">4</a> |
<a href="http://domain.ru/published/WG/show.php?q=V0E=-f84de45b"
target="paged_frame">5</a> |
<a href="http://domain.ru/published/WG/show.php?q=V0E=-d4d88045"
target="paged_frame">6</a> |
<a href="http://domain.ru/published/WG/show.php?q=V0E=-21d2ba08"
target="paged_frame">7</a>
</p>
<iframe allowtransparency="true" scrolling="AUTO" width="650"
height="430" frameborder="0"
src="http://domain.ru/published/WG/show.php?q=UzVBUkhPU1ND-74f40a6c"
name="paged_frame"></iframe>

Вот так может выглядеть фрагмент страницы вашего сайта с виджетом «Список файлов», имеющим постраничную навигацию:

 

 
 
Наш новый проект:

Фреймворк Webasyst

PHP-фреймворк для быстрого создания
веб-приложений для бизнеса.

www.webasyst.com