Форум

lolman · #1 (**permalink**) 02.10.2013, 21:35

Нужна помощь в написание javascript для изменения цвета ячейки при наведении на нее курсора.
сейчас использую для нужных ячеек CSS
код на ячейке.
<div onmouseover="this.parentNode.style.background='#CC FF66'" onmouseout="this.parentNode.style.background='#CCF FCC'" id="990007905966|$rn$" name="$id_obj$" onClick="ElemPress(this,1);">

Нужно написать такой код чтобы можно было не использовать в ячейке код
(onmouseover="this.parentNode.style.background='#C CFF66'" onmouseout="this.parentNode.style.background='#CCF FCC'" )
и не используя конструкцию style
т.к. все равно придеться в каждую ячеку писать style=function

Просто в одном месте написать обращение к форме (this).

danik.js · #2 (**permalink**) 02.10.2013, 22:04

Ячейка - это <td> , а не <div>. Ты что-то перепутал.

lolman · #3 (**permalink**) 02.10.2013, 22:57

да есть такое. в td заложен div.

lolman · #4 (**permalink**) 02.10.2013, 22:57

но проблема от этого не решилась.

BETEPAH · #5 (**permalink**) 02.10.2013, 23:26

Для чего писать скрипты там, где можно обойтись без этого?

<!DOCTYPE html>
<html><head>
<style type="text/css" media="screen">
	.div {
		background: #CCFFCC;
	}
	.div:hover {
		background: #CCFF66;
	}
</style>
</head><body>
<table>
	<tr>
		<td class="div"><div>Дива</div> не дива</td>
		<td class="div">не дива ваще</td>
	</tr>
</table>
</body></html>

lolman · #6 (**permalink**) 03.10.2013, 07:16

В самом начале я написал что нет необходимости писать style. Нужно имеено обращение к document.getElementById('this').

Скрипт я так понял должен быть не большой.

danik.js · #7 (**permalink**) 03.10.2013, 07:50

Сообщение от lolman

т.к. все равно придеться в каждую ячеку писать style=function

Что это значит?

lolman · #8 (**permalink**) 03.10.2013, 09:01

Короче мне срочно нужно на курсы java. В общем я понял что в div так или иначе придеться писать onmouseover и onmouseout. А в head писать скрипт с функцией .
onmouse="myFunc(this,'move');" onmouse2="myFunc(this,'out');"

myFunc (elem, action) {
var tdElem = elem.parentNode;
if(action=='move') {
if(tdElem.style.bgColor=='#CCFFCC') {
tdElem.style.backgroundColor = red;
}
}
else {
....
}
}

danik.js · #9 (**permalink**) 03.10.2013, 09:13

Сообщение от lolman

Короче мне срочно нужно на курсы java.

Ты в адеквате? Ты можешь внятно пояснить свою задачу? Зачем тебе Java, которая от Oracle? Она не для раскрашивания ячеек.

Чем тебе вариант от BETEPAH не устроил?

lolman · #10 (**permalink**) 03.10.2013, 09:21

Просто там где я работаю постройка шаблонов строиться на наших генераторах которая сама рисует таблицу. И в td я никак не смогу запихнуть class так как td формируется генератором

Форум

Справочник

Discord чат

Курсы javascript