Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как сделать меню...
 
 автор: TanTaL91   (25.11.2008 в 09:04)   письмо автору
 
 

Как сделать следущее меню?
Что бы при нажатии на плюсик, выдвигалась подменю...


<ul>
<li>Ссылка
<li>Ссылка
  <ul>
  <li>подСсылка
  <li>подСсылка
  <li>подСсылка
  </ul>
<li>Ссылка  
<li>Ссылка  
</ul> 


Что бы при нажатии на ссылку выпдвигались подразделы, а при повторном нажатии они уберались...

  Ответить  
 
 автор: Николай2357   (25.11.2008 в 12:28)   письмо автору
 
   для: TanTaL91   (25.11.2008 в 09:04)
 

А где плюсик должен быть?

  Ответить  
 
 автор: TanTaL91   (25.11.2008 в 13:50)   письмо автору
 
   для: Николай2357   (25.11.2008 в 12:28)
 

На многих сайтах делают дерево иерархии…

Идет список чего-то… А когда нажимаешь на что-нибудь из этого списка он выдает под список.
Необязательно плюсик это может быть ссылка или что то еще… Вот например…
Сайт http://javascript.ru/ тут прекрасный пример того что бы я хотел..

  Ответить  
 
 автор: Николай2357   (25.11.2008 в 15:10)   письмо автору
 
   для: TanTaL91   (25.11.2008 в 13:50)
 

Вы имеете ввиду папки желтенькие? Это аякс. Вам по моему проще надо, как нибудь вот так:
<script type="text/javascript" language="javascript">
function menu(a)
{
if(document.getElementById('menu'+a).style.display == 'none')
document.getElementById('menu'+a).style.display = 'block';
else
document.getElementById('menu'+a).style.display = 'none';
}
</script>
<ul> 
<li>Ссылка</li> 
<li><a href='#' onclick="menu(1);return false;">+</a> Ссылка </li>
  <ul id="menu1" style="display:none"> 
  <li>подСсылка</li> 
  <li>подСсылка</li> 
  <li>подСсылка </li>
  </ul> 
<li>Ссылка </li>  
<li>Ссылка  </li>
 <li><a href='#' onclick="menu(2);return false;">+</a> Ссылка </li>
  <ul id="menu2" style="display:none"> 
  <li>подСсылка</li> 
  <li>подСсылка</li> 
  <li>подСсылка </li>
  </ul> 
</ul> 

  Ответить  
 
 автор: TanTaL91   (25.11.2008 в 16:58)   письмо автору
 
   для: Николай2357   (25.11.2008 в 15:10)
 

Огромное спасибо вам. Мне очень помогло.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования