Comment passer une valeur d'une fenêtre parent à une autre page html à l'aide de javascript?

J'ai 2 fenêtres home.html et result.html .

Dans home.html j'ai une <textarea> #txtinput et un <button> #btn .

Dans result.html j'ai un autre <textarea> #txtresult .

Sur home.html , si je home.html une valeur dans #txtinput et cliquez sur #btn , je veux ouvrir result.html et passer la valeur de #txtinput dans #txtresult .

J'ai essayé le code ci-dessous à partir d'une autre publication, qui affiche la valeur dans le corps de la nouvelle fenêtre mais ne l'affichera pas dans mon élément

 var myWindow = window.open(); myWindow.document.body.innerHTML = document.getElementById("txtinput").value;

Est-ce possible d'une manière simple? Je suis relativement nouveau pour JavaScript, mes cours sont en cours maintenant et je suis juste curieux de connaître les moyens de le faire. Toute aide détaillée sera très appréciée!

J'espère avoir besoin d'élaborer le code ci-dessous

Bouton sur la fonction de clic dans la page d'accueil:

 function sample(){ //this will set the text box id to var id; var id = document.getElementById("text_box_id").id; //the sessionStorage.setItem(); is the predefined function in javascript //which will support for every browser that will store the sessions. sessionStorage.setItem("sent", id); //this is to open a window in new tab window.open("result.html","_blank"); }

Récupérer la valeur dans la page de résultat:

 $(document).ready(function(){ //This sessionStorage.getItem(); is also a predefined function in javascript //will retrieve session and get the value; var a = sessionStorage.getItem("sent"); alert(a); });

Pour plus d'informations sur sessionStorage

Code.google.com/p/sessionstorage/
Developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage

J'ai fait la même chose que ci-dessus, j'obtiens des valeurs dans une nouvelle fenêtre qui est géniale, mais ces valeurs que je reçois ne sont que dans la fonction documet.ready (). Je ne suis donc pas en mesure d'utiliser ces valeurs dans mon JSP. Une fois que j'ai eu des valeurs, j'ai besoin de les afficher dans JSP.

J'espère que ce code vous aidera

Cela devrait être dans la page d'accueil:

 function sample(id) { sessionStorage.setItem("sent", id); window.open("result.html","_blank"); }

C'est une autre façon dans la même fonction de la page d'accueil:

 function sample() { var id=document.getElementById("your_required_id").id; sessionStorage.setItem("sent", id); window.open("result.html","_blank"); }

Cela devrait être dans la page de résultats:

 function sample1() { var a=sessionStorage.getItem("sent"); alert(a); }

L'identifiant peut être votre identifiant de zone de texte

Dans result.html , trouvez la fenêtre qui l'a ouvert, en utilisant window.opener , puis prenez vos données intéressantes de cette fenêtre .

 window.addEventListener('load', function () { // wait for ready var home = window.opener, txtinput, txtresult; if (home) { txtinput = home.document.getElementById("txtinput"); txtresult = document.getElementById('txtresult'); txtresult.value = txtinput.value; } }, false);

Dans home.html , écoutez un clic sur #btn et ouvrez le result.html

 // assuming button exists at invocation time var btn = document.getElementById('btn'); btn.addEventListener('click', function () { window.open('result.html'); }, false);