Foros del Web » Creando para Internet » HTML »

Activar cajetín de formulario con casilla de verificacion

Estas en el tema de Activar cajetín de formulario con casilla de verificacion en el foro de HTML en Foros del Web. Hola, estoy haciendo un formulario y necesito vuestra ayuda! Tengo una lista de cajetines en un formulario con texto predeterminado y delante una pestaña de ...
  #1 (permalink)  
Antiguo 17/10/2004, 14:03
Avatar de donpincho  
Fecha de Ingreso: enero-2002
Mensajes: 563
Antigüedad: 15 años, 11 meses
Puntos: 1
Activar cajetín de formulario con casilla de verificacion

Hola, estoy haciendo un formulario y necesito vuestra ayuda!
Tengo una lista de cajetines en un formulario con texto predeterminado y delante una pestaña de verificación.
El texto está desactivad por defecto y me gustaría que para que fuese modificado se tubiese ke activar la pestaña delantera...



¿Alguien me puede ayudar?
Millones de gracias
  #2 (permalink)  
Antiguo 18/10/2004, 07:21
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola donpincho.

Ahí va eso:
Código HTML:
<input type="checkbox" onclick="document.getElementById('txt').disabled=!this.checked" />
<input type="text" id="txt" /> 
Saludos,
  #3 (permalink)  
Antiguo 18/10/2004, 09:41
Avatar de donpincho  
Fecha de Ingreso: enero-2002
Mensajes: 563
Antigüedad: 15 años, 11 meses
Puntos: 1
woooooooooo

Gracias!!! Dios esto se está kedando wapísimoooo
ke ilusion ^^

graciass!!
  #4 (permalink)  
Antiguo 18/10/2004, 11:05
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola de nuevo.

Aunque ya veo que te ha servido mi anterior respuesta, después de contestarte se me ocurrió que si tenías muchos text y checkbox podría resultar un poco rollo tanto id, así que he preparado este código que dejo aquí por si a alguien le resulta útil:
Código HTML:
<html>
<head>
<title>Untitled</title>
<script>
function marcar(obj) {
	elem=obj.parentNode;
  controles=elem.getElementsByTagName('input');
  for(i=0;i<controles.length;i++)
  	if(controles[i]==obj) break;
  controles[i+1].disabled=!obj.checked;
}
</script>
</head>
<body>
<form name="pru">
<input type="checkbox" onclick="marcar(this)" />
<input type="text" value="algo" disabled="disabled" /><br />
<input type="checkbox" onclick="marcar(this)" />
<input type="text" value="algo" disabled="disabled" /><br />
</form>
</body>
</html> 
Saludos,
  #5 (permalink)  
Antiguo 18/10/2004, 12:25
Avatar de donpincho  
Fecha de Ingreso: enero-2002
Mensajes: 563
Antigüedad: 15 años, 11 meses
Puntos: 1
Gracias JavierB! Pero creo que con el primero me conformo :D además me parece más sencillo... De todas formas es para una aplicación en php... asi ke el trabajo de generar el texto no lo paso yo XDXDXD
Mira el resultado final -> http://vd.miquelgomis.com

Un Saludo
  #6 (permalink)  
Antiguo 18/10/2004, 12:37
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Cita:
Iniciado por donpincho
es para una aplicación en php... asi ke el trabajo de generar el texto no lo paso yo
Que bueno es tener alguien que haga el trabajo pesado Ya he visto tu página y va teniendo buena pinta

Saludos,
  #7 (permalink)  
Antiguo 24/01/2008, 04:34
Avatar de helenita  
Fecha de Ingreso: julio-2006
Ubicación: Santiago de Compostela
Mensajes: 21
Antigüedad: 11 años, 5 meses
Puntos: 0
Re: Activar cajetín de formulario con casilla de verificacion

Hola, leyendo este post he intentado poner una casilla de confirmación en mi web (es para el leo y acepto las condiciones de uso), lo que quiero es que mientras el usuario no marque esa casilla no se envie el usuario y si pulsa enviar sin tener marcada la casilla, sería la leche si saliese un aviso en plan "debes leer y aceptar las condiciones de uso". Bueno, pues lo he intentado y a pesar de insertar el código me deja enviar igual el formulario. ¿Me podéis ayudar por favor?
El código que tengo es este:
<html>
<head>
<title>Formulario · leonyperezabogados.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.todo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<font face="Verdana">
<TABLE width="565px" cellpadding="10" cellspacing="0" border="1" class="todo" bgcolor="#E5E5E5" bordercolor="#FFFFFF">
<TR>
<TD colspan="2" height="25">Los campos marcados con '*' son obligatorios.</TD>
</TR>
<form action="https://gestiondecuenta.com/php/formulario/check.php" method="GET"><tr>
<td>* Nombre</td>
<td><input type="text" name="Nombre" class="todo"></td>
</tr><tr>
<td>* Apellidos</td>
<td><input type="text" name="Apellidos" class="todo"></td>
</tr><tr>
<td>* E-mail</td>
<td><input type="text" name="E-mail" class="todo"></td>
</tr><tr>
<td>* Comentario</td>
<td><br><TEXTAREA name="Comentario" rows="8" cols="50" class="todo"></TEXTAREA></td>
</tr><tr>
<td colspan="2">
<input type="hidden" name="asunto" value="Envio formulario desde leonyperezabogados.com">
<input type="hidden" name="redirigir" value="http://www.leonyperezabogados.com/gracias.html">
<input type="hidden" name="recipe" value="[email protected]">
<input type="hidden" name="required" value="Nombre;Apellidos;E-mail;Comentario">
<input type="hidden" name="dominio" value="leonyperezabogados.com">
<input type="hidden" name="from" value="">
<input type="hidden" name="gdc_directorio_base" value="/home/gdc3/www/">
<INPUT TYPE="SUBMIT" value="Enviar" class="todo">
</td>
</tr>
</form>
</TABLE>
</font>
</body>
</html>
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 12:10.