Подгрузка контента (аякс, ЯС)?

Seredniy
На сайте с 17.03.2008
Offline
251
1034

Собственно хочу сделать алфавитный указатель на сейте, что бы нажав на нужную букву подгружался тот контент, который подходит под эту букву.

Контент это картинка и ссылка. Ну нужно интеграций с цмс и т.д. Просто покажите как сделать такое?

Пример.

Понимаю что в примере не аякс, но как там сделано? Хотелось бы так или аяксом

Wordpress и другие CMS: правки, настройка, верстка и натяжка шаблонов, разработка сайтов "под ключ" (/ru/forum/1008050)
LEOnidUKG
На сайте с 25.11.2006
Offline
1769
#1

В смысле как? Ну взять да написать модуль. Никакого там аякса нет, обычные страницы.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
Brand from Amber
На сайте с 18.08.2007
Offline
293
#2
Seredniy:
Просто покажите как сделать такое

При помощи JS и HTTPRequest (т.е. через AJAX). Чего тут подсказывать-то?

LEOnidUKG, +1, кстати да... я что-то в сторону ввода запроса (аля подсказки) стал думать :)

Лучший способ понять что-то самому - объяснить это другому.
Seredniy
На сайте с 17.03.2008
Offline
251
#3
Brand from Amber:
При помощи JS и HTTPRequest (т.е. через AJAX). Чего тут подсказывать-то?

LEOnidUKG, +1, кстати да... я что-то в сторону ввода запроса (аля подсказки) стал думать :)

Мне бы простой пример... Мол про нажатии на эту ссылку подгружается заранее подготовленный для нее контент. Просто пример, ничего делать за меня не прошу:)

LEOnidUKG
На сайте с 25.11.2006
Offline
1769
#4
Seredniy:
Мне бы простой пример... Мол про нажатии на эту ссылку подгружается заранее подготовленный для нее контент. Просто пример, ничего делать за меня не прошу:)

Создаёте страницу a.html

в на странице index.html ссылку <a href="a.html">Буква А</a>

всё..

ДП
На сайте с 23.11.2009
Offline
203
#5

Ну если пример - то можно здесь посмотреть - http://api.jquery.com/load/

Думаю, вам хватит вот такого:


$('#result').load('ajax/test.html');

result - id элемента, куда загружается контент

ajax/test.html - сам контент.

Seredniy
На сайте с 17.03.2008
Offline
251
#6
LEOnidUKG:
Создаёте страницу a.html
в на странице index.html ссылку <a href="a.html">Буква А</a>

всё..

Мне нужна загрузка контента не переходя на другую страницу (файл). То что Вы написали бред)

pan
На сайте с 24.10.2004
Offline
164
pan
#7

http://www.crackajax.net/tabs.php

Типа такого ?

Мебельные фабрики Екатеринбурга (http://www.mebel66.ru/catalog/producers/) Дачный ГС жены (http://www.nafazendu.ru) Нет темы для бизнеса ? - да эта тема под ногами (http://www.uralstroyportal.ru/modules/forum/t1674.html)
Seredniy
На сайте с 17.03.2008
Offline
251
#8
Дикий пионер:
Ну если пример - то можно здесь посмотреть - http://api.jquery.com/load/
Думаю, вам хватит вот такого:

$('#result').load('ajax/test.html');

result - id элемента, куда загружается контент
ajax/test.html - сам контент.

Если нужно подгружать не страницу, а просто контент. Который я пропишу в скрипте сразу

ДП
На сайте с 23.11.2009
Offline
203
#9

Тогда либо сюда смотреть:

http://api.jquery.com/show/ - все скрывать, нужное показывать, либо

http://api.jquery.com/html/ - это просто запихивает контент в нужное место, ну или через getElementById('id').innerHTML = 'ваш контент';

Seredniy
На сайте с 17.03.2008
Offline
251
#10
pan:
http://www.crackajax.net/tabs.php
Типа такого ?

Это уже похоже на то! Спасибо

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий