Ссылка открывающаяся/закр-я по щелчку

Старый mweb

Модератор: [mweb team]

Ссылка открывающаяся/закр-я по щелчку

Сообщение bo-cobo Пт янв 19, 2007 11:46

Здравствуйте,
подскажите, пожалуйста, мне необходимо следующее:
есть пункты в перечислении - у каждого пункта есть расшифровка из нескольких предложений.
Каким образом сделать так, чтобы при нажатии на пункт появлялся текст под ним, и исчезал тоже по нажатию на пункт.
То есть например:
1. ПУНКТ - постоянная строчка
1.2 РАСШИФРОВКА ПУНКТА - строчка, которая появляется при нажатии на слово "ПУНКТ" и убирается таким же образом.

Как это сделать?
Спасибо..
bo-cobo

 

Сообщение PALOMINO Пт янв 19, 2007 12:44

Вот те вырезка из рабочего кода. Слегка модифицировал:
HTML
Код: Выделить всё
<body onLoad="parseDocument();">
<ul id="main">
   <li>
      <ul>
           <li><a onClick="hide_show(parentNode);">ПУНКТ_1</a>
              <ul>
                   <li>РАСШИФРОВКА ПУНКТА_1</li>
              </ul>
           </li>
      </ul>
   </li>
   <li>
      <ul>
           <li><a onClick="hide_show(parentNode);">ПУНКТ_2</a>
              <ul>
                   <li>РАСШИФРОВКА ПУНКТА_2</li>
              </ul>
           </li>
      </ul>
   </li>
</ul>
</body>

Java Script
Код: Выделить всё
function parseDocument()
{
    var ul=document.getElementsByTagName('ul');
    for(var i=0; i<ul.length; i++)
        ul[i].style.display="none";
    document.getElementById('main').style.display="block";
}

function hide_show(name)
{
    var tagStyle=name.childNodes[2].style.display;
    if(tagStyle=="none")
       name.childNodes[2].style.display="block";
    else
       name.childNodes[2].style.display="none";
}

Потом в CSS добавиш:
Код: Выделить всё
ul{
   list-style-type:none;
}

Вроде так.
Если биться головой о стену, то можно терять 150 калорий в час!
Аватара пользователя
PALOMINO
Редко заходит
 
Сообщения: 104
Зарегистрирован: Ср фев 08, 2006 16:01
Откуда: Днепропетровск

Сообщение Padonak Пт янв 19, 2007 20:28

написал ты какую-то хрень ничерта не работает это ни в одном браузере... хоть проверяй когда даешь кому-то -08-

вот рабочий пример
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону

Сообщение PALOMINO Вс янв 21, 2007 20:51

2Padonak: Виноват, каюсь.
Просто код писал по памяти -- ошибочку допустил.
Необходимо заменить:
HTML
Код: Выделить всё
<body onLoad="parseDocument();">
  <ul id="main">
    <li><a onClick="hide_show(parentNode);">ПУНКТ_1</a>
      <ul>
        <li>РАСШИФРОВКА ПУНКТА_1</li>
      </ul>
    </li>
    <li><a onClick="hide_show(parentNode);">ПУНКТ_2</a>
     <ul>
       <li>РАСШИФРОВКА ПУНКТА_2</li>
     </ul>
    </li>
  </ul>
</body>
Если биться головой о стену, то можно терять 150 калорий в час!
Аватара пользователя
PALOMINO
Редко заходит
 
Сообщения: 104
Зарегистрирован: Ср фев 08, 2006 16:01
Откуда: Днепропетровск


Вернуться в Архив

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 15

cron