Cita:
Iniciado por gabriel0420 en tu probador no me funciona como kiero!
pero gracias este codigo me servira mucho para otras cosas!
claro lo analizare mas!
saludos :D
Hola:
Con chrome funciona tal cual has preguntado, pero, al menos en mi versión portable, debe probarse en una ventana (supongo que por alguna razón de seguridad)...
Lo que pasa, y por eso el último comentario, es que no se regenera el color en la imagen "no elegida"... si eso es lo que sucede, prueba esto:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
http://www.caricatos.net/probador
</title>
<script type="text/javascript">
var elegida = "";
</script>
</head>
<body>
<img src="../dibujos/miemoticon.gif" id="img1"
style="background-color: pink; padding: 5em; border: 3px inset blue"
onmouseover="this.style.backgroundColor = 'red'"
onmouseout="if (this.id != elegida) this.style.backgroundColor = 'pink'"
onclick="if ((elegida != this.id) && (elegida != '')) document.getElementById(elegida).style.backgroundColor = 'pink'; elegida = this.id"
/>
<img src="../dibujos/miemoticon.gif" id="img2"
style="background-color: pink; padding: 5em; border: 3px inset blue"
onmouseover="this.style.backgroundColor = 'red'"
onmouseout="if (this.id != elegida) this.style.backgroundColor = 'pink'"
onclick="if ((elegida != this.id) && (elegida != '')) document.getElementById(elegida).style.backgroundColor = 'pink'; elegida = this.id"
/>
</body>
</html>
Saludos