Показать сообщение отдельно
  #1 (permalink)  
Старый 25.09.2008, 18:02
Новичок на форуме
Отправить личное сообщение для Harouth Посмотреть профиль Найти все сообщения от Harouth
 
Регистрация: 25.09.2008
Сообщений: 1

Двухуровневое меню
Добрая время дня.
Не работает как надо. Помогите найти ошибки.
<html>
<head><title>Меню</title></head>
 <body>
<!--Таблицы, из которых строится меню-->
<!--===================================================================-->
 <table id=menu1 style="z-index:5; background:#e0e0e0; position:absolute;
 top:60px; left:250px; width:100"
 onclick=menuclick()
 onmouseover="document.all.tb1.style.display=''"
 onmouseout="document.all.tb1.style.display='none'"
 cellspacing=0 cellpadding=10 rules=none border=1>

<tbody>
<tr>
 <td id=menuzag1 style="background:aqua"
  onmouseover=onmousemenu()
  onmouseout=outmousemenu()>Иванов
 </td>
</tr>

<tbody id=tb1 style="display:none">
<!------------------------->
 <tr>
  <td id=e11 onmouseover=onelement() onmouseout=outelement()>Вася
  </td>
 </tr>
<!------------------------>
<tr>
  <td id=e12 onmouseover=onelement() onmouseout=outelement()>Вова
  </td>
 </tr>
<!------------------------>
<tr>
  <td id=e13 onmouseover=onelement() onmouseout=outelement()>Валера
  </td>
 </tr>
<!------------------------> 
</tbody>
  </table>
<!--===================================================================-->
<table id=menu2 style="z-index:5; background:#e0e0e0; position:absolute;
 top:60px; left:352px; width:100"
 onclick=menuclick()
 onmouseover="document.all.tb2.style.display=''"
 onmouseout="document.all.tb2.style.display='none'"
 cellspacing=0 cellpadding=10 rules=none width=40 border=1>

<tbody>
 <tr>
  <td id=menuzag2 style="background:#00FF00"
  onmouseover=onmousemenu()
  onmouseout=outmousemenu()>Петров
  </td>
 </tr>
 
<tbody id=tb2 style="display:none">
<!------------------------>
 <tr>
  <td id=e21 onmouseover=onelement() onmouseout=outelement()>Саша
  </td>
 </tr>
<!------------------------>
 <tr>
  <td id=e22 onmouseover=onelement() onmouseout=outelement()>Серега
  </td>
 </tr>
<!------------------------>
   </tbody>
  </table>
<!--===================================================================-->
<table id=menu3 style="z-index:5; background:#E0E0E0; position:absolute;
 top:60px; left:454px; width:100; bottom: 260px;"
 onclick=menuclick()
 onmouseover="document.all.tb3.style.display=''"
 onmouseout="document.all.tb3.style.display='none'"
 cellspacing=0 cellpadding=10 rules=none width=40 border=1>
 
<tbody>
<tr>
<td id=menuzag3 style="background:#00FF00"
 onmouseover=onmousemenu()
 onmouseout=outmousemenu()>Сидоров
     </td>
    </tr>
   </tbody> 
  </table>
 </body>

<script language=javascript>
function onelement(){//назад на элемент
xid=event.srcElement.id
document.all[xid].style.color='white'
document.all[xid].style.background='#0000ff'
}
function outelement(){//уход с элемента
xid=event.srcElement.id
document.all[xid].style.color='black'
document.all[xid].style.background='#e0e0e0'
}
function onmousemenu(){//назад на заголовок меню
xid=event.srcElement.id
document.all[xid].style.background='#00dd00'
}
function outmousemenu(){
xid=event.srcElement.id
document.all[xid].style.background='#00ff00'
}
function menuclick(){//щелчок на элементе меню
alert(""+event.srcElement.id+) if (){
window.open("http://www.yandex.ru")
}

</script> 

</html>

Последний раз редактировалось Harouth, 25.09.2008 в 18:07.
Ответить с цитированием