portée des variables globales dans un fichier js

Version imprimable

09/04/2006, 18h47
crakazoid

portée des variables globales dans un fichier js
Bonjour,

Voilà je pensais qu'en déclarant les variables et en écrivant les fonctions dans un fichier js, cela aurait permis de conserver leur valeur affectée par une fonction lors d'un changement de page mais apparemment ce n'est pas le cas ..

Pour faire simple :

dans un fichier js, je déclare une variable globale et j'écris deux fonctions :
Code:

1 2 3 4 5 6 7 8 var a = 'king' function tentative() { a = 'kong'; alert(a); } function tentative_desesperee() { alert(a); }
Si dans une page html appelée page1.html j'appelle successivement ces deux fonctions, j'obtiens le résultat attendu, soit "kong" dans les deux messages.

Par contre si je charge une nouvelle page (et que cette page appelle la fonction tentative_desesperee()) avec l'instruction :

Code:

document.location="page2.html

après avoir appelé la fonction tentative(), je m'attend à ce que la variable 'a' ait été modifiée et je pense donc que la nouvelle page va afficher 'kong'.
Malheureusement, elle affiche 'king' ce qui montre que la modification de la valeur de la variable ne perdure pas d'une page à l'autre.

Est-ce que je suis alors obligé d'utiliser des cookies pour conserver la valeur modifiée des variables ?
09/04/2006, 20h49
amika

la portée d'une variable JS est dans une meme page et pour conserver la valeure d'une variable entre les pages il te faut soit le transmettre par URL ou par variable de session ou les cookies.
09/04/2006, 21h56
crakazoid

Merci amika, je vais essayer tout ça.

J'emprofite de ce post pour poser une petite question. Peut-on utiliser une variable globale dans toute une page HTML (même en dehors des balises SCRIPT). J'ai essayer mais ma page semble ne pas reconnaître ma variable :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <html> <head> <script language="Javascript"> var i=0; var tableau = ["1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg", "6.jpg"]; </script> </head> <body> <a href="javascript:;" onClick="document.image.src=tableau[i++];"> <img name="image" src="1.jpg" alt="mon_image"/></a> </body> </html>
Que je mette i=0 ou i=5, cela ne change absolument rien. Mais je croyais qu'on pouvait utiliser une variable globale n'importe où dans la page !! Si vous pourriez me renseigner sur ce point ce serait sympa.

bonjour,

Citation:

J'emprofite de ce post pour poser une petite question. Peut-on utiliser une variable globale dans toute une page HTML (même en dehors des balises SCRIPT). J'ai essayer mais ma page semble ne pas reconnaître ma variable :

essaye comme ceci : :wink:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 <html> <head> <script language="Javascript"> var i=0; var tableau = new Array("i1.jpg", "i2.jpg", "i3.jpg", "i4.jpg", "i5.jpg", "i6.jpg"); </script> </head> <body> <h3>1er exemple</h3> <img name="image" src="i1.jpg" alt="mon_image" onClick="this.src=tableau[++i];"> <br><br> <h3>2eme exemple</h3> <a href="javascript:;"onClick="document.getElementById('idImg').src=tableau[++i];"> <img id="idImg" src="i1.jpg" alt="mon_image"/></a> </body> </html>
avec une préférence pour le 1er cas. Autant mettre l'événement onclick dans la balise img.

10/04/2006, 10h24
crakazoid

voilà j'ai cherché un peu partout la méthode pour utiliser une variable de session (pour JavaScript) mais j'ai pas trouvé :google2: .

Est-ce que quelqu'un pourrait me dire comment la déclarer, comment l'utiliser, éventuellement à l'aide d'un exemple simple de script ?
10/04/2006, 14h54
amika

si vous utilisez seulement du javascript vous ne pouvez pas utiliser les variables des session (possible avec PHP par exemple)

C'est encore moi, donc j'essaye de faire passer mes variables via l'url :
Code:

1 2 3 4 5 <script language="JavaScript"> var variable1 = "king"; var variable2 = "kong"; </script> <a href="page.html?variable1&variable2">go</a>
Le code de la page 'page.html' :
Code:

1 2 3 4 5 6 <script language="JavaScript"> recup = location.search; recup = recup.substring(1, recup.length); variables = recup.split('&'); document.write(variables[0] + " " + variables[1]); </script>
Voila le problème, au lieu d'afficher king kong, j'affiche variable1 variable2

Qu'est ce qui cloche dans ce script ?

merci

12/04/2006, 14h54
amika

pour passer des variables par url tu dois faire par exemple :

Code:

<a href="page.html?v1=valeur1&v2=valeur2">go</a>

pour etre plus claire:
dans la premiere page:

Code:

<a href="page.html?v1=valeur1&v2=valeur2">go</a>

tu peux faire dans l'autre page
Code:

1 2 3 4 5 6 7 8 9 <script language="JavaScript"> recup = location.search; recup = recup.substring(1, recup.length); variables = recup.split('&'); v1 =variables[0].split('='); v2 =variables[1].split('='); document.write(v1[0]+":"v1[1] + " , " v2[0]+":"v2[1]); </script>

12/04/2006, 16h38
denisC

C'est même dans la :faq:
14/04/2006, 11h22
crakazoid

Merci pour tes réponse, amika et aussi pour la faq ..

J'ai l'impression cependant que l'on ne peut pas, de cette façon, passer directement des variables dans l'url, comme j'essayais de le faire.
En effet, valeur1 ou valeur2 doivent représenter les valeurs des variables et pas les variables elles-mêmes.

C'est un peu embêtant car je voulais passer un tableau comme variable via l'url, et je crois que ça ne va pas être possible. :roll:
14/04/2006, 11h25
denisC

Citation:

Envoyé par crakazoid

C'est un peu embêtant car je voulais passer un tableau comme variable via l'url, et je crois que ça ne va pas être possible. :roll:

variable1=a1;a2;a3

ensuite un split dessus.

De toute façon, le principe du HTTP c'est toujours une chaine = une chaine.

Il n'y a pas de concept de tableau, d'objet, de type ou autre. Que des chaines de caractères. A toi de transformer ton tableau en chaine (avec le bon séparateur). A priori, un simple join ou quelque chose comme ça fera l'affaire :)
14/04/2006, 12h58
crakazoid

Ok merci

cette fois ça va marcher ..
14/04/2006, 15h39
crakazoid
Bon je crois que j'ai été un peu vite en besogne.

car même si mon tableau est transformé en chaîne (que je vais stocker dans une variable), je me retrouve devant le problème précédent : on ne peut pas passer une variable via l'url :
Code:

1 2 tableau = new Array(5,6,12,15); chaine = tableau.join();
chaine contiendra donc "5,6,12,15"

mais je ne peux toujours pas écrire :

Code:

<a href="page.html?variable1=chaine">go</a>

car je ne ferais que récupérer la chaîne "chaine" et pas "5,6,12,15" comme je le voudrais.

...

et comme ca?

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<script type="text/javascript" >
 
monUrl = function () {
    tableau = new Array(5,6,12,15); 
    chaine = tableau.join();
    return "page.html?variable1=" + chaine;
}
</script>
 
<a href="javascript:monUrl();" >go</a>

14/04/2006, 15h57
FremyCompany

escape

Il me semblerait judicieux de faire un escape/unescape pour éviter les pb du tranfert HTTP...
Fremy
14/04/2006, 16h06
denisC
Code:

1 2 3 4 5 6 7 8 function ajouteTableau(chaine) { tableau = new Array(5,6,12,15); chaine += chaine.indexOf("?")>-1?"&":"?"; chaine += "variable1="; chaine += tableau.join(); return chaine; }
Code:

<a href="page.html" onclick="this.href=ajouteTableau(this.href)">go</a>

Ca devrait le faire.....

Pour le escape/unescape, effectivement, il faudrait. Mais dans ton exemple, ça devrait déjà marcher comme ça.

...[/quote]
14/04/2006, 16h40
crakazoid

Merci à tous, cette fois-ci ça marche, testé et approuvé !!!! :yaisse2:
Il fallait donc passer par une fonction.

Vraiment efficace ce forum et ses intervenants.
14/04/2006, 16h49
denisC

Citation:

Envoyé par crakazoid

Vraiment efficace ce forum et ses intervenants.

Vive DVP http://dcabasson.developpez.com/images/smiley/fetes.gif

:wink: