Estoy intentado hacer mis primeras cosas en javascript, y no ando muy afinado.
Lo que quiero hacer, es un input de tipo imagen, que al hacer clic sobre el cambi la imagen dependiendo del campo value, y que cambie tambien el value.
Entonces tengo lo siguiente:
Código:
<SCRIPT LANGUAGE="JavaScript">
mi_imagen1=new Image
mi_imagen1.src="images/filtro1S.gif"
mi_imagen2=new Image
mi_imagen2.src="images/filtro1N.gif"
function cambia_imagen() {
if (this.value == 'N')
{
document.images['fil1'].src=mi_imagen2.src
this.value=='S';
}
else
{
document.images['fil1'].src=mi_imagen1.src
this.value=='N';
}
</script>
Código HTML:
<form><input id="filtro" type="image" name="fil1" value = "N" onclick="javascript:cambia_imagen();" src="images/filtro1S.gif"></form>
Logicamente no lo hace. Se que tiene cosas mal, como el this.value del if, pero no se como hacer referencia a campo value del input... y seguro que más cosas...
Espero haberme explicado y que podais ayudarme.
Un saludo.
P.D.: Aprobecho para preguntar aqui, el codigo javascrip ¿tiene que ir en html como lo he puesto¿ ¿O se puede meter en otro archivo y llamarlo?