URL: https://www.opennet.ru/cgi-bin/openforum/vsluhboard.cgi
Форум: vsluhforumID8
Нить номер: 6221
[ Назад ]

Исходное сообщение
"Событие OnMouseOver в JavaScript"

Отправлено Dmitriy , 24-Фев-09 14:18 
Здравствуйте всем!

подскажите пожалуйста, У самого не получается, как можно реализовать следующее на JavaScript:
имеется обычная html-разметка в виде таблицы со строкой в которой две ячейки
в одной имеется несколько пунктов текстовго меню, при наведении на каждый из котрых во второй ячейке должен возникать текст-пояснение к наведённому пункту меню?
Заранее благодарю за любую помощь.    


Содержание

Сообщения в этом обсуждении
"Событие OnMouseOver в JavaScript"
Отправлено angra , 24-Фев-09 15:28 
Как пытаетесь сделать и что именно не получается? Приведите минимальный вариант html+js ваших попыток.

"Событие OnMouseOver в JavaScript"
Отправлено Dmitriy , 24-Фев-09 16:05 
>Как пытаетесь сделать и что именно не получается? Приведите минимальный вариант html+js
>ваших попыток.

С иконками получается - ну то есть есть ряд иконок при загрузке это иконки первого набора, когда навожу на пугкт меню иконка 1 меняется на иконку 2 а когда увожу мышь то иконка меняется на иконку 3. Сделал просто - там где тег иконки<img ... указал имя документа типа <img name=doc1 ...> а где пункт меню в свойствах якоря описал события onmouseover=document.doc1.src="иконка2" onmouseout=document.src="иконка3"
а как с текстом быть пока идей не возникло.
между тегами <td>blabla</td> так же как в <img> не напишешь же


"Событие OnMouseOver в JavaScript"
Отправлено angra , 24-Фев-09 16:21 
Понятно, к js ваша решение отношения не имеет, просто пока еще плохо знаете html плюс используете специфичный для ie примем.
Поместите текст(ну или пустое место если начального текста не должно быть) в <span id="doc1"></span>. Для получения объекта var a=document.getElementById('doc1'). Для изменения значения есть разные методы, проще всего воспользоваться свойством innerHTML:  a.innerHTML="нужный текст", ну или без промежуточных переменных document.getElementById('doc1').innerHTML="нужный текст". Как легко догадаться по названию внутри текста можно использовать HTML, то есть ничто не мешает поместить туда форматирование, гиперссылки, картинки итд.

"Событие OnMouseOver в JavaScript"
Отправлено Dmitriy , 24-Фев-09 17:42 
>Понятно, к js ваша решение отношения не имеет, просто пока еще плохо
>знаете html плюс используете специфичный для ie примем.
>Поместите текст(ну или пустое место если начального текста не должно быть) в <span id="doc1"></span>. Для получения объекта var a=document.getElementById('doc1'). Для изменения значения есть разные методы, проще всего воспользоваться свойством innerHTML:  a.innerHTML="нужный текст", ну или без промежуточных переменных document.getElementById('doc1').innerHTML="нужный текст". Как легко догадаться по названию внутри текста можно использовать HTML, то есть ничто не мешает поместить туда форматирование, гиперссылки, картинки итд.

правильно ли я понимаю что там где должен появляться текст пишу так
<td><span id="doc1"></span></td> а там где мышкой навожу на пункт меню пишу в якоре это
<a onmousover='document.getElementById('doc1').innerHTML="нужный текст"'> ?


"Событие OnMouseOver в JavaScript"
Отправлено angra , 24-Фев-09 18:32 
Наверное быстрее проверить, чем спрашивать на форуме :)
Но вообще примерно так, хотя если есть td, то можно в них писать, а не в span http://www.w3schools.com/htmldom/prop_tabledata_innerhtml.asp.

P.S. Свойство innerHTML не утверждено стандартом, но поддерживается основными браузерами.


"Событие OnMouseOver в JavaScript"
Отправлено Dmitry , 24-Фев-09 20:10 
О как, работает ё!
Спасибо большущее -Вы профи!


"Событие OnMouseOver в JavaScript"
Отправлено angra , 24-Фев-09 20:29 
Как раз в HTML и js я жалкий любитель, всегда старался передать это верстальщикам.
Но когда таки приходится, то помогает древний(2002 год), но все еще весьма полезный справочник http://wdh.suncloud.ru/contents.htm
Может и вам сгодится :)

"Событие OnMouseOver в JavaScript"
Отправлено Dmitry , 24-Фев-09 22:24 
Хех, я сам этот справочник уже второй год юзаю, правда только раздел CGI и PERL - надо расширять кругозор :)


"Событие OnMouseOver в JavaScript"
Отправлено mitay , 02-Апр-09 08:35 
>Хех, я сам этот справочник уже второй год юзаю, правда только раздел
>CGI и PERL - надо расширять кругозор :)

Здрасте! А можете этот справочник куда-нибудь выложить, а то что-то не могу найти нормального справочника по яваскрипт. Или дайте ссылку(ссылка выше не работает), пожалуйста!