Mostrar el contenido de un formulario en una segunda página sin php

trumancutanda · #1 (**permalink**) 05/03/2012, 10:52

Buenas a tod@s.

Me gustaría saber si a partir de un formulario en una pagina html, en el que tengo un campo de texto y un boton, puedo mostrar el contenido de ese campo de texto en una segunda página sin utilizar php.

En una página llamada formulario.html tengo:

Código:

 <form action="jugar.html" method="get" name="formulario" target="_blank">
		<input name="introuser" type="text" id="user" />
 
  <input name="start" type="submit" value="Comenzar a jugar" / style="background-color:#996600" onclick="showuser" id="boton">
</form>

Y me gustaría que el texto introducido en el campo de texto aparezca en la pagina jugar.html.

Debo de utilizar otro formulario en jugar.html? o como lo puedo hacer sin hacer uso de php.

Muchas gracias

leonagelic · #2 (**permalink**) 05/03/2012, 13:46

no entiendo pero creo eso no lo puedes usar ajuro debes usar php o algun tipo de javascript o algo pero no creo ya que necesitas recargar la pagina a otra y javascript es del lado del cliente y procesa esas variables en esa misma pagina.. php necesitas recargar la pagina.. podrias usar una funcion javascript y pasarlas pero igual en la otra pagina necesitas php para capturarlas..

caricatos · #3 (**permalink**) 05/03/2012, 15:49

Hola:

Aunque no es recomendable depender de javascript, en las FAQs de ese foro está la respuesta...

Saludos

emprear · #4 (**permalink**) 05/03/2012, 15:58

Un ejemplo práctico con javascript.

pasar

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Pasar variables</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
    <form action="recibir.html" method="get">
        <p>nombre: <input type="text" name="nombre" value ="" /><br />
            apellido: <input type="text" name="apellido" value ="" /><br />
            <input type="submit" value="procesar" />
        </p>
    </form>
</body>
</html>

recibir

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Recibe variables</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="recibir_variable.js"></script>
<script type="text/javascript">
//<![CDATA[
function escribir_valor(){
var texto = "El valor para las variables nombre y apellido pasada por el form es: " + nombre + " " + apellido ;
document.getElementById('mensaje').innerHTML = texto;
}
//]]>
</script>
</head>
<body onload="escribir_valor()">
<div id="mensaje"></div>
</body>
</html>

recibir_variable.js

Código Javascript:

Ver original/* Recibir variables */
/* Esta función transforma en variables cualquier parametro pasado por get /*
/* Una vez llamada al inicio de la página puede recuperar el valor simplemente usando el name del input como valor */
function RecibirVariablesJs(qs){
var s="";
for(var i=0;i<qs.length;i++){
if(qs.substring(i,i+1)=="+"){
s=s+" ";
}else{
s=s+qs.substring(i,i+1);
}
}
return s;
}
var c=eval('"'+document.location+'"');
var n,m,o;
var variable;
var valor;
n=c.indexOf("?");
if(n==-1){
    }else{
        while(n<c.length){
            m=c.indexOf("=",n);
            variable=c.substring(n+1,m);
            o=c.indexOf("&",m);
            if(o==-1){o=c.length;
                }
                valor=unescape(RecibirVariablesJs(c.substring(m+1,o)));
                eval ("var "+variable+"='"+valor+"';");
                n=o;}
                }

Otra alternativa es usando cookies

Saludos

trumancutanda · #5 (**permalink**) 07/03/2012, 16:52

Muchísimas gracias por vuestra ayuda. Lo haré con JavaScript. Un saludo!