PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

получение ID при наведении

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Ex	Отправлено: 27 Июня, 2014 - 11:06:36
Частый гость Покинул форум Сообщений всего: 189 Дата рег-ции: Июнь 2013 Помог: 0 раз(а)	имеется таблица размером 18х12. У каждой ячейки свой ID. как получить ID ячейки, на которую навели мышкой? (Отредактировано автором: 27 Июня, 2014 - 11:09:11)

esterio	Отправлено: 27 Июня, 2014 - 11:18:36
Активный участник Покинул форум Сообщений всего: 5025 Дата рег-ции: Нояб. 2012 Откуда: Украина, Львов Помог: 127 раз(а)	mouseover -> target -> attr ID

Ex	Отправлено: 27 Июня, 2014 - 11:22:13
Частый гость Покинул форум Сообщений всего: 189 Дата рег-ции: Июнь 2013 Помог: 0 раз(а)	esterio пишет: mouseover -> target -> attr ID можно подробней? я с JS не дружу

IllusionMH	Отправлено: 27 Июня, 2014 - 13:48:22
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	Ex, подробней тут http://learn[dot]javascript[dot]ru/mousemove-events http://learn[dot]javascript[dot]ru/basic[dot][dot][dot]-node-properties

Ex	Отправлено: 29 Июня, 2014 - 22:09:09
Частый гость Покинул форум Сообщений всего: 189 Дата рег-ции: Июнь 2013 Помог: 0 раз(а)	честно говоря: "смотрю в книгу, вижу фигу" конечно есть что то похожее на то, что нужно, но не совсем так, или я не понимаю просто вообще моя голова не хочет принимать JS Может я объясню что конкретно нужно мне, что б было понятнее. Вот я в пеинте нарисовал как должно выглядеть, рисунок снизу. Есть таблица на странице, с множеством ячеек, у каждой свой id. (нарисовано красным) Есть еще и блок(зеленый цвет), но он появляется, только если навести на одну из ячеек таблицы, и в нем же пишется id ячейки на которую навели. Если же мышку убрать с поля таблицы, этот блок (зеленым цветом) исчезает. А если еще сделать что б этот блок появлялся и исчезал плавно (за 1-2 сек) то ваще было бы шикарно. Помогите решить эту проблему пожалуйста Прикреплено изображение (Нажмите для увеличения) (Отредактировано автором: 29 Июня, 2014 - 22:10:44)

Contr	Отправлено: 30 Июня, 2014 - 08:11:21
Частый гость Покинул форум Сообщений всего: 202 Дата рег-ции: Окт. 2011 Откуда: с Марса Помог: 1 раз(а)	CODE (javascript): скопировать код в буфер обмена document.onmouseover = function (e){console.log(e.target.id)}; (Добавление) Contr пишет: А если еще сделать что б этот блок появлялся и исчезал плавно (за 1-2 сек) то ваще было бы шикарно. css: #block { transition: opacity 2s; }

Ex	Отправлено: 30 Июня, 2014 - 10:55:00
Частый гость Покинул форум Сообщений всего: 189 Дата рег-ции: Июнь 2013 Помог: 0 раз(а)	чот не понятно, я же говорю JS ни как понять не могу, придется учить походу с 0 ваще не понимаю... можете на примере показать? вот есть таблица и есть ниже див. Див невидемый. дисплей:ноне... Нужно: когда наводишь на одну из ячеек (<td>) что бы появлялся див и в нем ид на который навели мышкой, если мышку убрать из области таблицы, див пропадает... Извените, но просто для меня туго идет JS и ваши подсказки мне ниочом не говорят, т.к. я в JS еще 0 CODE (html): скопировать код в буфер обмена <table> <tr><td id="q1">1.1</td><td id="q2">1.2</td></tr> <tr><td id="q3">2.1</td><td id="q4">2.2</td></tr> <tr><td id="q5">3.1</td><td id="q6">3.2</td></tr> </table> <div id="info"> </div> (Отредактировано автором: 30 Июня, 2014 - 10:56:30)

Contr	Отправлено: 30 Июня, 2014 - 12:59:11
Частый гость Покинул форум Сообщений всего: 202 Дата рег-ции: Окт. 2011 Откуда: с Марса Помог: 1 раз(а)	CODE (javascript): скопировать код в буфер обмена var info= document.getElementById('info'); var tds = document.getElementsByTagName('td'); for(var i = 0; i < tds.length; i++){ tds[i].onmouseover = function (){info.innerHTML = this.id;}; } ?

Ex	Отправлено: 30 Июня, 2014 - 13:45:44
Частый гость Покинул форум Сообщений всего: 189 Дата рег-ции: Июнь 2013 Помог: 0 раз(а)	Contr пишет: CODE (javascript): скопировать код в буфер обмена var info= document.getElementById('info'); var tds = document.getElementsByTagName('td'); for(var i = 0; i < tds.length; i++){ tds[i].onmouseover = function (){info.innerHTML = this.id;}; } ? Спасибо то что нужно!!! но одно но, если убрать из области таблицы, то div info не исчезает (Добавление) Все, сам сообразил, спасибо большое, тема закрыта (Отредактировано автором: 02 Июля, 2014 - 09:41:59)

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.