Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Система FAQ

Автор: PageMaster 9.4.2007, 21:00

Вопрос состоит в следующем , я хочу установить FAQ страницу  на сайт с таким эффектом:

При нажатии на ссылку  1Вопрос под ссылкой на этой же странице появляется ответ

http://ооо
ответ ответ ответ ответ ответ ответ ответ ответ
ответ ответ ответ ответ ответ ответ
2Вопрос
3Вопрос
4Вопрос
5Вопрос
6Вопрос
7Вопрос

При нажатии на ссылку  2Вопрос под ссылкой на этой же странице появляется ответ , а ответ на первый вопрос исчезает.

http://ооо
2Вопрос
ответ ответ ответ ответ ответ ответ ответ ответ
ответ ответ ответ ответ ответ ответ
3Вопрос
4Вопрос
5Вопрос
6Вопрос
7Вопрос

Помогите с эффектом
http://altastat.com/faq

Автор: Mymik 9.4.2007, 21:51

PageMaster, на той странице что ты предложил используется AJAX. Т.е. запрос уходит на сервер и после прихода подставляется. Если у тебя есть либо CGI либо отдельные куски кода на сервере то тебе надо почитать что такое AJAX.

А если ты выводишь сразу весь код пользователю. тогда можно сделать вот так вот -->>

Допустим у тебя есть кусок HTML

Код


<div>
    <a href="#" onclick="getAnswer(this)">Вопрос 1</a>
    <div>Тут идет ответ на первый вопрос</div>

    <a href="#" onclick="getAnswer(this)">Вопрос 2</a>
    <div>Тут идет ответ на второй вопрос</d>
</div>

И вот такой вот JS код

Код


function getAnswer(obj)
{
        /* Получаем коллекцию всех A тэг-элементов */
    var aCollection = obj.parentNode.getElementsByTagName("A");
        /* Получаем коллекцию всех DIV тэг-элементов */
    var divCollection = obj.parentNode.getElementsByTagName("DIV");
    
        /* Проходим и выставляем значение */
    for(i = 0; i < aCollection.length; i++)
             divCollection[i].style.display = (obj === aCollection[i] ? "block;" : "none";)
}

P.S. минусы скрипта -- если в описании есть где-нибудь A элементы или лишние DIV элементы, то скрипт будет ломаться. :о( нужно немного изменить скрипт. Нужно будет ручками обходить структуру.