Меню
Что нового?

Вопрос по нажатию на надпись...

Bboy

Новичок
Вопрос по нажатию на надпись...

Нелепо как-то звучит..., ну да ладно:
Есть надпись, при нажатии на нее под ней должно появиться еще несколько. Как это можно сделать???
Пример. Есть надпись "инструменты". При нажатии на нее в виде дерева, под ней, должны появиться еще несколько.
Как это сделать без перезагрузки страницы ???

Пример:

Инстументы - нажали и --->>>

Инстументы
|
|
|---Молоток
|
|
|---Пила
|
|
|---Отвертка
 

Bboy

Новичок
Там все как-то мудренно, явно не для начинающих..., да и конкретики нет, все больше обсуждений на тему как это сложно сделать и т.д.
А нельзя ли реализовать задачу таким способом: при нажатии на надпись под ней появляется невидимая табличка с значениями "Молоток", "Пила", "Отвертка". Какая ф-я отвечает за нажатие на надпись?
 

Bboy

Новичок
Я имел в виду "невидимая" - "table border =0", а в ней значения...
 

Bboy

Новичок
Апокалипсис, - http://s4y.narod.ru/tree_menu.html - вот это уже лучше)!!! Сейчас попробую разобраться, хотя Джавой, блин, никогда не занимался...
 
Geol

Geol

Пациент
<p onClick="pi.style.visibility = 'visible'">lala</p>
<div style="visibility: hidden;" id="pi">lala</div>
 

штепсель

Guest
Автор оригинала: Geol
<p onClick="pi.style.visibility = 'visible'">lala</p>
<div style="visibility: hidden;" id="pi">lala</div>
Нажмите для раскрытия...
нет, такой вариант здесь не прокатит. именно display:block и display:нонэ..
 
Geol

Geol

Пациент
нет, такой вариант здесь не прокатит. именно display:block и display:нонэ..
Нажмите для раскрытия...
А подумать не пробовал? (говорят помогает).
P.S. <p onClick="pi.style.display = 'block'">lala</p>
<div id="pi" style="display: none;">lala</div>
 

штепсель

Guest
Geol, а ты сам подумай, дружок, к чему ты это сказал..
 

Bboy

Новичок
Geol: У меня почему-то этот код работать не захотел??!!

<p onClick="pi.style.visibility = 'visible'">lala</p>
<div style="visibility: hidden;" id="pi">lala</div>

Пишет: Parse error: parse error, unexpected '<' in z:\home\localhost\www\1.php on line 4
Вот исходный код файла 1.php

<html>
<body>
<?
<p onClick="pi.style.visibility = 'visible'">lala</p>
<div style="visibility: hidden;" id="pi">lala</div>
?>
</html>>
</body>

Может я чего не так набрал???
 

штепсель

Guest
Разуй глаза, солдатик!(с)Ильф&Петров
:)))
это ж хтмл!
 

Андрей М.

Guest
Код: 
<?php
$menu=<<<EOD
<body>
<script>
function f(x){
   var li=x.parentNode;
   if(!x.flag){
      li.getElementsByTagName("ul")[0].style.display="block";
      x.flag=true;
   } else {
      li.getElementsByTagName("ul")[0].style.display="none";
      x.flag=false;
   }
}
</script>
<ul>
   <li>
      <a href="#" onclick="f(this)">Пункт 1</a>
      <ul style="display:none;">
         <li>Подпункт 1.1</li>
         <li>Подпункт 1.2</li>
         <li>Подпункт 1.3</li>
      </ul>
   </li>
   <li>
      <a href="#" onclick="f(this)">Пункт 2</a>
      <ul style="display:none;">
         <li>Подпункт 2.1</li>
         <li>Подпункт 2.2</li>
         <li>Подпункт 2.3</li>
      </ul>
   </li>
   <li>
      <a href="#" onclick="f(this)">Пункт 3</a>
      <ul style="display:none;">
         <li>Подпункт 3.1</li>
         <li>Подпункт 3.2</li>
         <li>Подпункт 3.2</li>
      </ul>
   </li>
</ul>
</body>
</html>
EOD;
print $menu;//special for Iron
?>
 

штепсель

Guest
..тока такое дерево в оперу ниже 7й версии надо подавать в раскрытом виде. иначе - ой.
 
Войдите или зарегистрируйтесь для ответа.
Сверху