elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Buscar Ingresar Registrarse
26 Mayo 2012, 15:45  


Tema destacado: Sigue las noticias más importantes de elhacker.net en ttwitter!

+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  como puedo mostrar un div oculto al meter datos en un formulario ??		 0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: como puedo mostrar un div oculto al meter datos en un formulario ??  (Leído 735 veces)
Mr.Know

Desconectado Desconectado

Mensajes: 69



Ver Perfil WWW
como puedo mostrar un div oculto al meter datos en un formulario ??
« en: 16 Octubre 2011, 17:08 »
Hola, vereis os pongo un esquema de como tengo montado el formulario:



Lo que llevo varios dias tratando de conseguir es que, los div del 2 al 7 estan ocultos. unicamente se muestra el div 1. Y lo que pretendo es que cuando se seleccione una opcion del SELECT del div 1, se muestre el div 2. Cuando el INPUT del div 2 se introduzca un dato se ative el div 3... y asi uno a uno...

un saludo
En línea
360 Piratas: Un blog sobre la consola Xbox 360

Echarle un vistazo !
Mr. Crowley


Desconectado Desconectado

Mensajes: 343


Costa Rica


Ver Perfil WWW
Re: como puedo mostrar un div oculto al meter datos en un formulario ??
« Respuesta #1 en: 17 Octubre 2011, 23:55 »
Un ejemplo sencillo, con JQuery. De aquí en adelante lo adapta para jugar con los otros divs ;)

Código
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title></title>
	<style type="text/css">
		#divPrueba{
			display:none;
		}
	</style>
</head>
 
<body>
	<select id="selUno">
		<option value="">-- Seleccione su opcion --</option>
		<option value="Opcion uno, hola">Opcion uno</option>
		<option value="Opcion dos, mundo">Opcion dos</option>
		<option value="Opcion tres, prueba">Opcion tres</option>
	</select>
	<div id="divPrueba">Estoy oculto</div>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
	<script>
		$(document).ready(function(){
			$('#selUno').change(function(){
				if($('#selUno').val()==''){
					$('#divPrueba').css('display','none').html('Otra vez estoy oculto');
				}else{
					$('#divPrueba').css('display','block').html($(this).val());
				}
			});
		});
	</script>
</body>
</html>
 
En línea
Mi blog personal: www.calirojas.com
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
necesito meter un virus oculto en un archivo
Análisis y Diseño de Malware 		julio2 2 965 Último mensaje 27 Octubre 2004, 05:54
por julio2
Como meter datos desde vb a excel
Programación Visual Basic 		Ragde88 1 1,641 Último mensaje 11 Noviembre 2005, 09:04
por Slasher-K
¡¡¡ Mi manual para meter un troyano oculto !!!
Análisis y Diseño de Malware 		eR-GoMiNaS 5 1,408 Último mensaje 1 Noviembre 2006, 23:22
por Gorky
¿COmo? - Ecitar matar proceso y mostrar programa oculto con combinacion de tecla
.NET 		Hadess_inf 4 3,437 Último mensaje 6 Diciembre 2008, 01:31
por locoedu
Ayuda urgente mostrar datos de un formulario a otro
Ejercicios 		zenydark 0 959 Último mensaje 6 Julio 2010, 07:24
por zenydark
Powered by SMF 1.1.16 | SMF © 2006-2008, Simple Machines