Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.09.2008, 18:34
Профессор
Отправить личное сообщение для SunYang Посмотреть профиль Найти все сообщения от SunYang
 
Регистрация: 22.02.2008
Сообщений: 189

Выпадающее меню
Проблема с выпадающим меню. При наведении мыши на ячейку, в которую записали текст по событию 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>
Ответить с цитированием
  #2 (permalink)  
Старый 16.04.2009, 22:10
zumm23
 
Сообщений: n/a

<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 не срабатывает, а если на надпись то работает....
Ответить с цитированием
  #3 (permalink)  
Старый 16.04.2009, 22:17
Новичок на форуме
Отправить личное сообщение для zumm23 Посмотреть профиль Найти все сообщения от zumm23
 
Регистрация: 16.04.2009
Сообщений: 2

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

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

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

Меню второго уровня
Ответить с цитированием
  #4 (permalink)  
Старый 16.04.2009, 22:18
Новичок на форуме
Отправить личное сообщение для zumm23 Посмотреть профиль Найти все сообщения от zumm23
 
Регистрация: 16.04.2009
Сообщений: 2

тема закрыта =)
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблемы с меню на JS SeeD Общие вопросы Javascript 5 21.11.2008 19:44
помогите с меню Ribt Общие вопросы Javascript 0 20.09.2008 08:11
Выпадающее меню на css и javascript Jackky Общие вопросы Javascript 3 13.09.2008 18:30
Помогите сделать простое меню debugger Элементы интерфейса 1 09.09.2008 23:14
выпадающее меню AniStark Общие вопросы Javascript 12 11.05.2008 20:24