Foros del Web - Ver Mensaje Individual

KarlanKas · #22 (**permalink**) 30/05/2004, 05:46

Lo prometido es deuda. Este ejemplo se compone de 3 archivos: formularios.html, envio1.html y envio2.html.

Obviamente formularios contiene los dos formularios, y envio1 y envio2 la página de destino del formulario1 y el 2 respectivamente.

Para una mejor visualización se envían a 2 iframes de dentro de la ventana, pero se puede enviar uno a un iframe oculto y el otro a la misma ventana. O a 2 ventanas independientes... o como quieras.

El contenido de los archivos:

Formularios.html:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>Untitled</title>
	<script>
	function renvio(){
	for(a=0;a<document.forms[0].length;a++){
	document.forms[1].elements[a].value=document.forms[0].elements[a].value;
	}
	document.forms[1].submit();
	return true;
	}
	
	function ajustar(esto){
		if(esto.value.length<16){
				esto.size=20;
			}
		else{
			if(esto.size!=esto.value.length){
				esto.size=esto.value.length*1.3;
			}
		}
		
	}
	</script>
	<style>
	input{
	position:absolute;
	left:100px;
	font:normal 10px/10px verdana;
1
	}
	form{
	font:normal 10px/25px verdana;

	}
	</style>
</head>

<body>
<iframe 
	name="ventana" 
	id="ventana" 
	width="500" height="100" 
	marginwidth="0" 
	marginheight="0" 
	scrolling="no" 
	frameborder="0">
</iframe>
<hr>
<iframe 
	name="ventana2" 
	id="ventana2" 
	width="500" height="100" 
	marginwidth="0" 
	marginheight="0" 
	scrolling="no" 
	frameborder="0">
</iframe>
<hr>
<form 
	action="envio1.html" 
	name="formulario1" 
	id="formulario1" 
	target="ventana" 
	title="Formulario 1"
	onsubmit="return renvio()">

	<label for="nombre" accesskey="n">
	<u>N</u>ombre:
	</label>
	<input 
		size="20"
		type="text" 
		name="nombre" 
		id="nombre" 
		tabindex="1" 
		title="Introduce tu nombre"
		onkeypress="ajustar(this)";>
	<br>
	<label for="frase" accesskey="f">
	<u>F</u>rase Preferida:
	</label>
	<input 
		size="20"
		type="text" 
		name="frase" 
		id="frase" 
		tabindex="2" 
		title="Introduce tu frase preferida"
		onkeypress="ajustar(this)";
		>
	<br><br>
	<input 
		type="submit" 
		name="enviar" 
		id="enviar" 
		value="Enviarrrr....!!" 
		accesskey="e" 
		tabindex="3" 
		title="Pincha aquí para probar a enviar el formulario"
		>
</form>
<form 
	action="envio2.html" 
	name="formulario2" 
	id="formulario2" 
	title="Formulario 2"
	target="ventana2";
	onsubmit="document.forms[0].submit()"
>
	<input 
		type="hidden" 
		name="nombre" 
		id="nombre" >
	<input 
		type="hidden" 
		name="frase" 
		id="frase" 
		>
		<input 
		type="hidden" 
		name="enviar" 
		>
</form>


</body>
</html>

Y el de enviar 1 y enviar 2 son prácticamente iguales:

envio1.html:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> 
<head> 
<style>*{font:normal 10px/20px verdana;}</style>
<script>
enviado=location.href.split("?"); 
igualdades=enviado[1].split("&"); 

for(a=0;a<igualdades.length;a++){ 
igualdades[a]=igualdades[a].split("+").join(" ");
valores=igualdades[a].split("="); 

eval("var "+valores[0]+"='"+valores[1]+"'"); 
} 
 

</script> 

	<title>Untitled</title>
</head>

<body>
Formulario 1<br>
<br>

Nombre:
<script>
document.write(nombre);
</script>
<br>
Frase:
<script>
document.write(frase);
</script>


</body>
</html>

envio2:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> 
<head> <style>*{font:normal 10px/20px verdana;}</style>
<script>
enviado=location.href.split("?"); 
igualdades=enviado[1].split("&"); 

for(a=0;a<igualdades.length;a++){ 
igualdades[a]=igualdades[a].split("+").join(" ");
valores=igualdades[a].split("="); 
eval("var "+valores[0]+"='"+valores[1]+"'"); 
} 
 

</script> 

	<title>Untitled</title>
</head>

<body>
Formulario 2<br>
<br>

Nombre:
<script>
document.write(nombre);
</script>
<br>
Frase:
<script>
document.write(frase);
</script>


</body>
</html>

Espero que te sirva!!