Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.11.2013, 15:04
Новичок на форуме
Отправить личное сообщение для cepeus Посмотреть профиль Найти все сообщения от cepeus
 
Регистрация: 24.05.2013
Сообщений: 4

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

Последний раз редактировалось cepeus, 08.11.2013 в 15:16.
Ответить с цитированием
  #2 (permalink)  
Старый 10.11.2013, 21:36
Новичок на форуме
Отправить личное сообщение для cepeus Посмотреть профиль Найти все сообщения от cepeus
 
Регистрация: 24.05.2013
Сообщений: 4

Исполнитель определен
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
history рассширение для браузеров не поддерживающих pushState, replaceState devote Ваши сайты и скрипты 187 13.08.2015 10:40
HTML5 History alexandr_v-vich AJAX и COMET 0 23.02.2012 23:11
ajax, history, навигация, адресная строка и индексация. все в одном. firsttinman AJAX и COMET 3 24.10.2011 18:14
history api + ajax nemoon Общие вопросы Javascript 5 25.06.2011 02:39
AJAX и history браузера Shasoft jQuery 5 25.06.2009 16:22