Хочу реализовать алфавитный указатель на сейте, что бы клацнув на нужную букву подгружался тот контент, который подходит под эту букву.
Контент представляет из себя картинку и ссылку. Ну нужно интеграций с цмс и т.д. Просто покажите как сделать такое?
- 03.12.2010 23:17
- 04.12.2010 14:35
- Регистрация: 06.11.2010
- Сообщений: 79
- Репутация: 10
При помощи JS и HTTPRequest (т.е. через AJAX). Чего тут подсказывать-то?
- 04.12.2010 14:37
- Регистрация: 06.11.2010
- Сообщений: 44
- Репутация: 6
Посмотрите здесь, думаю поможет http://api.jquery.com/load/
В вашем сулчае:вот так всё просто$('#result').load('ajax/test.html');
result - id элемента, куда загружается контент
ajax/test.html - сам контент. - 04.12.2010 14:38
- Регистрация: 05.11.2010
- Сообщений: 115
- Репутация: 17
http://api.jquery.com/show/ - все скрывать, нужное показывать, либо
http://api.jquery.com/html/ - это просто запихивает контент в нужное место, ну или через getElementById('id').innerHTML = 'ваш контент'; - 04.12.2010 15:00
Вот что пришло в голову: (далеко не оптимальный вариант, но его всегда можно улучшить)
1) Выводим алфавит
2) Для каждой буквы создаем слой с именем этой буквы (<div id="a"></div> итд)
3) На событие click по этому слою делаем подгрузку контента.
4) Создаем слой <div id="rezult"></div> - в него будет помещаться результат.
Ествественно не забываем подключить JQuery.
Текстовые файлы должны называться А.txt Б.txt итд.
Примерно это будет выглядеть так (Пишу без проверки, возможны некоторые ошибки типа кавычек или еще чего. Важно понять саму идею):
PHP код:<?
/*Выведем русский алфавит*/
for($i=192;$i<223;$i++)
{
echo "<div id=\">".chr($i)."\">".chr($i)."</div>";
echo "<script>
$(\"#".chr($i)."\").click(function() {
$(\"#result\").load(\"".chr($i).".txt\");
});
</script>";
}
?>
}
Похожие темы
Темы | Раздел | Ответов | Последний пост |
---|---|---|---|
Как бороться с воровством контента | Дайджест блогосферы | 4 | 15.11.2011 08:42 |
Оптимизация контента под нч/сч | Общие вопросы поисковой оптимизации | 10 | 17.12.2009 08:33 |
Биржи контента в буржунете | Биржи ссылок и статей, seo-сервисы | 8 | 30.09.2009 20:00 |
Фильтр за смену контента | Вопросы от новичков | 21 | 07.09.2009 14:22 |