form con dos actions

cvander · #1 (**permalink**) 01/04/2002, 20:05

Tengo una inquietud desde hace algún tiempo.

Podría al enviar un formulario, enviarlo hacia dos páginas diferentes ya sea por frames o yo que se, pero que ambas reciban la información para procesarla al mismo tiempo?

Un saludo.

<font size="1" color="#808080">"Tiempo atrás me pregunte si habían más webmasters hispanos en Internet. Vaya sorpresa la que he llevado."[/CODE]
- Christian Van Der Henst S.
Director General Maestros del Web

agarciaa · #2 (**permalink**) 02/04/2002, 03:18

Por Post lo veo complicado, tal vez por Frames como lo mencionas a travez de
Query String:

function doble_action()
{
forma = document.f;
algo = forma.x.value;
etc = forma.ymas.value;
top.nombre_frame1.location = "una.php?x="+algo+"&mas="+ etc;
top.nombre_frame2.location = "dos.php?x="+algo+"&mas="+ etc;
}

en lugar de un input tipo Submit quer sea uno tipo button que mande llamar una función tipo la anterior.

cvander · #3 (**permalink**) 02/04/2002, 17:09

Cómo simular un post si en uno de esos frames lo requiere??

Saludos.

<font size="1" color="#808080">"Tiempo atrás me pregunte si habían más webmasters hispanos en Internet. Vaya sorpresa la que he llevado."[/CODE]
- Christian Van Der Henst S.
Director General Maestros del Web

jlmm · #4 (**permalink**) 02/04/2002, 18:44

Hola!,

Cristian, Te Voy A Dar La "Teoria" Ya Que Me Tengo Que Ir... Mas Tarde Si Nadie Lo Implementa Te Lo Digo:

En El Frame Que Tienes Escondido Creas Un Formulario Igual Al Que Tienes En El Frame Visible Al Usuario...

Y Haces Que Cuando Se De Click Al Formulario Actual(El Que Ve El Usuario), Este Llame A Una Funcion Javascript...

Esta Funcion Se Encargara De Copiar Los Datos Del Formulario Actual Al Formulario Del Frame Escondido...

Echo Esto Dicha Funcion Hara El Submit De Los Dos Formularios...

Creo Que Es "Facil", A Ver Si Alguien Lo Implementa, Yo Entrare Mas Tarde Y Si Nadie Lo Ha Echo Lo Hare...

<CENTER><IMG SRC="http://www.galeon.com/jlmnetwork/FWPD.jpg"><BR><FONT COLOR=Black SIZE=2><I>"No Hay Cosas Imposibles, Solo Hombres Incapaces"</I></FONT></CENTER>

jlmm · #5 (**permalink**) 03/04/2002, 00:00

Hola!,

Bien... Veo Que Nadie Por Aqui Asi Que:

Suponemos Que Tienes Los Dos Frames, Uno A "0" Osea, No Visible...

Suponemos Que El Frame Escondido Se Llama "escondido" Y El Que Ve El Usuario "contenido".

Suponemos Que Tienes El Siguiente Formulario En Ambos Frames:

<FORM NAME="formulario" ACTION="validar.asp" METHOD="post">

Nick: <INPUT TYPE="text" NAME="nick" SIZE="20">
<BR>
Pass: <INPUT TYPE="text" NAME="pass" SIZE="20">

<INPUT TYPE="button" onClick="enviar()">
</FORM>

Obviamente En El Que Esta Escondido Se Pueden Obviar los Textos Osea Los "Nick:" y Los "Pass:", El Boton De Enviar Y Cualquier Otro Tipo De "Decoracion"(Solo Como Para Aliviar La Carga...)... Los Action de Los Form Tambien Pueden Ser Distintos.

************************************************** **********************************

Ponemos La Siguiente Funcion De Javascript Entre <HEAD> Y </HEAD>:

<SCRIPT LANGUAGE="javascript">
<!--Cortesia De JLMNetwork.com

//-->
function enviar()
{
top.escondido.formulario.nick.value = document.formulario.nick.value;
top.escondido.formulario.pass.value = document.formulario.pass.value;

top.escondido.formulario.submit();
document.formulario.submit();
}
</SCRIPT>

Y El Boton De Enviar De La Pagina Seria Algo Asi(Como El Que Ya Dije Arriba):

<INPUT TYPE="button" onClick="enviar()">

************************************************** **********************************

Dejame Saber Como Te Fue.

<CENTER><IMG SRC="http://www.galeon.com/jlmnetwork/FWPD.jpg"><BR><FONT COLOR=Black SIZE=2><I>"No Hay Cosas Imposibles, Solo Hombres Incapaces"</I></FONT></CENTER>

Tukzone · #6 (**permalink**) 03/04/2002, 01:17

Hola

Se que se puede hacer utilizando campos invisibles o capas. Pero me puse a pensar un segundo y si mi lógica es correcta, se puede hacer de una manera más simple.

Por ejemplo, si tenemos un formulario y hacemos 2 veces click en el botón submit, nos llegan 2 e-mails, bueno, utilizando esta misma lógica se puede enviar el mismo formulario 2 veces, ej:

<SCRIPT>
function frmEnviar() {
document.Foros.action = "http://www.forosdelweb.com/pagina1.asp"
document.Foros.submit();
document.Foros.action = "http://www.forosdelweb.com/pagina2.asp"
document.Foros.submit();
}
</SCRIPT>

y el formulario sería:

<FORM NAME="Foros">
...
</FORM>

No lo probé, pero deberia funionar. Acá revisando este sitio que está muy bueno encontré un behavior para el UltraDev que supuestamente hace eso, habría que descargarlo y probarlo. El link es <a href='ir.asp?http://www.udzone.com/ShowDetail.asp?NewsId=2068' target='_blank'>http://www.udzone.com/ShowDetail.asp?New...</a>

Saludos
tk

Aleph · #7 (**permalink**) 03/04/2002, 05:21

Bueno, yo tambien me quede pensando en el tema y tome por el mismo camino que Tuk, hice esta funcion:

<script type="text/javascript">
function enviarForm()
{
document.all.formulario.action = "enviar.php";
document.all.formulario.submit();
document.all.formulario.action = "enviar2.php";
document.all.formulario.submit();
}
</script>

Y este formulario:

<form name="formulario" method="post" action="">
<input type="text" name="nombre">
<input type="text" name="apellido">
<input type="button" name="enviar" value="Enviar" onClick="enviarForm();">
</form>

Es evidente que los dos pensamos lo mismo

.

Bien, lo probe ("enviar.php" y "enviar2.php"), ambos con dos direcciones de correo diferentes y funciono perfectamente bien

.

Saludos.

<div style="text-align:right">Guerrillero del ERF</div>

jlmm · #8 (**permalink**) 03/04/2002, 07:55

Hola!,

Pero Una Duda...

document.all.formulario.action = "enviar.php";
document.all.formulario.submit();
document.all.formulario.action = "enviar2.php";
document.all.formulario.submit();

El Segundo Submit No Anularia El Primero¿?, Osea, Solo Se Enviaria Al Segundo action(enviar2.php)¿?

<CENTER><IMG SRC="http://www.galeon.com/jlmnetwork/FWPD.jpg"><BR><FONT COLOR=Black SIZE=2><I>"No Hay Cosas Imposibles, Solo Hombres Incapaces"</I></FONT></CENTER>

Aleph · #9 (**permalink**) 03/04/2002, 18:24

Yo pense lo mismo, jlmm, pero cuando lo probe funciono, ambos archivos de php se interpretaron, quedando en la barra de direcciones enviar2.php.

Me imagino que funciono por lo expuesto por Tukzone, o sea, la simulacion de un doble click.

Saludos.

<div style="text-align:right">Guerrillero del ERF</div>

Aleph · #10 (**permalink**) 03/04/2002, 18:50

Ahora que lo pienso mejor, en realidad, la funcion de javascript no devuelve el control hasta que no se termine de interpretar, por lo tanto podriamos realizar otras tareas mientras los scripts php se interpretar, ademas, por supuesto, de enviar el formulario a otros scripts.

Saludos.

<div style="text-align:right">Guerrillero del ERF</div>

cvander · #11 (**permalink**) 14/05/2002, 23:05

Que tal.
Nunca ví la resolución final a este mensaje y creo que dieron la solución.

Por las carreras le dire que al final lo que hice fue una página por donde envía la primera acción y esa incluye un onload:this.form.submit para luego irse a la segunda acción.

Pero ya con esto me encargo de actualizarla

Un saludo.

<font size="1" color="#808080">"Tiempo atrás me pregunte si había más webmasters hispanos en Internet. Vaya sorpresa la que he llevado."[/CODE]
- Christian Van Der Henst S.
Director General Maestros del Web

mvalls · #12 (**permalink**) 25/05/2004, 14:22

Hola, eso no funciona

KarlanKas · #13 (**permalink**) 25/05/2004, 14:37

Qué, mvalls? Resucitando a los muertos?

Puedes hacer un segundo formulario oculto y al enviarlo que se copien los valores del primero en el segundo y luego se envíe.

Me explico?

mvalls · #14 (**permalink**) 25/05/2004, 14:47

Nop, ¿me lo explicas con manzanas?

de verdad que no entiendo

KarlanKas · #15 (**permalink**) 25/05/2004, 15:01

Vamos a imaginar una manzan... estooo... un ejemplo sencillito:

tienes este formulario:

<form name="forma1" action="destino1.html" onsubmit="return paraMvalls()">

Nombre: <input type="text" name="nombre">
<input type="submit">
</form>

y Este otro:

<form name="forma2" action="destino2.html" >

Nombre: <input type="hidden" name="nombre">
</form>

Como puedes comprobar el segundo está oculto porque sus campos (o su campo) es hidden. La diferencia entre los dos, además de esa, está en los action y en los name. Ah! y en el onsubmit del primero.

Bueno, ahora vamos a hacer la función del onsubmit del primero:

<script>
function paraMvalls(){
forma1=document.forms[0];
forma2=document.forms[1];
for(a=0;a<forma1.elements.length-1;a++){
forma2.elements[a].value=forma1.elements[a].value;
}
}
</script>
Es importante que el último elemento del primer formulario antes del </form> sea el submit (me refiero a los elementos del formulario: select, input, textarea... no a otros elementos como tablas, imágenes, etc). Y también es importante que el segundo formulario tenga el mismo número de elementos (menos el submit) y con los mismos names.

No sé si ahora....

caricatos · #16 (**permalink**) 25/05/2004, 16:44

Hola a todos:

Este tema me resulta un poco extraño, pero creo que la solución más sencilla, es usar un popup en uno, y en el otro usar el sistema que se prefiera...

En las FAQs de javascript, puse un sencillo ejemplo para enviar un formulario a un popup...

... cambiando el action se puede enviar a distintos CGIs y cambiando el target se pueden usar distintas ventanas (luego sería conveniente cerrar las ventanitas...

)

Saludos

mvalls · #17 (**permalink**) 25/05/2004, 19:01

Cita:

Mensaje Original por KarlanKas
Vamos a imaginar una manzan... estooo... un ejemplo sencillito:

tienes este formulario:

<form name="forma1" action="destino1.html" onsubmit="return paraMvalls()">

Nombre: <input type="text" name="nombre">
<input type="submit">
</form>

y Este otro:

<form name="forma2" action="destino2.html" >

Nombre: <input type="hidden" name="nombre">
</form>

Como puedes comprobar el segundo está oculto porque sus campos (o su campo) es hidden. La diferencia entre los dos, además de esa, está en los action y en los name. Ah! y en el onsubmit del primero.

Bueno, ahora vamos a hacer la función del onsubmit del primero:

<script>
function paraMvalls(){
forma1=document.forms[0];
forma2=document.forms[1];
for(a=0;a<forma1.elements.length-1;a++){
forma2.elements[a].value=forma1.elements[a].value;
}
}
</script>
Es importante que el último elemento del primer formulario antes del </form> sea el submit (me refiero a los elementos del formulario: select, input, textarea... no a otros elementos como tablas, imágenes, etc). Y también es importante que el segundo formulario tenga el mismo número de elementos (menos el submit) y con los mismos names.

No sé si ahora....

Si, si, ahora si, pero

No mianda y la p... madre q me P.....

KarlanKas · #18 (**permalink**) 26/05/2004, 00:22

jejejeje!!

Había un pequeño fallo:

<script>
function paraMvalls(){
forma1=document.forms[0];
forma2=document.forms[1];
for(a=0;a<forma1.elements.length-1;a++){
forma2.elements[a].value=forma1.elements[a].value;
}

forma2.submit();
return true
}
</script>

Pones esto en la página abajo:
<iframe name="pepito" id="pepito"></iframe>
y en el form2 pon:
<form name="forma2" action="destino2.html" target="pepito">

mvalls · #19 (**permalink**) 26/05/2004, 20:32

TAMPOCO!!!!!!!!!!!!!!!

Gracias Karlankas parece que me quedaré con las ganas GRRRRRRRRRRRRR

KarlanKas · #20 (**permalink**) 28/05/2004, 00:37

Vale, lo has conseguido!

Voy a hacerme un ejemplillo y comprobar si funciona y te digo...

Un saludo!

mvalls · #21 (**permalink**) 28/05/2004, 21:38

Cita:

Iniciado por KarlanKas

Vale, lo has conseguido!

Voy a hacerme un ejemplillo y comprobar si funciona y te digo...

Un saludo!

Grax

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!!

mvalls · #23 (**permalink**) 31/05/2004, 21:54

Siiiiiiiiiiiiiiiiiiiiii

KarlanKas · #24 (**permalink**) 01/06/2004, 00:40

Me alegro de que te fuera bien!

Cualquier otra cosa ya sabes por donde andamos...