Ниспадающее меню. Работает только в firefox! - JavaScript, Ajax

_PROGRAMM_ · 20.12.2009, 20:30

Здравствуйте.
Меня подвёл скрипт с ниспадающем меню. В firefox работает а в остальных браузерах, как только начинаю выбирать сразу открываеться SELECT-Белоруссия. Ну сами посмотрите.
Вот код:

Код HTML:

<html>
<head>
<style>
a:active
{
background-color:red;
}
.bordermenu
{
 cursor: hand;
/* border-collapse:collapse;
 border-width: 9px;
 border-color: red;
 width:90px;*/
} /*чет не работает. ну не на это обращайте внимание*/
</style>
<script language="javascript">
function On(namediv)
{
 document.getElementById(namediv).style.visibility = "visible";
}
function Off(namediv)
{
 document.getElementById(namediv).style.visibility = "hidden";
}
function Form(id)
{
 if(id == "form1")
 {
   document.getElementById("form2").style.display="none";
   document.getElementById("form3").style.display="none";
   Off("text");// используеться функция Off(namediv) которая выше. Скрывает ниспадающееменю.
   document.getElementById("form1").style.display="block";
 } 
  if(id == "form2")
 {
   document.getElementById("form1").style.display="none";
   document.getElementById("form3").style.display="none";
   Off("text");// используеться функция Off(namediv) которая выше. Скрывает ниспадающееменю.
   document.getElementById("form2").style.display="block";
 }
  if(id == "form3")
 {
   document.getElementById("form1").style.display="none";
   document.getElementById("form2").style.display="none";
   Off("text");// используеться функция Off(namediv) которая выше. Скрывает ниспадающееменю.
   document.getElementById("form3").style.display="block";
 }
}
</script>
</head>
<body>
<table>
<tr><td>
<div onMouseOver="On('text')" onMouseOut="Off('text')" style="background-color: #999999; width:200px; text-align:center;">Страны</div>
<div id="text" style="visibility:hidden; position: absolute; background-color: #999999; margin-left: 0px; width:200px;" onMouseOver="On('text')" onMouseOut="Off('text')">
<script language="javascript">
/*var brovser = navigator.appName;/* пока не надо это. Портит дизайн. Создается ненужный переход на другую строку в IE
if (brovser == "Microsoft Internet Explorer")
{
document.write("<br>");
}*/
</script>
<div class="bordermenu"><a onClick="Form('form1')">Украина</a></div>
<div class="bordermenu"><a onClick="Form('form2')">Россия</div>
<div class="bordermenu"><a onClick="Form('form3')">Белоруссия</div>
</div>

<div id="form1" style="display:none"><select>
<option selected>Украина</option>
</select>
</div>

<div id="form2" style="display:none"><select>
<option selected>Россия</option>
</select></div>

<div id="form3" style="display:none"><select>
<option selected>Белоруссия</option>
</select></div>

</td>
</tr>
</table>
</body>
</html>

в firefox все четко.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Сайт не отображается в IE и Opera. Отображается только в FireFox.	Roman_K	HTML и CSS	3	03.02.2011 22:32
интересное ниспадающее меню	greysells	HTML и CSS	4	09.07.2009 16:44
Проблемма с меню в Mozilla Firefox	InCoob	JavaScript, Ajax	1	18.10.2008 17:46
Плавно выпадающее меню для Mozilla Firefox	мЕхаил =)	JavaScript, Ajax	6	22.12.2007 23:46
Ниспадающее меню для ссылки	Sedan Kashtanoff	PHP	0	09.02.2007 15:00