Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> onmouseover смена цвета, смета цвета у другого тега 
:(
    Опции темы
sayber
Дата 18.12.2006, 16:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 231
Регистрация: 30.7.2006
Где: Moscow - qwerty

Репутация: нет
Всего: нет



Добрый день... Чет не могу найти вот такой вещи:
Код


 <tr>
    <td width="10" id="color"> </td>
    <td width="191" ><a   href="#" class="nav">Главная</a></td>
  </tr>


При наведении на ссылку Главная должен менять цвет тег <td> с id=color

Как это правельно сделать?
--------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~WoW CafeSayber ©  Портфолио ~~~~~~~~~~~~~~~~~~~~~~~~~~~
PM MAIL WWW ICQ   Вверх
skyboy
Дата 18.12.2006, 16:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 10
Всего: 260



Если id уникален в пределах страницы:
Код

<tr>
    <td width="10" id="color"> </td>
    <td width="191" ><a   href="#" class="nav" onmouseover="document.getElementById('color').style.color='#F95';">Главная</a></td>
  </tr>

Если же ИД неуникален, то надо действовать, исходя из логики доступа к ячейке, которую надо разукрасить. если имеется в виду ранний сосед родителя ссылки, то вот так:
Код

 <tr>
    <td width="10" id="color"> </td>
    <td width="191" ><a   href="#" class="nav" onmouseover="this.parentNode.previousSibling.style.color= '#F95';">Главная</a></td>
  </tr>


PM MAIL   Вверх
dstorm81
Дата 18.12.2006, 16:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


бездельник
***


Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39



<tr>
    <td width="10" id="color"> </td>
    <td width="191" ><a   href="#" class="nav" onmouseover="document.getElementById('color').style.backgroundColor='red'">Главная</a></td>
  </tr>


--------------------
на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

PM   Вверх
Nicholas_S
Дата 18.12.2006, 16:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 486
Регистрация: 12.10.2006
Где: Санкт-Петербург

Репутация: 5
Всего: 19



Заметка: skyboy, this.parentNode.previousSibling не кроссбраузерная комбинация, работать не будет. К тому же, верная запись для IE будет такая this.previousSibling.


--------------------
...все в мире относительно
PM   Вверх
sayber
Дата 18.12.2006, 17:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 231
Регистрация: 30.7.2006
Где: Moscow - qwerty

Репутация: нет
Всего: нет



Спасибо всем ))

Вопрос не к теме но все же...  Есть где нибудь примеры реализаци ajax с пояснением. То есть статьи на русском?
--------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~WoW CafeSayber ©  Портфолио ~~~~~~~~~~~~~~~~~~~~~~~~~~~
PM MAIL WWW ICQ   Вверх
Nicholas_S
Дата 18.12.2006, 17:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 486
Регистрация: 12.10.2006
Где: Санкт-Петербург

Репутация: 5
Всего: 19



где-нибудь есть. Думаю, в сети.  smile
А так же здесь http://vingrad.ru/JAVASCRIPT-ART-002998


--------------------
...все в мире относительно
PM   Вверх
skyboy
Дата 18.12.2006, 17:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 10
Всего: 260



Цитата(Nicholas_S @  18.12.2006,  15:55 Найти цитируемый пост)
this.parentNode.previousSibling не кроссбраузерная комбинация

что именно не кроссбраузерно? и - помедленнее, я записываю smile
Цитата(Nicholas_S @  18.12.2006,  15:55 Найти цитируемый пост)
К тому же, верная запись для IE будет такая this.previousSibling. 

Разве ИЕ проигнорирует родителя?  smile 
PM MAIL   Вверх
Nicholas_S
Дата 18.12.2006, 17:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 486
Регистрация: 12.10.2006
Где: Санкт-Петербург

Репутация: 5
Всего: 19



skyboy, 
Цитата

что именно не кроссбраузерно

previousSibling в Firefox может вернуть не тот же "сестринский" узел, что и IE, поэтому, чтобы он работал аналогичным образом, приходится его переопределять (или дополнять), например:
Код

function getNextSibling(obj)
{
  if (!obj) return null;
  
  var nextObj = obj.nextSibling;
  while (nextObj && nextObj.nodeType != 1)
    nextObj = nextObj.nextSibling;

  return nextObj;
}  


Цитата

Разве ИЕ проигнорирует родителя?

Он не проигнорирует, но вернет уже не дочерний элемент относительно TR, а "сестринский" по отношению к TR.


--------------------
...все в мире относительно
PM   Вверх
SelenIT
Дата 18.12.2006, 18:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 49
Всего: 401



Имхо, вообще целая ячейка таблицы ради 10-пиксельной однотонно залитой области - как-то несовременно и расточительно... Не проще ли сделать ее border-ом?


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Nicholas_S
Дата 18.12.2006, 18:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 486
Регистрация: 12.10.2006
Где: Санкт-Петербург

Репутация: 5
Всего: 19



вполне


--------------------
...все в мире относительно
PM   Вверх
Zeroglif
Дата 18.12.2006, 20:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 644
Регистрация: 22.9.2005

Репутация: 28
Всего: 66



Цитата(Nicholas_S @  18.12.2006,  17:37 Найти цитируемый пост)
Он не проигнорирует, но вернет уже не дочерний элемент относительно TR, а "сестринский" по отношению к TR.

Не знаю, почему молчит skyboy, но я, честно говоря,  это не уловил. Почему сестринский по отношению к TR, если выше TD никто никуда не ходил? Вдогонку про кроссбраузерность, можно из ссылки сразу же выходить на TR, а оттуда через старую добрую коллекцию cells с точным или расчётным (относительно родителя ссылки) индексом...
PM MAIL WWW   Вверх
Nicholas_S
Дата 18.12.2006, 20:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 486
Регистрация: 12.10.2006
Где: Санкт-Петербург

Репутация: 5
Всего: 19



Zeroglif, 
Цитата

почему молчит skyboy

ест наверное  smile 

Цитата

Почему сестринский по отношению к TR, если выше TD никто никуда не ходил?

да, виноват! ай-ай, невнимательный был, нажимаем же на <a>, не на TD. Спасибо. smile

Цитата

Вдогонку про кроссбраузерность, можно из ссылки сразу же выходить на TR, а оттуда через старую добрую коллекцию cells с точным или расчётным (относительно родителя ссылки) индексом... 

это было бы, пожалуй, наиболее верным решением в данной ситуации, просто previousSibling/nextSibling ведут в FF себя немного не так, как в IE, поэтому я просто пояснил возможную проблему.


--------------------
...все в мире относительно
PM   Вверх
skyboy
Дата 18.12.2006, 20:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 10
Всего: 260



Цитата(Zeroglif @  18.12.2006,  19:00 Найти цитируемый пост)
Не знаю, почему молчит skyboy, но я, честно говоря,  это не уловил

я тоже не понял. почему "дочерний", если нам и так "сестринский" нужен? Сижу вот, думаю, молчу smile
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0617 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.