PHP.SU

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

PHP.SU Портал

Главная

Помощь

Поиск

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

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

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

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

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

изменение таблици через onmouse move

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

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

Без описания

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

daglas1	Отправлено: 21 Марта, 2012 - 20:01:18
Посетитель Покинул форум Сообщений всего: 329 Дата рег-ции: Июль 2011 Помог: 1 раз(а)	Всем привет. Есть таблица на две строки. В первой 5 полей. ВО второй только одно поле. Хочу сделать так чтобы при наведении мышки на одно из полей таблици оно подсвечивалось другим цветом иа содержимое деинственной ячейки второй строки изменялось, т.е там менялся текст. Я разобрался как менять содержимое таблици с помощью кнопок, которые уже описанны коде страницы ниже. А вобще у меня такой код по замене содержимого theTable.rows[0].cells[0].innerHTML = mss[poz]; а как этот код внедрить в текущую таблицу в которой сработало навеедние на ячейку? И соотвественно как поменять цвет ячейки только без ксс а на чистом js?

IllusionMH	Отправлено: 21 Марта, 2012 - 22:31:54
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	daglas1, вот вариант в котором в результирующую(нижнюю) ячейку выводится содержимое текущей. Проверки и вывод другого содержимого добавишь самостоятельно. Цитата: И соотвественно как поменять цвет ячейки только без ксс а на чистом js? Сударь знает толк... Ну если уж очень хочется - то есть две закомментированных строки. CODE (CSS): скопировать код в буфер обмена td { padding: 10px; } #theTable tr:first-child td:hover { background-color: red; /* правильный вариант выделения ячейки по наведению/ } CODE (html): скопировать код в буфер обмена <table id="theTable" border="1"> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td colspan="5" id="resCell">Current:</td> </tr> </table> CODE (htmlphp*): скопировать код в буфер обмена var tbl = document.getElementById("theTable"), resCell =document.getElementById("resCell"); tbl.onmouseover = function(e) { var tg = e.target \|\| e.srcElement; if (tg.tagName.toLowerCase() === "td" && tg !== resCell) { //tg.style.backgroundColor = "black"; //сударям знающим толк - убрать комментарий в начале строки resCell.innerHTML = "Current: " + e.target.innerHTML; } else { resCell.innerHTML = "Current: "; } }; tbl.onmouseout = function(e) { var tg = e.target \|\| e.srcElement; if (tg.tagName.toLowerCase() === "td" && tg !== resCell) { //tg.style.backgroundColor = "transparent"; //сударям знающим толк - убрать комментарий в начале строки resCell.innerHTML = "Current: "; } };

daglas1	Отправлено: 22 Марта, 2012 - 19:50:43
Посетитель Покинул форум Сообщений всего: 329 Дата рег-ции: Июль 2011 Помог: 1 раз(а)	Спасибо за ссылки, я протестирую код. Для меня пока приоритетна замена содержимого а подстветку я могу еще отложить на потом.

daglas1	Отправлено: 27 Марта, 2012 - 19:07:12
Посетитель Покинул форум Сообщений всего: 329 Дата рег-ции: Июль 2011 Помог: 1 раз(а)	IllusionMH пишет: daglas1, вот вариант в котором в результирующую(нижнюю) ячейку выводится содержимое текущей. Проверки и вывод другого содержимого добавишь самостоятельно. Цитата: И соотвественно как поменять цвет ячейки только без ксс а на чистом js? Сударь знает толк... Ну если уж очень хочется - то есть две закомментированных строки. Спасибо, код клевый и работает клево именно то что я хотел. А то те решения которые я находил были уж слишком громоздкими.

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

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

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

« JavaScript & VBScript »

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