Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/09/2009, 15:47
crushinme
Invitado
 
Mensajes: n/a
Puntos:
Cambiar imagen de css dinámicamente

Buenas noches,
Lo primero de todo, gracias de antemano por leer el post.

Estoy realizando un proyecto en el cual de 3 opciones, sólo puede seleccionar una, y en las otras dos, se deberia cambiar el aspecto del fondo a otro color.
Me explico, valores 1 2 3
si selecciono 1, 1 se pondrá rojo y 2 3 verde por ejemplo
si selecciono 2, 2 se pondrá rojo y 1 3 verde
... etc
Sé que me falla alguna tontería pero, ¿podéis echarle un vistazo?
Muchas gracias

Javascript:
<script type="text/javascript">
function EsResultado(fila,valor) {
var i=0;
document.getElementById(fila).value=valor;

var e = document.getElementById(valor + fila);

if(e.className=="sin_marcar")

{

if(valor=="1"){e.style.background = 'url(../img/uno_con.jpg)'; e.className="marcado"; }
if(valor=="2"){e.style.background = 'url(../img/dos_con.jpg)';e .className="marcado"; }
if(valor=="3"){document.getElementById(fila).value ="x"; e.style.background = 'url(../img/x_con.jpg)'; e.className="marcado";

}
} else {

if(valor=="1"){
e.style.background = 'url(../img/uno.jpg)';
e.className="sin_marcar";
}
if(valor=="3"){
e.style.background = 'url(../img/x.jpg)';
e.className="sin_marcar";
document.getElementById(fila).value="x";
}
if(valor=="2"){
e.style.background = 'url(../img/dos.jpg)';
e.className="sin_marcar";
}

}


}
</script>

Y estos son los datos que obtengo del array de php :
...

$a=$row["id"];
echo '<td >'.$row["id"].'</td>';
echo '<td>'.$row["equipol"].'</td>';
echo '<td>'.$row["equipov"].'</td>';
echo '<td height="20px" id="1'.$a.'" width="4%" class="sin_marcar" background="../img/uno.jpg" onClick="EsResultado(\''.$a.'\',\'1\')"></td>';
echo '<td id="2'.$a.'" width="4%" class="sin_marcar" background="../img/dos.jpg" onClick="EsResultado(\''.$a.'\',\'2\')"></td>';
echo '<td id="3'.$a.'" width="4%" class="sin_marcar" background="../img/x.jpg" onClick="EsResultado(\''.$a.'\',\'3\')"></td>';
echo '<td align="left"><input type="text" id="'.$a.'" name="resul[]" ></td>';

echo '</tr>';
}

echo '<tr><td colspan="6"><input type="submit" value="Enviar"> </td></tr>';
echo '</table>';
echo '</form>';