No va onclick en IE

[iHabieru]

Código PHP:

  <label for="when1"><img name="a" src="yes.gif"></label><input CHECKED type="hidden" name="when" id="when1" value="today" onclick="document.images['a'].src='yes.gif';document.images['b'].src='no.gif';document.images['c'].src='no.gif';document.images['d'].src='no.gif'"/>  
   

Tengo ese onclick y va perfectamente en todos los navegadores menos IE (he testeado cualquier versión de IE: 6, 7, 8... y nada). ¿Alguien sabe por qué?

Muchas gracias por la ayuda .

[caricatos]

Hola:

El código lo encuentro algo raro, ya que los campos ocultos no deberían estar "checked"... no me extrañaría que hubiera algún error... tal vez sea mejor que expliques qué pretendes... Una label apuntando a un hidden es otra cosa que no me cuadra...

Saludos

[iHabieru]

Sí, lo del hidden es un error que se me coló pero ya lo subsané. El caso es que con o sin hidden, siguen sin funcionar los document.write en IE.

Basicamente son unos input radio convertidos en imágenes para que estéticamente queden mejor. Al pulsar el radio A, éste cambia a una imagen de otro color (yes.gif) mientra que el resto de botones radio (B, C y D) cambian a una imagen de un color mas apagado (no.gif). Al pulsar el radio B sucede lo mismo, etc...

Así he dejado el código tras el error del hidden:

Código PHP:

  <label for="when1"><img name="a" src="yes.gif"></label><input CHECKED type="radio" style="visibility:hidden" name="when" id="when1" value="today" onclick="document.images['a'].src='yes.gif';document.images['b'].src='no.gif';document.images['c'].src='no.gif';document.images['d'].src='no.gif'"/>  
   

[Adler]

Hola

No se porqué pero a mi document.images["img"].src, no me ha resultado en IE8, me he visto obligado a usar document.getElementById("img").src

Suerte

[iHabieru]

Hola de nuevo... la cosa sigue sin funcionar... U_U

tanto:

Código PHP:

  document.getElementById('A').src=('yes.gif');  
   

como:

Código PHP:

  document.getElementById('A').setAttribute('src','yes.gif');  
   

siguen sin funcionar en IE...

[goyo_]

Iniciado por iHabieru

Hola de nuevo... la cosa sigue sin funcionar... U_U

tanto:

Código PHP:

  document.getElementById('A').src=('yes.gif');  
   

como:

Código PHP:

  document.getElementById('A').setAttribute('src','yes.gif');  
   

siguen sin funcionar en IE...

Modifica la siguiente linea:

Código PHP:

  <img name="a" src="yes.gif">  
   

Y agregale un id:

Código PHP:

  <img name="a" id="a" src="yes.gif">  
   

Despues modificala asi:

Código PHP:

  document.getElementById('a').src= 'yes.gif';  
   

[iHabieru]

Argg... maldito IE, no hay manera de que funcione

Os dejo todo el código, a ver si alguien ve algo mal...

Código HTML:

<label for="when1"><img name="A" id="A" src="yes.gif"></label>
<label for="when2"><img name="B" id="B" src="no.gif"></label>
<label for="when3"><img name="C" id="C" src="no.gif"></label>
<label for="when4"><img name="D" id="D" src="no.gif"></label>

<input CHECKED type="radio" style="visibility:hidden" name="when" id="when1" value="A" onClick="document.getElementById('A').src= 'yes.gif';
document.getElementById('B').src= 'no.gif';
document.getElementById('C').src= 'no.gif';
document.getElementById('D').src= 'no.gif'"/>
<input type="radio" name="when" id="when2" value="B" style="visibility:hidden" onClick="document.getElementById('A').src= 'no.gif';
document.getElementById('B').src= 'yes.gif';
document.getElementById('C').src= 'no.gif';
document.getElementById('D').src= 'no.gif'"/>
<input type="radio" name="when" style="visibility:hidden" id="when3" value="C" onClick="document.getElementById('A').src= 'no.gif';
document.getElementById('B').src= 'no.gif';
document.getElementById('C').src= 'yes.gif';
document.getElementById('D').src= 'no.gif'"/>
<input type="radio" name="when" style="visibility:hidden" id="when4" value="D" onClick="document.getElementById('A').src= 'no.gif';
document.getElementById('B').src= 'no.gif';
document.getElementById('C').src= 'no.gif';
document.getElementById('D').src= 'yes.gif'"/> 

[juniorjmd]

bueno yo soy un poco nuevo en java pero asta donde tengo entendidi no creo que se pueda colocar asi si no que se utilizaria funciones anónimas

Código HTML:

radio" style="visibility:hidden" name="when" id="when1" value="A" onClick="function(){
document.getElementById('A').src= 'yes.gif';
document.getElementById('B').src= 'no.gif';
document.getElementById('C').src= 'no.gif';
document.getElementById('D').src= 'no.gif';}"/>

ahora creo que funcionaria mejor si crearas una funcion simple que haga el cambio dinamicamente asi:

Código javascript:

function cambia(id,cant)
{for (i=1;i<=cant;i++)
{document.getElementById(i).src= 'no.gif';}
document.getElementById(id).src= 'yes.gif';
 
}
 

y en el html solo tendrias que ponerlo asi

Código HTML:

mg name="A" id="1" src="yes.gif"></label>
<label for="when2"><img name="B" id="2" src="no.gif"></label>
<label for="when3"><img name="C" id="3" src="no.gif"></label>
<label for="when4"><img name="D" id="4" src="no.gif"></label>

<input CHECKED type="radio" style="visibility:hidden" name="when" id="when1" value="A" onClick="cambia(1,4)"/>
<input type="radio" name="when" id="when2" value="B" style="visibility:hidden" onClick="cambia(2,4)"/>
<input type="radio" name="when" style="visibility:hidden" id="when3" value="C" onClick="cambia(3,4)"/>
<input type="radio" name="when" style="visibility:hidden" id="when4" value="D" onClick="'cambia(4,4)"/> 

si no estoy mal esto simplemente debe funcionar

espero que te sirva