Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/11/2012, 11:02
ciurix
 
Fecha de Ingreso: septiembre-2010
Mensajes: 37
Antigüedad: 14 años, 3 meses
Puntos: 1
cambiar de color a celda en varios radio button

Hola a todos.
Haber si pueden ayudarme.
tengo este script que funciona perfectamente en un solo radio button del formulario.
ahora quiero añadir dos radio button más y no trabaja bien el script.
este es el codigo.
Código:
<html>
<head>
<title>color button
</title>

<script>
function ini() {
	tab=document.getElementById('tabla');
	for (i=0; ele=tab.getElementsByTagName('TR')[i]; i++) {	
		ele.onmouseover = function() {iluminar(this,true)};
		ele.onmouseout = function() {iluminar(this,false)};
		ele.cells[0].onclick = function() {marcar(this)};
	}
}

function iluminar(obj,valor) {
estado = obj.getElementsByTagName("TD")[0].firstChild.checked;
if (!estado)
	obj.style.backgroundColor = (valor) ? 'red' : 'white';
}

var marca = null;
function marcar(obj) {
	if (marca != null && marca != obj)	marca.parentNode.style.backgroundColor = "white";
	marca = obj;
}

window.onload = ini;
</script>
<script>
function ini() {
	tab=document.getElementById('tabla2');
	for (i=0; ele=tab.getElementsByTagName('TR')[i]; i++) {	
		ele.onmouseover = function() {iluminar(this,true)};
		ele.onmouseout = function() {iluminar(this,false)};
		ele.cells[0].onclick = function() {marcar(this)};
	}
}

function iluminar(obj,valor) {
estado = obj.getElementsByTagName("TD")[0].firstChild.checked;
if (!estado)
	obj.style.backgroundColor = (valor) ? 'red' : 'white';
}

var marca = null;
function marcar(obj) {
	if (marca != null && marca != obj)	marca.parentNode.style.backgroundColor = "white";
	marca = obj;
}

window.onload = ini;
</script>
<script>
function ini() {
	tab=document.getElementById('tabla3');
	for (i=0; ele=tab.getElementsByTagName('TR')[i]; i++) {	
		ele.onmouseover = function() {iluminar(this,true)};
		ele.onmouseout = function() {iluminar(this,false)};
		ele.cells[0].onclick = function() {marcar(this)};
	}
}

function iluminar(obj,valor) {
estado = obj.getElementsByTagName("TD")[0].firstChild.checked;
if (!estado)
	obj.style.backgroundColor = (valor) ? 'red' : 'white';
}

var marca = null;
function marcar(obj) {
	if (marca != null && marca != obj)	marca.parentNode.style.backgroundColor = "white";
	marca = obj;
}

window.onload = ini;
</script>

</head>
<body style="width:500px"
<table width="50%" align="center">
<tr><td>
<form id="formu">
<table id="tabla" border="1"> 

<tr>
 <td><input type="radio" name="sex" value="1"></td>
 <td>Hombre</td>

</tr> 
<tr>
 <td><input type="radio" name="sex" value="2"></td>
 <td>Mujer</td>
 
</tr> 
</table>
</form>
<form id="formu2">
<table id="tabla2" border="1"> 
<tr>
 <td><input type="radio" name="lugar" value="1"></td>
 <td>BARCELONA</td>
 
 
</tr> 
<tr>
 <td><input type="radio" name="lugar" value="2"></td>
 <td>Otra provincia</td>

 
</tr> 
<tr>
 <td><input type="radio" name="lugar" value="3"></td>
 <td>Otro pais</td>

 
</tr> 
</table>
</form>
<form id="formu3">
<table id="tabla3" border="1"> 
<tr>
 <td><input type="radio" name="motivo" value="1"></td>
 <td>leer</td>
 
 
</tr> 
<tr>
 <td><input type="radio" name="motivo" value="2"></td>
 <td>escribir</td>

 
</tr> 
<tr>
 <td><input type="radio" name="motivo" value="3"></td>
 <td>leer-escribir</td>

 
</tr> 
</table>
</form>
</td></tr>
</table>
</body>
</html>
solo hace caso al primer radio button.
como tendria de hacerlo para los otros dos.

Gracias.

Última edición por zerokilled; 17/11/2012 a las 17:41