Foros del Web - Ver Mensaje Individual - Mostrar el contenido de un formulario en una segunda página sin php

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