VPF::Система FAQ - Форум программистов

PageMaster

Дата 9.4.2007, 21:00 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 9.4.2007

Репутация: нет
Всего: 0

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

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

1Вопрос
ответ ответ ответ ответ ответ ответ ответ ответ
ответ ответ ответ ответ ответ ответ
2Вопрос
3Вопрос
4Вопрос
5Вопрос
6Вопрос
7Вопрос

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

1Вопрос
2Вопрос
ответ ответ ответ ответ ответ ответ ответ ответ
ответ ответ ответ ответ ответ ответ
3Вопрос
4Вопрос
5Вопрос
6Вопрос
7Вопрос

Помогите с эффектом
ПРИМЕР ТАКОГО ЭФФЕКТА С САЙТА  altastat.com/faq

Mymik

Дата 9.4.2007, 21:51 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1474
Регистрация: 12.5.2006
Где: Lamer-центер

Репутация: 7
Всего: 78

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 элементы, то скрипт будет ломаться. :о( нужно немного изменить скрипт. Нужно будет ручками обходить структуру.

--------------------

ICQ ::            857-857
E-mail ::         mymik[at]inbox[dot]ru
HomaPage ::  http://localhost/

:to_become_senile  :this

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »