Навигация по сайту на Ajax

11.01.13 12.01.13 Нет 5554

Навигация по сайту на Ajax. Качественная, с регулируемым диапазоном. Смотрим пример (обратите внимание на предел диапазона нумерации страниц в 4 страницы в DIV).

Пример использования:

Между <head></head> подключаем – сведения об авторстве не удаляем; они являются условием свободного использования:

Mежду <body></body>:

<ul>
<li><a href="javascript:mybookinstance.refresh(bookonflowers)">Загрузить набор цветов (4 стр.)</a></li>
<li><a href="javascript:mybookinstance.refresh(bookonanimals)">Загрузить набор животных (3 стр.)</a></li>
<li><a href="javascript:mybookinstance.refresh(bookcombo)">Загрузить большой набор (12 стр.)</a></li>
</ul>

<div id="paginate-top"> </div>
<div id="bookcontent"> </div>
<div id="paginate-bottom"> </div>

<p><a href="javascript:mybookinstance.selectpage(1)">Выбрать вторую страницу динамически</a></p>

Настраиваемые переменные в файле .js:

var ajaxpageclass=new Object()
ajaxpageclass.loadstatustext="Запрос контента, пожалуйста, подождите …" // HTML для показа, пока запрошенная страница подгружается:
ajaxpageclass.ajaxbustcache=false // кэш при получении страницы?
ajaxpageclass.paginatepersist=true //включить сохранение прошлой нумерации страниц (чтобы при перезвгрузке не сбрасывалось на 1)?
ajaxpageclass.pagerange=4 // Предел отображения страниц по номеру (полезно, если у вас много страниц)?
ajaxpageclass.ellipse="…" // Ellipse текст ( H.T.M.L не разрешен)

Смотреть пример

Скачать исходник Размер: 57,12kB | Изменен: 11.01.13 | Загрузок: 179