Enviar una página con 3 secciones (Formularios) de Datos

Will · #1 (**permalink**) 25/07/2003, 17:17

Hola comañeros foristas, Como siempre una duda para su colaboracion: Resulta con tengo una pagina la cual posee muchos campos del formulario , por lo q se necesita agruparlos en 3 secciones como esas Carpetas q se hacen con VB (TabStrip ), es decir un solo formulario con 3 secciones en carpetas: Datos Personales, Datos de habitacion y Datos Laborales.

1-¿Como hacer el efecto tipo control TabStrip para q cuando salte de carpta mantengas siempre los datos sin refresh la pagina ASP? Estoy probando con Capas, pero toy enrredado.

2-¿Se necesita un solo Boton Submit para enviar todos los datos de las 3 secciones de un solo formulario?

Muchas gracias de antemano, o cualkier Script parecido, se los agradezco....!

biblio · #2 (**permalink**) 26/07/2003, 12:51

Aunque esto deberia pedirlo en javascript.

Código:

<title></title>
<script language="JavaScript" type="text/JavaScript">
function domTab(i){
	//-- Variables para personalizar
	var numberOfTabs = 5;
	var colourOfInactiveTab = "#999966";
	var colourOfActiveTab = "#cccc99";
	var colourOfInactiveLink = "#333333";
	var colourOfActiveLink = "#ffffcc";

	if (document.getElementById){
		for (f=1;f<numberOfTabs+1;f++){
			document.getElementById('contentblock'+f).style.display='none';
			document.getElementById('link'+f).style.background=colourOfInactiveTab;
			document.getElementById('link'+f).style.color=colourOfInactiveLink;
		}
		document.getElementById('contentblock'+i).style.display='block';
		document.getElementById('link'+i).style.background=colourOfActiveTab;
		document.getElementById('link'+i).style.color=colourOfActiveLink;
	}
}
</script>
</head>
	<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >
<a name="top"></a>
	<a href="#target1" onclick="domTab(1)" id="link1" class="tablink">Espicificaciones</a>
	<a href="#target2" onclick="domTab(2)" id="link2" class="tablink">Foto</a>
	<a href="#target3" onclick="domTab(3)" id="link3" class="tablink">Uso</a>
	<a href="#target4" onclick="domTab(4)" id="link4" class="tablink">Mas</a>
	<a href="#target5" onclick="domTab(5)" id="link5" class="tablink">Y Mas</a>

		<div id="contentblock1" class="tab">
		<a name="target1"></a>
		1
	</div>
	<div id="contentblock2" class="tab">
		2
	</div>
	<div id="contentblock3" class="tab">
		3
	</div>
	<div id="contentblock4" class="tab">
		4 
	</div>
	<div id="contentblock5" class="tab">
		5
	</div>

</body>
</html>