Deshabilitar button y cambiar imagen...

[TxT]

Saludos, pues lo que quiero hacer es un button el cual sera una imagen...

Quiero que al darle click la imagen cambie y que tambien no se pueda volver a clickear.

Gracias por su ayuda.

[David]

Pues para deshabilitarlo... disabled = true, y para cambiar la imagen, con innerHTML o los métodos removeChild y appendChild. ¿Es un tag button o un img?

[TxT]

me puedes dar un ejemplo?

[buzu]

Que es lo que tienes hasta ahora? de otra manera suena como a que quieres que te lo hagamos,

[TxT]

Lo de deshabilitar el boton lo se..

Pero ahora me gustaria saber como al hacer click tambien cambie la imagen...

que yo sepa no existe la funcion this.img = " y que cambie xP alguien podria ayudarme para cambiar la imagen al hacer click??

Gracias!

[Panino5001]

Y cuál es el código de tu botón? Es una imagen dentro de un enlace, es un input type image, es un input type submit con estilo css, qué es?
De cualquier manera, un tip:
Si tenés una imagen de este tipo:

Código PHP:

  <img id="bla" src="algo.jpg" />  
   

El atributo que indica la imagen a mostrar es src. El atributo que puede servirte para referenciarla es id. Entonces, para cambiar la imagen basta con referenciarla y modificar el atributo src. Para referenciarla podés usar document.getElementById. Entonces, podés hacer algo así:

Código PHP:

  document.getElementById('bla').src='otraImagen.jpg';  
   

O, si lo hacés en línea, podés referenciar directamente con this:

Código PHP:

  <img id="bla" src="algo.jpg" onclick="this.src='otraImagen.jpg'" />  
   

En resumen, sólo tenés que ver cuál es el atributo que define tu imagen y modificarlo.

[TxT]

Es una imagen dentro de un botton.
Asi:

<input type="button"><img src="miimagen.gif"></input>

[David]

Para colocar una imagen en un botón es más correcto usar el tag <button> en lugar de input. En ese caso la lógica es la misma que te dijo Panino5001, sólo necesitas cambiar el src de esa imagen interior, puedes colocar un id directamente en esa imagen, o usar getElementsByTagName para obtener la imagen dentro del button.

[TxT]

intente esto...

<button style="border: 0px;" onclick="this.disabled = true"><img src="images/imagen_on.gif" onclick="this.src='images/imagen_off.gif'" />

y no funciona, no cambia la imagen a imagen_off, otra cosa me gustaria saber como hago para que ese button sea un submit es decir es un form y al darle click pues que haga un submit post.

Gracias!

[buzu]

no asignes dos onclick, pon las funciones en uno solo. Además, para que quieres que sea un boton? Por que no simplemente usas una imagen como enlace?

[TxT]

pues porque el post no hace un get sino un metod="post" y que yo sepa con un enlace en una imagen no se puede hacer que sea $_post y no &id=,... etc o si?

PS: intente asi:
<img src="images/subir_on.gif" onclick="this.disabled = true; this.src='images/subir_off.gif'" /> y sigue sin funcionarme... :S sin el <button y con un solo onclick...

[David]

Para que sea un submit, pues... <button type="submit"...>. Además, con this.src en el onclick del botón estás haciendo referencia al src del botón, lo cual no tiene mucho sentido. Como te dije, si lo que quieres es obtener el img dentro del button usa getElementsByTagName("img")[0] y listo.

[TxT]

hehehe el this.src lo usaba en un onclick en la imagen no en el boton. Pero como no puedo poner un submit en una imagen pues usare el button.

Y gracias ya me va todo bien :D

Muchas gracias por la ayuda! :D!