Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 20.12.2009, 20:30   #1
_PROGRAMM_
Участник клуба
 
Аватар для _PROGRAMM_
 
Регистрация: 30.07.2009
Сообщений: 1,603
По умолчанию Ниспадающее меню. Работает только в firefox!

Здравствуйте.
Меня подвёл скрипт с ниспадающем меню. В 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 все четко.

В мире нет вечных двигателей, зато есть вечные тормоза...

Блог
_PROGRAMM_ вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сайт не отображается в 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