форумы  помощь  поиск  регистрация  майллист  ВХОД  слежка

Вариант для распечатки		Пред. тема | След. тема
Форумы WEB технологии (Public)
Изначальное сообщение		[Проследить за развитием треда]

"Всплывающие слои в javascript"

Сообщение от Dmitriy (??) on 18-Апр-06, 20:09

Здравствуйте, имеется некая база данных из которой php скрипт вытаскивает данные на веб страницу, грубо говоря половина данных из БД это основные, а вторая половина это коментарии к основным данным, соответственно на страничке отображаются только основные данные, а как можно реализовать всплывающие слои на javascript что бы при наведении мышой на какое либо поле на страничке имело место быть событие OnMouseOver и всплывал слой (не отдельное окно браузера) в котором отображался бы текст коммента или вместо основного текста в ячейке таблицы появлялся бы коммент? Помогите пож-ста, а то с явой как-то туго.

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

Сообщения по теме

[Сортировка по времени, UBB]

1. "Всплывающие слои в javascript"

Сообщение от XAnder (ok) on 19-Апр-06, 10:01

>Здравствуйте, > >имеется некая база данных из которой php скрипт вытаскивает данные на веб >страницу, грубо говоря половина данных из БД это основные, а вторая >половина это коментарии к основным данным, соответственно на страничке отображаются только >основные данные, а как можно реализовать всплывающие слои на javascript что >бы при наведении мышой на какое либо поле на страничке имело >место быть событие OnMouseOver и всплывал слой (не отдельное окно браузера) >в котором отображался бы текст коммента или вместо основного текста в >ячейке таблицы появлялся бы коммент? Помогите пож-ста, а то с явой >как-то туго. Изучайте DOM - это универсальный инструмент для деланья чего угодно с элементами страницы при помощи JS и CSS. Хорошее описание (правда на английском) здесь: http://developer.mozilla.org/en/docs/Gecko_DOM_Reference Требемого эффекта можно достичь, например, так: - блоки, в которых лежат комментарии, выводятся со стилем "display: none"; - на onmouseover вешается функция, которая будет менять этот стиль на "display: block" - блок с комментарием тут же отобразится; - на onmouseout вешается функция, которая поменяет стиль обратно на "display: none" - блок тут же исчезнет с экрана; var myComment = document.getElementById(<здесь id нужного блока>); myComment.style.display = "block" или "none";

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

	2. "Всплывающие слои в javascript"
	Сообщение от Dmitriy (??) on 19-Апр-06, 16:19
	>>Здравствуйте, >> >>имеется некая база данных из которой php скрипт вытаскивает данные на веб >>страницу, грубо говоря половина данных из БД это основные, а вторая >>половина это коментарии к основным данным, соответственно на страничке отображаются только >>основные данные, а как можно реализовать всплывающие слои на javascript что >>бы при наведении мышой на какое либо поле на страничке имело >>место быть событие OnMouseOver и всплывал слой (не отдельное окно браузера) >>в котором отображался бы текст коммента или вместо основного текста в >>ячейке таблицы появлялся бы коммент? Помогите пож-ста, а то с явой >>как-то туго. > >Изучайте DOM - это универсальный инструмент для деланья чего угодно с элементами >страницы при помощи JS и CSS. > >Хорошее описание (правда на английском) здесь: > >http://developer.mozilla.org/en/docs/Gecko_DOM_Reference > >Требемого эффекта можно достичь, например, так: > >- блоки, в которых лежат комментарии, выводятся со стилем "display: none"; > >- на onmouseover вешается функция, которая будет менять этот стиль на "display: >block" - блок с комментарием тут же отобразится; > >- на onmouseout вешается функция, которая поменяет стиль обратно на "display: none" >- блок тут же исчезнет с экрана; > >var myComment = document.getElementById(<здесь id нужного блока>); >myComment.style.display = "block" или "none"; Спасибо, поизучаю
	Правка | Высказать мнение | Ответить | Cообщить модератору | Наверх

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