ago
20
2010

Pasar variables entre páginas JavaScript

Descarga el contenido del Artículo en PDF Download PDF

Podemos pasar variables entre páginas utilizando solo javaScript
Este es el código que va en la página que envía las variables.
Enviamos las variables de los campos (campo_1 y campo_2) a través del form fi, con el método get.

<form action=”Recoger.html” method=”get” name=”f1″ id=”f1″>
Nombre Cliente:
<input id=”campo_1″ value=”” type=”text” />
<input id=”campo_2″ value=”” type=”text” />
<input name=”Submit” type=”submit” />
</form>

Este es el código que lleva la página que recibe las variables.
Accedemos a la cadena que nos hemos enviado desde la otra página.
La función separa las variables que hemos recibido,
Unescape codifica las cadenas de caracteres que hemos recibido en formato URL. unescape(“%23″);

// devuelve #

<script>
function separateQueryString(){
queryString=location.search.substr(1);
pares=queryString.split(‘&’);
$_GET=[];
for(ii in pares){
tmp=pares[ii].split(‘=’);
$_GET[tmp[0]]=unescape(tmp[1].split(‘+’).join(‘ ‘));
}
//for (ii in $_GET){
// Si quieres mostrar todas las variables en un Div.
//document.getElementById(‘nombre_Div’).innerHTML+=$_GET[ii]+’<br />’;
//}
document.getElementById(‘text_1′).value=$_GET['campo_1'];
document.getElementById(‘text_2′).value=$_GET['campo_2'];
}
window.onload=separateQueryString;
</script>

La página que recoge los valores, tiene que tener los campos con los ‘id’ que hemos enviado.

<div id=”nombre_Div”> <div/>
<input id=”text_1″ type=”text”>
<input id=”text_2″ type=”hidden”>

Click on any of these buttons to help us to maintain this website.      
CJO

Artículos relacionados

Related Posts

Acerca del Autor:

2 Comments + Add Comment

  • Prueba

    • hola podria contactar con usted de alguina forma?

Leave a comment


siete × 4 =

Ayudas!

Recientes

  • Ber: Hola Fiorito, Te he respondido en la entrada, espero que te valga. Un saludo,
  • Fiorito Nicolas: Hola que tal, te qeuria pregutnar si me podrias pasar el codigo de ejemplo andando o explicarme la...
  • Ber: Hola Joel, He hecho varias paginas con Exec-PHP y no me ha pasado nada parecido a lo que mencionas. Y tampoco he...
  • joel: hola, estoy empezando a trabajar con Wordpress y con Exec-PHP. El problema que tengo es para presentar las...
  • javayano: Información asimilada XD Muy buena la explicación, y los ejemplos.