Foros del Web » Programando para Internet » Javascript »

desactivar boton al ser precionado

Estas en el tema de desactivar boton al ser precionado en el foro de Javascript en Foros del Web. hola de nuevo tengo un pequeño problema como le puedo hacer para que al precionar un boton este mismo boton se desactive ejemplo: <form name="form1" ...
  #1 (permalink)  
Antiguo 04/12/2009, 11:29
Avatar de zerokull  
Fecha de Ingreso: noviembre-2009
Mensajes: 153
Antigüedad: 14 años, 5 meses
Puntos: 1
desactivar boton al ser precionado

hola de nuevo tengo un pequeño problema como le puedo hacer para que al precionar un boton este mismo boton se desactive

ejemplo:

<form name="form1" method="post" action="#">
<p>Cuantas cajas quieres
<input name="total_de_cajas" type="text" />
</p>
<p>
<label>
<input name="AgregarCajas" type="submit" id="AgregarCajas" value="Agregar Cajas" />
</label>
</form>

si se pulsa el boton 'AgregarCajas' que se desactive tanto el boton como la caja de texto 'total_de_cajas'
  #2 (permalink)  
Antiguo 04/12/2009, 11:40
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.734
Antigüedad: 15 años
Puntos: 1517
Respuesta: desactivar boton al ser precionado

Eso no es problema de PHP, sino de javascript. Solo tienes que colocar esto
Código javascript:
Ver original
  1. onclick="this.formulario.NombreBoton.disabled=true"
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #3 (permalink)  
Antiguo 04/12/2009, 11:44
Avatar de zerokull  
Fecha de Ingreso: noviembre-2009
Mensajes: 153
Antigüedad: 14 años, 5 meses
Puntos: 1
Respuesta: desactivar boton al ser precionado

pero eso lo pongo en el boton o en una funcion
  #4 (permalink)  
Antiguo 04/12/2009, 11:47
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.734
Antigüedad: 15 años
Puntos: 1517
Respuesta: desactivar boton al ser precionado

Puedes colocarlo en cualquiera de las dos. Mientras tanto prueba en el botón.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #5 (permalink)  
Antiguo 04/12/2009, 11:49
Avatar de zerokull  
Fecha de Ingreso: noviembre-2009
Mensajes: 153
Antigüedad: 14 años, 5 meses
Puntos: 1
Respuesta: desactivar boton al ser precionado

ya lo probe en el boton pero no funciona al darle click no se desactiva y este es el codigo fuente

form name="form1" method="post" action="#">
<p>Cuantas cajas quieres
<input name="total_de_cajas" type="text" />
</p>
<p>
<label>
<input name="AgregarCajas" type="submit" id="AgregarCajas" value="Agregar Cajas" onclick="this.form1.AgregarCajas.disabled=true">
</label>
</form>
  #6 (permalink)  
Antiguo 04/12/2009, 11:50
Avatar de zerokull  
Fecha de Ingreso: noviembre-2009
Mensajes: 153
Antigüedad: 14 años, 5 meses
Puntos: 1
Respuesta: desactivar boton al ser precionado

ya lo puse en el boton pero no funciona

<form name="form1" method="post" action="#">
<p>Cuantas cajas quieres
<input name="total_de_cajas" type="text" />
</p>
<p>
<label>
<input name="AgregarCajas" type="submit" id="AgregarCajas" value="Agregar Cajas" onclick="this.form1.AgregarCajas.disabled=true">
</label>
</form>
  #7 (permalink)  
Antiguo 04/12/2009, 11:56
 
Fecha de Ingreso: julio-2009
Ubicación: .mysql_error ( XD )
Mensajes: 554
Antigüedad: 14 años, 9 meses
Puntos: 13
Respuesta: desactivar boton al ser precionado

elimina la etiqueta label
__________________
Mi Bosque de Sombras Solo Doom Metal!

por favor use esta etiqueta para publicar su código --->[HIGHLIGHT]
  #8 (permalink)  
Antiguo 04/12/2009, 11:56
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.734
Antigüedad: 15 años
Puntos: 1517
Respuesta: desactivar boton al ser precionado

Si hace el "disable" lo que pasa es que envia la informacion y se vuelve a refrescar la pagina bien rapido. Prueba de esta forma, sin ingresar un dato en el campo y vas a ver.
Código HTML:
Ver original
  1. <script type="text/javascript">
  2. function disableButton(){
  3.     if(document.form1.total_de_cajas.value==""){
  4.         document.form1.AgregarCajas.disabled=true;
  5.         return false;
  6.     }
  7. }
  8. <form name="form1" method="post" action="index.html" onsubmit="return disableButton()">
  9. <p>Cuantas cajas quieres
  10. <input name="total_de_cajas" type="text" />
  11. </p>
  12. <p>
  13. <input name="AgregarCajas" type="submit" value="Agregar Cajas">
  14. </form>
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #9 (permalink)  
Antiguo 04/12/2009, 11:58
Avatar de zerokull  
Fecha de Ingreso: noviembre-2009
Mensajes: 153
Antigüedad: 14 años, 5 meses
Puntos: 1
Respuesta: desactivar boton al ser precionado

sigue sin funcionar
  #10 (permalink)  
Antiguo 04/12/2009, 12:00
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.734
Antigüedad: 15 años
Puntos: 1517
Respuesta: desactivar boton al ser precionado

Como que sigue sin funcionar, parece que no lo haz probado o lo copiaste integramente. Analiza el codigo, porque lo probe en el mio y si funcionó.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #11 (permalink)  
Antiguo 04/12/2009, 12:03
Avatar de zerokull  
Fecha de Ingreso: noviembre-2009
Mensajes: 153
Antigüedad: 14 años, 5 meses
Puntos: 1
Respuesta: desactivar boton al ser precionado

ya funciono muchas gracias
  #12 (permalink)  
Antiguo 04/12/2009, 12:11
Avatar de zerokull  
Fecha de Ingreso: noviembre-2009
Mensajes: 153
Antigüedad: 14 años, 5 meses
Puntos: 1
Respuesta: desactivar boton al ser precionado

OYE OTRA PREGUNTA AL PRECIONAR EL BOTON SI SE DESACTIVA PERO TENGO MAS CODIGO FUENTE DONDE DIGO QUE LA PRECIOMAR ESE BOTON HAGA TAL COSA Y APLICANDO EL CODIGO QUE ME PASASTE SE DESACTIVA EL BOTON Y YA NO HACE LO DEMAS SABES POR QUE ???

<? if(isset($_POST['AgregarCajas'])){
echo"boton precionado";?>
  #13 (permalink)  
Antiguo 04/12/2009, 12:14
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.734
Antigüedad: 15 años
Puntos: 1517
Respuesta: desactivar boton al ser precionado

Porque evito que se envie la información ya que no estas ingresando información en el campo de texto. Por eso coloque el if.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #14 (permalink)  
Antiguo 04/12/2009, 12:17
Avatar de zerokull  
Fecha de Ingreso: noviembre-2009
Mensajes: 153
Antigüedad: 14 años, 5 meses
Puntos: 1
Respuesta: desactivar boton al ser precionado

ya lo pude resolver esta es la solucion que encontre

if(isset($_POST['AgregarCajas'])){ ?>
<script>
document.form1.AgregarCajas.disabled=true;
document.form1.total_de_cajas.disabled=true;
</script>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:47.