desactivar y activar un campo de texto con condicion

alx_salazar · #1 (**permalink**) 09/06/2010, 22:46

hola Buenas noches!!!

Les agradeciria si me pueden ayudar o explicar o mejor con un ejemplo.

lo que nesecito es que cuando elija si una persona es casada se activen los campos de texto, mi aplicacion la estoy haciendo en php y dreamweaver, y deseo saber si el codigo para activar o desactivar va en el form o el script estoy muy confundido, se que la propiedad para esto es disable. pero no se como usarla estoy muy perdido.

desde ya les agradezco por su ayuda

Marvin · #2 (**permalink**) 09/06/2010, 22:52

Estas propiedades de las que hablan son propiedades CSS y se pueden acceder a ellas a traves de Javascript... por php poco podras hacer dado que quieres hacer algo que se ejecuta en el cliente y php es un lenguaje del lado del servidor.

Con estos datos te puedo decir que busques informacion de "ocultar div javascript" en san google y ahi veras mas que muchos ejemplos para lo que necesitas.

Suerte!

alx_salazar · #3 (**permalink**) 09/06/2010, 23:28

Hola muchas gracias no trabajo con los jscript no se como usarlos los voy a revisar la informacion y si tienes un ejemplo peque;o de como usar los js en php te agradeceria
gracias por la informacion

alx_salazar · #4 (**permalink**) 10/06/2010, 00:00

Me puedes explciar como funciona los java script donde los ubico como los llamo no se como hacer esto soy nuevo en esto

Marvin · #5 (**permalink**) 10/06/2010, 08:33

Mira:

Código HTML:

<html>
<head>
	<script type="text/javascript">
		//Aca vamos a poner una funcion que muestra un div
		function muestra(){
			document.getElementById("oculto").style.display = "block";
		}
	</script>
</head>
<body>
	<a href="javascript:muestra()">Donde esta?</a>
	<div id="oculto" style="display:none">Aki ta!</div>
</body>
</html>

Basicamente el link activa la funcion javascript que pusimos arriba y le cambio el estilo al div de id = "oculto" para mostrarlo.

Si ese div fuera un input pasaria lo mismo... pero te recomiendo poner el input dentro de un div para ocultar solo divs y no elementos de formulario.

Suerte!

GatorV · #6 (**permalink**) 10/06/2010, 09:43

Tema movido desde PHP a Javascript

alx_salazar · #7 (**permalink**) 10/06/2010, 16:36

gracais pro el ejemplo voy a probar como funciona cualquier cosa te aviso
gracias!!!!

_cronos2 · #8 (**permalink**) 10/06/2010, 16:39

Si lo he entendido bien, ¿lo que neceesitas es que al seleccionar un campo de un select se active un campo de texto? Entonces puedes usar el evento onchange.
Saludos (:

alx_salazar · #9 (**permalink**) 11/06/2010, 00:45

Hola Gracias por responder
lo que nesecito que cuando de un select, escoja un elemento en este caso SOLTERO desactive los campos q siguen del conyugue, y si es casado lo deje, ahora bien no se como hacer para que no se ejecute el codigo de insercion conyugue
gracias!!!

_cronos2 · #10 (**permalink**) 11/06/2010, 16:42

Pequeño ejemplo:

Código HTML:

Ver original<form id='miForm' action='' method='post'>
 Estado civil:<select id='civil' onchange='estadoCivil();'>
  <option value='soltero'>Soltero/a</option>
  <option value='casado'>Casado/a</option>
  <option value='viudo'>Viudo/a</option>
 </select>
  <br />
 <input type='text' id='textoCasado1' />
  <br />
 <input type='text' id='textoCasado2' />
</form>

Código Javascript:

Ver originalfunction estadoCivil(){
 var civil = document.getElementById('civil');//cogemos los campos
 var tc1 = document.getElementById('textoCasado1');
 var tc2 = document.getElementById('textoCasado2'); 
 if(civil.selectedIndex!=1){//si no escogió casado
  tc1.disabled = true;//se desactivan los campos
  tc2.disabled = true;
 }else{//si escogió casado
  tc1.disabled = false;//se quedan los campos activos
  tc2.disabled = false; 
 }
}

Espero que te sirva.
Saludos (:

caricatos · #11 (**permalink**) 12/06/2010, 02:57

Hola:

Vamos a reducir el código de _cronos2

<select onchange="estadoCivil(this)" ...
<input type='text' name='textoCasado1' />
<input type='text' name='textoCasado2' />

function estadoCivil(cual) {
cual.form.textoCasado1.disabled = (cual.value == "Soltero");
cual.form.textoCasado2.disabled = (cual.value == "Soltero");
}

Saludos

alx_salazar · #12 (**permalink**) 12/06/2010, 21:32

una cosa mas al momento de desactivar los casilleros como puedo hacer para que la sentencia insert no se ejecute y no me de un error de insercion de datos

alx_salazar · #13 (**permalink**) 12/06/2010, 21:34

gracias por todo me sirvio
ahora tambien como puedo extraer el dato del select casado, soltero para guardarlo en la base de dato, si tengo un inserciondatos.php q la llamo desde el formulario

caricatos · #14 (**permalink**) 12/06/2010, 23:59

Hola:

Si el select tiene un nombre (name), se envía el dato; si no tiene nombre no se envía... resumiendo: ponle un nombre.

Saludos

alx_salazar · #15 (**permalink**) 15/06/2010, 06:06

Cita:

Iniciado por caricatos

Hola:

Si el select tiene un nombre (name), se envía el dato; si no tiene nombre no se envía... resumiendo: ponle un nombre.

Saludos

hola muchas gracias por el aporte a los dos esta de lujo funcionando ya porbe de disttintas formas el guardar con el enviando el name pero no logro hacerlo puedes porfavor explicarmelo mas concreto con un ejmpo porfavor