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

(Ответов: 4, Просмотров: 1606)
  1. Дипломник
    • Регистрация: 06.11.2010
    • Сообщений: 135
    • Записей в дневнике: 8
    • Репутация: 9
    Хочу реализовать алфавитный указатель на сейте, что бы клацнув на нужную букву подгружался тот контент, который подходит под эту букву.

    Контент представляет из себя картинку и ссылку. Ну нужно интеграций с цмс и т.д. Просто покажите как сделать такое?
    • 0
  2. Banned
    • Регистрация: 06.11.2010
    • Сообщений: 79
    • Репутация: 10
    При помощи JS и HTTPRequest (т.е. через AJAX). Чего тут подсказывать-то?
    • 0
  3. Member
    • Регистрация: 06.11.2010
    • Сообщений: 44
    • Репутация: 6
    Посмотрите здесь, думаю поможет http://api.jquery.com/load/
    В вашем сулчае:
    $('#result').load('ajax/test.html');

    result - id элемента, куда загружается контент
    ajax/test.html - сам контент.
    вот так всё просто
    • 0
  4. Senior Member
    • Регистрация: 05.11.2010
    • Сообщений: 115
    • Репутация: 17
    http://api.jquery.com/show/ - все скрывать, нужное показывать, либо
    http://api.jquery.com/html/ - это просто запихивает контент в нужное место, ну или через getElementById('id').innerHTML = 'ваш контент';
    • 0
  5. Опытный Аватар для Crasher69
    • Регистрация: 08.09.2009
    • Сообщений: 437
    • Записей в дневнике: 5
    • Репутация: 175
    • Webmoney BL: ?
    Вот что пришло в голову: (далеко не оптимальный вариант, но его всегда можно улучшить)

    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>"
    ;
    }
    ?>
    }
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Как бороться с воровством контента
Дайджест блогосферы 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

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры