AJAX + HTML5 History
Необходимо сделать аналог постраничной навигации и карусели изображений как на http://bjoernmeier.com/#/entry/mutu-sofa/, но с принципиальными отличиями:
1. Список подкатегорий располагается на втором и третьем уровне вложенности 2. Загрузка контента должна осуществляться через ajax со страницы подкатегории без перезагрузки страницы Разметка категории: <ul> <li> <a href="category/subcategory1">Title 1</a> <!-- При нажатии, добавляем ниже <div id="content"></div> и грузим в него контент через ajax с #inner --> </li> <li><a href="category/subcategory2">Title 2</a></li> <li><a href="category/subcategory3">Title 3</a></li> </ul> Если зайти в подкатегорию по прямой ссылке, она выглядит аналогично, с eдинственным отличием - блок текущего пункта меню должен быть раскрыт. <ul> <li><a href="category/subcategory1">Title 1</a></li> <li><a href="category/subcategory2">Title 2</a></li> <li><a href="category/subcategory3">Title 3</a></li> </ul> <div id="inner" style="visibility: hidden" data-title="Title 1">контент</div> При загрузке страницы получаем значение "data-title", ищем на странице соответствующий пункт, вставляем после <a></a> блок <div id="content"></div> и переносим в него контент с #inner 3. При переходе между разделами, должен менятся url через window.history без location.hash Вывод html уже настроен, библиотеки подключены, нужно прописать только javascript. Подробнее в личку. Скайп: btl-ua По вознаграждению договоримся. Деньги на webmaney или карту Visa |
Исполнитель определен
|
Часовой пояс GMT +3, время: 22:39. |