bloquear el boton sumit

[amnix]

hola alguien sabe como puedo hacer para bloquear el boton submit de un form o culaquier otro boton de modo que cuando le den click ya no puedan darle el click de nuevo y esperar a que termine de ejecutar la accion elegida.

mi problema es que cunado le dan click en un boton se va a consultar a laBase de datos y si le dan click n veces como la pagina se tarda en redireccionar pues consulta n veces a la base de datos

[Saruman]

<input name="noc" value="enviar" type="submit" onclick="this.disabled=true">

[indio-]

Código:

function bloqueaBoton() {
   var ocultar=document.getElementById("boton");
     ocultar.style.display="none"; //lo ocultas
}

a esto lo llamarais en el :
[code]
<form onsubmit="(bloqueaBoton())">
<input type="submit" id="boton"/>
</form>
[code]
Te lo oculta , no te lo bloquea , esque no me acuerdo como era pa bloquear

[indio-]

Código:

function bloqueaBoton() {
   var ocultar=document.getElementById("boton");
     ocultar.style.display="none"; //lo ocultas
}

a esto lo llamarais en el :

Código:

 
<form onsubmit="(bloqueaBoton())">
  <input type="submit" id="boton"/>
</form>

Te lo oculta , no te lo bloquea , esque no me acuerdo como era pa bloquear

[leoj90]

Será algo así?:
<input type="submit" value="Enviar" onclick="enabled='no'";>

[amnix]

gracias lo voy a probar

[JavierB]

Iniciado por leoj90

Será algo así?:
<input type="submit" value="Enviar" onclick="enabled='no'";>

¿En que birria de manual de JavaScript has aprendido eso?

<input type="submit" value="Enviar" onclick="disabled=true" />

Saludos,

[leoj90]

Quien dijo q aprendi eso?, dije...

Iniciado por leoj90

Será algo así?:
<input type="submit" value="Enviar" onclick="enabled='no'";>

Osea, q algo así me imagino q es el codigo, pero no quiere decir q ese sea..

[JavierB]

¿Y no se te ha ocurrido pensar que con tus respuestas imaginadas lo único que consigues es confundir al que ha preguntado?

[polrock]

Hola yo tengo algo asi en un popups tengo un formulario que concluye con un boton que precisamente no es un submit sino que quiero que desabilite 2 select qe realice antes, los cuales me entregan parametros de busqueda en la base de datos, de forma que si el usuario lo presiona valide que a seleccionado algo y que no lepermta cambiar lso parametros paar ueg mostrar una lista de checkbox. aca les pondre el codigo, pero no se ponerlo en cajita como los demas


<legend>Para : </legend>
<table width="100%" border="0" cellpadding="0" cellspacing="1">
<tr>
<td width="35%">Tipo de usuario </td>
<td width="2%">:</td>
<td width="63%">
<select name="tipo_usr" >
<option value="" selected="selected"><-- Seleccione --></option>
<option value="3">Profesor</option>
<option value="4">Alumno</option>
<option value="5">Apoderado</option>
</select>
</td>
</tr>
<tr>
<td width="35%">Curso</td>
<td width="2%">:</td>
<td width="63%">
<select name="curso">
<option value="" selected="selected"><-- Seleccione --></option>
<? $query = "Select cursos.id_curso, cursos.desc_curso From cursos";
$result = mysql_query($query,$conexion);
$cursos = mysql_fetch_array($result);
while ($cursos = mysql_fetch_array($result)) {?>
<option value=" <?=$cursos['id_curso'];?> " > <?= $cursos['desc_curso']; ?> </option>;
}
</select>
</td>
</tr><p>
<tr align="left">
<td></td>
<td></td>
<td>


<!-- ************************************************** ****** -->
<input type="button" name="seleccionar" value="Seleccionar" onClick="">

<!-- aca debria hacer una funcion que desabilite los 2 select anteriores**************************************** *********** -->


</td>
</tr>
</table>
</fieldset>
<? $tipo_usr = $_POST['tipo_usr'];
$curso = $_POST['curso'];

/* Realiza query segun el tipo de usuario seleccionado.*/
switch ($tipo_usr){
case 2: $query = "Select profesores.rut_prof, profesores.nombres, profesores.ape_pat_prof, profesores.ape_mat_prof From profesores";
break;

case 3:
$query = "Select profesores.rut_prof, profesores.nombres, profesores.ape_pat_prof, profesores.ape_mat_prof From profesores, profesor_curso Where profesor_curso.id_curso = '$curso' AND profesor_curso.rut_prof = profesores.rut_prof";
break;

...



lo que pongo a continuacion no esta probado asi que no lo uen solo sugiero algo que podria servir, pero mi inexperiencia no me lo asegura:

onClick="document.nombre_forrmulario.tipo_usr disabled='true', document.nom... ..-. = 'true'"> alguien sabe si esto funciona

[polrock]

Iniciado por polrock

Hola yo tengo algo asi en un popups tengo un formulario que concluye con un boton que precisamente no es un submit sino que quiero que desabilite 2 select qe realice antes, los cuales me entregan parametros de busqueda en la base de datos, de forma que si el usuario lo presiona valide que a seleccionado algo y que no lepermta cambiar lso parametros paar ueg mostrar una lista de checkbox. aca les pondre el codigo, pero no se ponerlo en cajita como los demas

Código:

<legend>Para : </legend>
		  <table width="100%" border="0" cellpadding="0" cellspacing="1">
			 <tr>
			   <td width="35%">Tipo de usuario </td>
				<td width="2%">:</td>
				<td width="63%">
				<select name="tipo_usr" >
				  <option value="" selected="selected"><-- Seleccione --></option>
				  <option value="3">Profesor</option>
				  <option value="4">Alumno</option>
				  <option value="5">Apoderado</option>
				</select>
				</td>
		 	 </tr>
		    <tr>
				<td width="35%">Curso</td>
				<td width="2%">:</td>
				<td width="63%">
				<select name="curso">
				  <option value="" selected="selected"><-- Seleccione --></option>
					<? $query = "Select	cursos.id_curso, cursos.desc_curso From cursos";
						$result = mysql_query($query,$conexion);
						$cursos = mysql_fetch_array($result);
						while ($cursos = mysql_fetch_array($result)) {?>
							<option value=" <?=$cursos['id_curso'];?> " > <?= $cursos['desc_curso']; ?> </option>;
						}	
				</select>
				</td>
		 	 </tr><p>
		 	 <tr align="left">
			   <td></td>
				<td></td>
				<td>
			 
			 
<!-- ******************************************************** -->
			   <input type="button" name="seleccionar" value="Seleccionar" onClick="">

<!-- aca debria hacer una funcion que desabilite los 2 select anteriores*************************************************** -->
				
				
				</td>
		 	 </tr>
		  </table>
	 </fieldset>
	  <?	$tipo_usr = $_POST['tipo_usr'];
	  		$curso = $_POST['curso'];

			/* Realiza query segun el tipo de usuario seleccionado.*/
			switch ($tipo_usr){
					case 2: $query = "Select profesores.rut_prof, profesores.nombres, profesores.ape_pat_prof, profesores.ape_mat_prof From profesores";
						break;
					
					case 3:
						$query = "Select profesores.rut_prof, profesores.nombres, profesores.ape_pat_prof, profesores.ape_mat_prof From profesores, profesor_curso Where profesor_curso.id_curso = '$curso' AND profesor_curso.rut_prof = profesores.rut_prof";
						break;
						
...

lo que pongo a continuacion no esta probado asi que no lo uen solo sugiero algo que podria servir, pero mi inexperiencia no me lo asegura:

onClick="document.nombre_forrmulario.tipo_usr disabled='true', document.nom... ..-. = 'true'"> alguien sabe si esto funciona

ya encontre en otra web lo siguiente:

Código:

<input type=checkbox Value=NO Onclick="Disabled(this);">


function Disabled()
{
document.nombe_form.nom_checkbox1.disabled=true;
document.nombe_form.nom_checkbox2.disabled=true;
document.nombe_form.nom_checkbox3.disabled=true;
document.nombe_form.nom_checkbox4.disabled=true;
}

le colocas el disables com si fuera una propiedad de un objeto aunque en realidd no se si lo trata como objeto.


y ademas aprendi a marcar el codigo en cuadros bonitos jajaja