Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Выпадающее меню (https://javascript.ru/forum/misc/1691-vypadayushhee-menyu.html)

SunYang 03.09.2008 18:34

Выпадающее меню
 
Проблема с выпадающим меню. При наведении мыши на ячейку, в которую записали текст по событию onvouseover() сразу срабатывает onmouseout(). Почему записанная ячейка не воспринимается как область таблицы, и срабатывает onmouseout(), и табличка очишается. А как же нажать на ссылку, которая дописывается в ячейку скриптом?

<script>
str_01 = '<a class="text_2">— Ссылка в выпадающем меню, по которой нельзя перейти )))</a>'

function wrtext(param) {
xx = wrtext.arguments
str = xx[0]
document.getElementById("rtd_0").innerHTML = str;
}

function remove(){
document.getElementById("rtd_0").innerHTML = "";
}
</script>

<link href="style/style.css" rel="stylesheet" type="text/css">
</head>
<body> 
<div style="position:absolute; top:48px; left:265px; width:200">
<table width="210" border="0" cellspacing="0" cellpadding="0" onmouseover="wrtext(str_01)" onmouseout="remove()">
  <tr>
    <td width="210" height="20" class="onpanel" align="center"><a class="text_1">Текст</a></td>
  </tr>
   <tr>
      <td width="210" class="onpanel" align="center" id="rtd_0"></td>
    </tr>
</table>
</div>

zumm23 16.04.2009 22:10

<style>
div.box {position: absolute; top: 48px; left: 0px; width: 200}
.table {width: 210; cellspacing: 0; cellpadding: 0;}
.text_1 {}
.text_2 {}
</style>

<script>
str_01 = '<a class="text_2">Меню второго уровня</a>'

function wrtext(param) {
xx = wrtext.arguments
str = xx[0]
document.getElementById("rtd_0").innerHTML = str;
}

function remove(){
document.getElementById("rtd_0").innerHTML = "";
}
</script>

<body>
<div class="box">
<table class="table" border="1" onmouseover="wrtext(str_01)" onmouseout="remove()">
<tr>
<td width="210" height="20" class="onpanel" align="center"><a class="text_1">Меню первого уровня</a></td>
</tr>
<tr>
<td width="210" class="onpanel" align="center" id="rtd_0"></td>
</tr>
</table>
</div>


если наводить на ячейку, то onmouseout не срабатывает, а если на надпись то работает....

zumm23 16.04.2009 22:17

Хотя....всё! проблема решена! вместо

<a class="text_2">Меню второго уровня</a>

Нужно прописать

Меню второго уровня

zumm23 16.04.2009 22:18

тема закрыта =)


Часовой пояс GMT +3, время: 15:18.