portée des variables globales dans un fichier js

**crakazoid** · 09/04/2006, 18h47

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

**amika** · 09/04/2006, 20h49

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.

**crakazoid** · 09/04/2006, 21h56

Merci amika, je vais essayer tout ça.

**solp** · 09/04/2006, 22h30

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Auteur** · 10/04/2006, 09h22

bonjour,

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 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**crakazoid** · 10/04/2006, 10h24

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

.

Est-ce que quelqu'un pourrait me dire comment la déclarer, comment l'utiliser, éventuellement à l'aide d'un exemple simple de script ?

**amika** · 10/04/2006, 14h54

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

**crakazoid** · 12/04/2006, 12h49

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**amika** · 12/04/2006, 14h54

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**amika** · 12/04/2006, 16h34

pour etre plus claire:
dans la premiere page:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

tu peux faire dans l'autre page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**denisC** · 12/04/2006, 16h38

C'est même dans la

**crakazoid** · 14/04/2006, 11h22

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.

**denisC** · 14/04/2006, 11h25

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.

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

**crakazoid** · 14/04/2006, 12h58

Ok merci

cette fois ça va marcher ..

**crakazoid** · 14/04/2006, 15h39

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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.

...

**MasterOfChakhaL** · 14/04/2006, 15h50

et comme ca?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**FremyCompany** · 14/04/2006, 15h57

Il me semblerait judicieux de faire un escape/unescape pour éviter les pb du tranfert HTTP...
Fremy

**denisC** · 14/04/2006, 16h06

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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]

**crakazoid** · 14/04/2006, 16h40

Merci à tous, cette fois-ci ça marche, testé et approuvé !!!!

Il fallait donc passer par une fonction.

Vraiment efficace ce forum et ses intervenants.

**denisC** · 14/04/2006, 16h49

Envoyé par crakazoid

Vraiment efficace ce forum et ses intervenants.

Vive DVP

portée des variables globales dans un fichier js

JavaScript

Discussions similaires

Partager

Partager