Проблема прописания стилей в меню на сss и javascript @ DeForum.ru

0 Сообщения: 36 Зарегистрирован: 14.02.05

Народ помогите, в яве скрипет не понимю. Собрал меню на сайт выподающее. и теперь загвозда к вследующем: тому блоку который становится при клике мышке display:block;
нужно поменять стиль отображения шрифта, типа - font:12 arial …. underline и тп подобное по желанию
добавить, для ясности менять должны стили ссылок вот в этих тегах:

Код:

<a href="#" class="razdel-menu" onclick="openMenu('sub_menu_7');return(false)">о компании</a>

. т.е. заголовков выпадающегося меню

Вот яваскрипт

Код:

var id_menu = new Array('sub_menu_1','sub_menu_2','sub_menu_3','sub_menu_4','sub_menu_5','sub_menu_6','sub_menu_7');
 
function allclose() {
   for (i=0; i < id_menu.length; i++){
      document.getElementById(id_menu[i]).style.display = "none";
   }
}
 
function openMenu(id){
   for (i=0; i < id_menu.length; i++){
      if (id != id_menu[i]){
         document.getElementById(id_menu[i]).style.display = "none";
      }
   }
   if (document.getElementById(id).style.display == "block"){
      document.getElementById(id).style.display = "none";
   }else{
      document.getElementById(id).style.display = "block"; 
   }
} 

Вот css

Код:

#menu_body{
   /*background:#81A192;*/
   width:200px
   }

#menu_body ul li{
   list-style-type:none;
   border-bottom:0px solid #fff;
   margin-left:-40px;
   padding-left:7px
   }
   
#menu_body ul li a{
   color:#fff;
   font-family:arial,sans-serif;
   font-size:11px;
   
   }
   
#menu_body ul li ul li{
   border:0;
   list-style-type:square;
   color:#fff;
   list-style-position:inside
   }
   
#menu_body ul li ul{
   border-top:1px solid #000;
   margin-left:-7px;
   padding-left:50px
   }
#menu_body{ width:200px}
#menu_body ul li{list-style-type:none;border-bottom:0px solid #fff;margin-left:-40px;padding-left:7px}
#menu_body ul li a{color:#fff;font-family:arial,sans-serif;}
#menu_body ul li ul li{border:0;list-style-image: url(../images/li-menu02.gif);list-style-position: inside;}
#menu_body ul li ul{border-top:0px solid #fff;margin-left:-7px;padding-left:50px}
#menu_bl {width:250px; height: 400px; border:0px #000 solid; padding-left:30px;margin-top:-2px;}

а вот само меню:

Код:

<div id="menu_body" style="text-align:left; border:0px #000 solid; position:absolute;top:150px;left:40px;">
   <ul>
     <li><a href="#" class="razdel-menu" onclick="openMenu('sub_menu_1');return(false)">о компании</a> 
         <ul id="sub_menu_1">
             <li><a href="http://www.rambler.ru/">sub menu 1</a></li>
             <li><a href="#">sub menu 2</a></li>
             <li><a href="#">sub menu 3</a></li>
             <li><a href="#">sub menu 4</a></li>
             <li><a href="#">sub menu 5</a></li>
             <li><a href="#">sub menu 6</a></li>
             <li><a href="#">sub menu 7</a></li>
         </ul>
     </li>
     <li><a href="#" class="razdel-menu" onclick="openMenu('sub_menu_2');return(false)">о компании</a>
         <ul id="sub_menu_2">
             <li><a href="#">sub menu 1</a></li>
             <li><a href="#">sub menu 2</a></li>
             <li><a href="#">sub menu 3</a></li>
             <li><a href="#">sub menu 4</a></li>
             <li><a href="#">sub menu 5</a></li>
             <li><a href="#">sub menu 6</a></li>
             <li><a href="#">sub menu 7</a></li>
        </ul>
     </li>
…………………………… и заканфивается в данном случае айдишником - субменю7 (в яве прописано)

<li><a href="#" class="razdel-menu" onclick="openMenu('sub_menu_7');return(false)">о компании</a>
       <ul id="sub_menu_7">
            <li><a href="#">sub menu 1</a></li>
            <li><a href="#">sub menu 2</a></li>
            <li><a href="#">sub menu 3</a></li>
            <li><a href="#">sub menu 4</a></li>
            <li><a href="#">sub menu 5</a></li>
            <li><a href="#">sub menu 6</a></li>
            <li><a href="#">sub menu 7</a></li>
      </ul>
   </li>
</div>

Объясните или допишите где что мне надо переделать и как, понимаю что все можно найти в инете но JavaScript за 2 дня не выучить, а сроки именно такие
Зарание спасиба

Долго разбираться. Попробуй лучше вот отсюда код выдрать. Все сделано максимально просто.

0 Сообщения: 36 Зарегистрирован: 14.02.05

не там подругому сделано - у меня при нажатии на ссылку меню раздвигается и заголовок подменю меняет стиль, тобишь становится дисплай: блок, и еще должен стать font: bold 12px arial; а на этой ссылке что ты мне дал посути сделано тожесамое но! через a:hover, т.е. работает принаведении курсора, а мне надо при нажатии и после того как курсор отшел со своего места стиль должен сахраниться. при a:hover такое неработает (там только на наведение работает)
Но всеравно спасибо )
Может еще кто предложет или подскажет что.…

diverck, и какая разница? в скрипте событие смени на нужное тебе и счастья прибудет.

0 Сообщения: 36 Зарегистрирован: 14.02.05

ага если бы я понимал синтаксис явы и события вообще ((
лана похоже надо учить )

DeДверь
Логин:
Пароль:
	Автологин