The OpenNET Project / Index page

[ новости /+++ | форум | wiki | теги | ]

форумы  помощь  поиск  регистрация  майллист  вход/выход  слежка  RSS
"Событие OnMouseOver в JavaScript"
Вариант для распечатки  
Пред. тема | След. тема 
Форумы WEB технологии (Public)
Изначальное сообщение [ Отслеживать ]

"Событие OnMouseOver в JavaScript"  
Сообщение от Dmitriy (??) on 24-Фев-09, 14:18 
Здравствуйте всем!

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

Высказать мнение | Ответить | Правка | Cообщить модератору

 Оглавление

Сообщения по теме [Сортировка по времени | RSS]


1. "Событие OnMouseOver в JavaScript"  
Сообщение от angra (ok) on 24-Фев-09, 15:28 
Как пытаетесь сделать и что именно не получается? Приведите минимальный вариант html+js ваших попыток.
Высказать мнение | Ответить | Правка | Наверх | Cообщить модератору

2. "Событие OnMouseOver в JavaScript"  
Сообщение от Dmitriy (??) on 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> не напишешь же

Высказать мнение | Ответить | Правка | Наверх | Cообщить модератору

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

4. "Событие OnMouseOver в JavaScript"  
Сообщение от Dmitriy (??) on 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="нужный текст"'> ?

Высказать мнение | Ответить | Правка | Наверх | Cообщить модератору

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

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

Высказать мнение | Ответить | Правка | Наверх | Cообщить модератору

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

Высказать мнение | Ответить | Правка | Наверх | Cообщить модератору

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

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

Высказать мнение | Ответить | Правка | Наверх | Cообщить модератору

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

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

Высказать мнение | Ответить | Правка | Наверх | Cообщить модератору

Архив | Удалить

Индекс форумов | Темы | Пред. тема | След. тема
Оцените тред (1=ужас, 5=супер)? [ 1 | 2 | 3 | 4 | 5 ] [Рекомендовать для помещения в FAQ]




Спонсоры:
PostgresPro
Inferno Solutions
Hosting by Hoster.ru
Хостинг:

Закладки на сайте
Проследить за страницей
Created 1996-2022 by Maxim Chirkov
Добавить, Поддержать, Вебмастеру