2012-11-20 3 views
5

En première page im obtenir la valeur dans la zone de texte je dois le passer à une autre page qui est divisée en 2 images. Je dois afficher cette valeur dans la page html de la première image. S'il vous plaît, donnez-moi un exemple simple. J'ai essayé avec window.document.getElementById ("inputbox1"). Value mais je ne peux pas obtenir la valeur.Comment puis-je transmettre des valeurs d'une page html à une autre page html en utilisant javascript?

Veuillez me fournir un exemple simple.

Répondre

0

Écrivez la valeur dans un cookie et lisez le cookie de l'autre page.

pour l'écriture et les cookies TRÔLE here

0

si les paramètres d'URL sont une option que vous pouvez utiliser ce

function getParameter(param) { 
       var val = document.URL; 
       var url = val.substr(val.indexOf(param)) 
       var n=parseInt(url.replace(param+"=","")); 
       alert(n+1); 
} 
getParameter("page"); 

ref http://bloggerplugnplay.blogspot.in/2012/08/how-to-get-url-parameter-in-javascript.html

une autre peut-être les cookies


a été battu à la partie cookie: p

modifier en effet pas une bonne référence cookie celui-ci est mieux http://www.w3schools.com/js/js_cookies.asp

+0

L'avez-vous lu dans l'article htmlgoodies? Utilisez la même fonction deux fois pour la même chose, ne désapparaît pas les paramètres et ne parle même pas de cookies. –

9

j'irais avec localStorage, comme @MicrosoftGoogle propose, mais n'est pas encore bien supporté, vous pouvez utiliser le javascript pur pour y parvenir. Vous aurez quelque chose comme ceci sur votre page de formulaire:

<form action="param-received.html" method="GET"> 
    <input type="text" id="foo" name="foo"> 
    <input type="submit" value="Send" name="submit" id="submit"> 
</form> 

Une fois que vous cliquez sur le bouton Envoyer, vous allez être redirigé vers /param-received.html?foo=hola&submit=Send.

  • location.search L'attribut contient la chaîne de paramètres.
  • ? concatène l'URL et la chaîne de paramètres.
  • & sépare plusieurs paramètres.
  • = affecte une valeur à la variable.

Voici le code complet pour traiter les données envoyées sur param-received.html:

<script language="JavaScript"> 
    function processForm() 
    { 
    var parameters = location.search.substring(1).split("&"); 
    var temp = parameters[0].split("="); 
    l = unescape(temp[1]); 
    alert(l); //Dialog with the text you put on the textbox 
    } 
    processForm(); 
</script> 
+0

http://stackoverflow.com/questions/831030/how-to-get-get-request-parameters-in-javascript?lq=1 – OhadR

+0

Des trucs géniaux! Merci! – Apostolos

0
function getValue(varname) 
       { 
        var url = window.location.href; 
        var qparts = url.split("?"); 

        if (qparts.length == 1) 
        { 
         return ""; 
        } 
        else{ 
         var query = qparts[1]; 
         var vars = query.split("&"); 
         var value = ""; 
         for (i=0;i<vars.length;i++) 
         { 
          var parts = vars[i].split("="); 
          if (parts[0] == varname) 
          { 
           value = parts[1]; 
           break; 
          } 
         } 
         value = unescape(value); 

         // Convert "+"s to " "s 
         value.replace(/\+/g," "); 
         return value; 
        } 

       } 
var VariableGot = getValue(YourPassingVariableName); 

Il suffit de copier la fonction dans votre fichier html et passez votre nom de variable à la fonction qui est envoyée par la méthode GET .Now Vous obtiendrez la valeur de la variable depuis l'URL.

Questions connexes