X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

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

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Таблица зебра и выделение строки под курсором.
kez
kez
Topic Starter сообщение 10.2.2009, 12:12; Ответить: kez
Сообщение #1


Ситуация в следующем.
имеется табличка. нужно сделать строки с чередующимся border-color т.е. зебру.

яваскрипт
function makeStripe(tab)
{
    var rows = tab.getElementsByTagName("tr");

    if (!rows)
        return;

    for(var i=0; i<rows.length; i++)
        rows[i].className = ((i%2)==0 ? "odd" : "even");
}

и css
tbody .odd {
    color: #000;
    background-color: #ffffff;
}

tbody .even {
    color: #000;
    background-color: #f4f4f4;
}

ставим на
<body onload="makeStripe(document.getElementById('dataTable'));">

соответственно все красиво работает.

Идем дальше. Появилась необходимость подсвечивать строки под курсором. Кажется, что может быть проще?
<tr onmouseover="style.backgroundColor='#d8f4ff'" onmouseout="style.backgroundColor='#ffffff';status=''">

А нет!
У нас ведь строчки уже подсвечены и после потери курсора мы имеем
backgroundColor='#ffffff'
Количество строк не статичное. Нужен обобщенный механизм который возвращал бы предыдущий backgroundColor текущей строки. С нетерпением жду предложений!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Azalis
Azalis
сообщение 10.2.2009, 19:05; Ответить: Azalis
Сообщение #2


Могу предложить в начала страницы создать глобальную строковую переменную, к примеру tmpBgColor.
Далее пишем 2 функции, одна из которых будет при наведении на строчку записывать в эту временную переменную начальное значение style.backgroundColor, после чего присваивает текущему наведённому элементу нужный цвет. Вторая при потери фокуса будет брать из временной переменной изначальное значение цвета и возвращать его элементу.
какт так
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kez
kez
Topic Starter сообщение 11.2.2009, 10:14; Ответить: kez
Сообщение #3


тоже думаю что решение во временной переменной )
проблема за малым: я не представляю как обратиться именно к той строке, которая под курсором, ведь она ни чем не уникальна(строки будут генериться и уникальное имя или id возможности присвоить нет)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kez
kez
Topic Starter сообщение 11.2.2009, 18:21; Ответить: kez
Сообщение #4


ответ оказался до банальности прост)))
не знал что в функцию яваскрипта можно передать this

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) SEO Линк Билдинг под Бурж | Вечные ссылки США, Европа и Мир с Гарантией
18 Needmylink1 6545 25.3.2024, 20:51
автор: Needmylink1
Горячая тема (нет новых ответов) Hyper.hosting - сервера под любые задачи [разрешены dmca, гэмблинг, адалт и пр.]
Лучшие сервера по доступной цене
30 Hyper_Hosting 8599 22.3.2024, 15:34
автор: Hyper_Hosting
Открытая тема (нет новых ответов) 📌 Telegram Prime - софт для автоматизации telegram разработанный специально под задачи бизнеса
🏆 Единственный комбайн для популяризации вашей компании в теле
14 leviathan 3272 21.3.2024, 18:54
автор: leviathan
Открытая тема (нет новых ответов) HideHost.net - Виртуальные и выделенные сервера под любые Ваши проекты с индивидуальным подходом.
Работаем уже более 12 лет
6 HIDEHOST 2313 21.3.2024, 13:33
автор: Tihohodka
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыSEO-продвижение USA, Europe, Asia под ключ | Dating, Gambling, Essay и 10+ ниш
1 Needmylink1 661 17.3.2024, 12:58
автор: Needmylink1


 



RSS Текстовая версия Сейчас: 29.3.2024, 12:43
Дизайн