JavaScript и смена фона
Имеется простенькая форма:
<form>
<table>
<tr>
<td><img src="..."></td>
<td><input type="radio" name="id"></td>
</tr>
<tr>
<td><img src="..."></td>
<td><input type="radio" name="id"></td>
</tr>
<tr>
<td><img src="..."></td>
<td><input type="radio" name="id"></td>
</tr>
</table>
</form>
Надо бы чтоб по нажатию на radio менялся фон у одного поля, т.е. изменялось св-во "bgcolor" у TR.
Подскажите как такую штуку сделать
<form>
<table>
<tr>
<td><img src="..."></td>
<td><input type="radio" name="id"></td>
</tr>
<tr>
<td><img src="..."></td>
<td><input type="radio" name="id"></td>
</tr>
<tr>
<td><img src="..."></td>
<td><input type="radio" name="id"></td>
</tr>
</table>
</form>
Надо бы чтоб по нажатию на radio менялся фон у одного поля, т.е. изменялось св-во "bgcolor" у TR.
Подскажите как такую штуку сделать
document.getElementById("id элемента").style.background = "#aaa";
Туплю) У меня фигня какая-то получается:
<html>
<head>
<script>
function chk() {
document.getElementById("color").style.background = "#000000";
}
</script>
</head>
<body>
<form>
<table>
<tr id="color">
<td> </td>
<td>
<input type="radio" name="id" onClick="chk();"></td>
</tr>
<tr id="color">
<td> </td>
<td><input type="radio" name="id" onClick="chk();"></td>
</tr>
<tr id="color">
<td> </td>
<td><input type="radio" name="id" onClick="chk();"></td>
</tr>
</table>
</form>
</body>
</html>
И че мне для каждого поля свою функцию надо?
<html>
<head>
<script>
function chk() {
document.getElementById("color").style.background = "#000000";
}
</script>
</head>
<body>
<form>
<table>
<tr id="color">
<td> </td>
<td>
<input type="radio" name="id" onClick="chk();"></td>
</tr>
<tr id="color">
<td> </td>
<td><input type="radio" name="id" onClick="chk();"></td>
</tr>
<tr id="color">
<td> </td>
<td><input type="radio" name="id" onClick="chk();"></td>
</tr>
</table>
</form>
</body>
</html>
И че мне для каждого поля свою функцию надо?
id должен быть уникальным в документе, т.е. двух, трех или пяти id="color" быть не может. Лучше передавать id в одну функцию, чем делать для каждого элимента свою функцию.
ЗЫ по моему, в осле, фона у tr быть не может, только у td.
ЗЫ по моему, в осле, фона у tr быть не может, только у td.
у <tr> есть аттрибут id, только он вроде не поддерживает backgroundColor.
Если хочешь объединить несколько <td> полей, то используй эти поля внутри <div>. И задавай id этому тегу!
Если хочешь объединить несколько <td> полей, то используй эти поля внутри <div>. И задавай id этому тегу!
[QUOTE=bars_A]
И че мне для каждого поля свою функцию надо?[/QUOTE]
Ну, зачем же для каждого? Попробуй:
[HTML]
....
<tr onClick="chk(this)">
....
<script>
function chk(obj) {
obj.style.backgroundColor = "#000000";
}
</script>
[/HTML]
Но, для TR это не совсем правильно...
И че мне для каждого поля свою функцию надо?[/QUOTE]
Ну, зачем же для каждого? Попробуй:
[HTML]
....
<tr onClick="chk(this)">
....
<script>
function chk(obj) {
obj.style.backgroundColor = "#000000";
}
</script>
[/HTML]
Но, для TR это не совсем правильно...
Все он поддерживает. Главное все делать по стандарту.
[HTML]
<tr style="background-color='#AABBCC'" id="tr1">
<td></td>
</tr>
[/HTML]
А потом меняем цвет:
и все работает
проверено в IE и Opera 9
[HTML]
<tr style="background-color='#AABBCC'" id="tr1">
<td></td>
</tr>
[/HTML]
А потом меняем цвет:
Код:
document.getElementById('tr1').style.backgroundColor='#556666';
и все работает
проверено в IE и Opera 9
bars_A
http://forum.ixbt.com/topic.cgi?id=24:36253
Это код не совсем под данную задачу, но очень близки. Думай, разбирайся, будет полезно.
Кстати все эти замены относятся к DOM, а не JS поэтому в документации по JS эти методы и свойства нередко не упоминаются.
http://forum.ixbt.com/topic.cgi?id=24:36253
Это код не совсем под данную задачу, но очень близки. Думай, разбирайся, будет полезно.
Кстати все эти замены относятся к DOM, а не JS поэтому в документации по JS эти методы и свойства нередко не упоминаются.