Выпадающие меню

Разработка своих веб-приложений и страничек

Выпадающие меню

Сообщение Zver » 28 ноя 2009, 21:11

Делаю сложное выпадающее меню. Так вот как реализовать следующее:

Имеются DIV'Ы ( выподающие окошки ), с ID menu1, menu2, menu3, menu4... и т.д. и ссылка над ними.
У ссылки действие - onClick="menu(<ID_ВЫПАДАЮЩЕГО_МЕНЮ>)". Ну например onClick="menu(2)".
так вот при нажатии этой ссылки нужно скрыть все остальные видимые менюшки, кроме того которое раскрыли.
Вот я что -то пытался сделат, но если разварачивать окошки не по порядку, то они раскрываются все. :(
Код: Выделить всёРазвернуть
function Menu(id){
   
   var c = 2; // Количество выподающих меню
   var menu = document.getElementById('menu'+id);
   
   if(menu.style.visibility == 'visible'){
      menu.style.visibility = 'hidden';
   } else {
      menu.style.visibility = 'visible';
   }
   
   var i = 0;
   for(i=0; i<c; i++){
      var id = 0;
      var id = id + 1;
      var m = document.getElementById('menu'+id);
      
      if(document.getElementById('menu'+id) == menu){
         menu.style.visibility = 'visible';
      } else {
         m.style.visibility = 'hidden';
      }
   }
}
Zver
Активный участник
 
Сообщения: 1333
Зарегистрирован: 18 дек 2008, 18:51
Откуда: Саратов, Заводской

Re: Выпадающие меню

Сообщение Zver » 28 ноя 2009, 22:22

Я как обычно в своём репертуаре :D
Разобрался сам 8)

Код: Выделить всёРазвернуть

function Menu
(id){

    
var c = 2;
    var b = 0;
    
    for
(i=0; i<c; i++){
        var b = b + 1;
        var menu = document.getElementById('menu'+b);
        if(id == b){
            menu.style.visibility = 'visible';    
        
} else {
            menu.style.visibility = 'hidden';
        }
    }
}
 
Zver
Активный участник
 
Сообщения: 1333
Зарегистрирован: 18 дек 2008, 18:51
Откуда: Саратов, Заводской

Re: Выпадающие меню

Сообщение Zver » 01 дек 2009, 13:48

Усложняем задачу... с этим я разобрался, а вот как сделать следущее:
При раскрытии одного меню кликом, другие будут раскрыватся просто при наведении.
Кто сможет помогите, а то я уже выбился из сил, а сегодня как раз инет вырубили =(
Zver
Активный участник
 
Сообщения: 1333
Зарегистрирован: 18 дек 2008, 18:51
Откуда: Саратов, Заводской

Re: Выпадающие меню

Сообщение Поук2 » 01 дек 2009, 14:16

Zver писал(а):Усложняем задачу... с этим я разобрался, а вот как сделать следущее:
При раскрытии одного меню кликом, другие будут раскрыватся просто при наведении.
Кто сможет помогите, а то я уже выбился из сил, а сегодня как раз инет вырубили =(

да не че страшного, через пару дней сам найдешь
Поук2
Активный участник
 
Сообщения: 90
Зарегистрирован: 20 ноя 2009, 22:25

Re: Выпадающие меню

Сообщение Zver » 01 дек 2009, 14:29

Нет уж... Я не профи в JS... это же по идеи элементарно, а я хожу вокруг да около :(
Zver
Активный участник
 
Сообщения: 1333
Зарегистрирован: 18 дек 2008, 18:51
Откуда: Саратов, Заводской

Re: Выпадающие меню

Сообщение Zver » 01 дек 2009, 15:12

:crazy: ппц я схожу с ума, но я всё таки сделал то что хотел :crazy:
Оффтоп:
Пойду попью какао, а то мне немного плохо :D
Zver
Активный участник
 
Сообщения: 1333
Зарегистрирован: 18 дек 2008, 18:51
Откуда: Саратов, Заводской


Вернуться в PHP, HTML, CSS...

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

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

cron