paramètres communs entre plusieurs html

Version imprimable

Voici le probleme
j'ai une feuille html principale qui permet de choisir la langue et lors du choix, j'invoque un code JS ( externe dans XXX.js ) par l'appel de set_language(valeur) :
Code:

1 2 3 4 5 6 var Language ; function set_language(n) { Language = n; }
puis on passe dans une autre page html où je souhaiterais initialiser des objets en fonction de la valeur affectée à Language ceci en utilisant d'autres fonctions ( aussi contenue dans XXX.js) du type
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function abc() { a = abc.arguments; ... switch(Language) { case 1:... break; case 2 :... break; ... } ... }
Les 2 feuilles html accèdent xxx.js via

Code:

<SCRIPT LANGUAGE="javascript" SRC="JS/xxx.js"></SCRIPT>

Malheureusement, il semble que lorsque je réinvoque xxx.js sur ma 2eme feuille, je perde tous les réglages précédemment fait.
le passage entre feuille se fait via
<a href="newfeuille.html">
Comment doit ont procéder pour passer des paramètres d'une feuiile à l'autre?

merci pour vos réponses.

Ouh la...
On ne peut pas passer deux parametres a travers deux pages differentes en utilisant QUE javascript...
Je sais que cela va deriver dans une discussion php mais bon...

page1.php :
Code:

1 2 3 4 5 <form name="form" action="page2.php" method="post"> Valeur de $lang : <input type="text" name="lang"> <a href="javascript:document.form.submit()">OK</a> </form>
page2.php :
Code:

1 2 3 4 5 <?php $lang = $_POST["lang"]; ?> Valeur de $lang: <?php echo $lang; ?>

12/01/2008, 17h19
SpaceFrog

heu desolé de te contredire, mais on peut tout à fait passer des paramètres d'une page à l'autre uniquement avec javascript ...

trois solutions:

les cookies
le passage des variables dans l'url (en GET)
et avec IE uniquement avec les variables navigator ...

Je conseille la deuxième et tu trouveras le script nécessaire dasn la faq :
"passage de paramètres dasn l'url" ...

Bonne continuation
12/01/2008, 19h30
Auteur

Citation:

Envoyé par SpaceFrog

trois solutions:

les cookies
le passage des variables dans l'url (en GET)
et avec IE uniquement avec les variables navigator ...

Je conseille la deuxième et tu trouveras le script nécessaire dasn la faq :
"passage de paramètres dasn l'url" ...

hum j'utiliserai les cookies :
- au moins cela évite "d'alourdir" l'url en ajoutant des paramètres.
- ensuite si l'utilisateur se reconnecte sur le site et si les cookies ne sont pas effacés (tu peux préciser la durée de vie d'un cookie), il ne sera pas obligé de réaliser une nouvelle fois les réglages ;)
12/01/2008, 19h40
SpaceFrog

Malheureusemùent les cookies sont de plus en plus souvent desactivés, et nombre d'internaites ne savent pas comment les réactiver ...

Tout d'abord MERCI: cela fonctionne.
reste tout de même une question.
pour tester, j'ai tansféré un choix de xx1.html vers xx2.htm
XX1 : Choisir entre 5 champs en cliquant sur le texte puis envoyer sur xx2 avec le bouton prévu à cet effet

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
27
28
29
30
 
<html >
	<head>
	<title>tranfert param de xx1 sur xx2</title>
	<script type="text/JavaScript">
		<!--
		function sel(n) 
			{
			document.getElementById("R").value = n;
		        }
		//-->
		</script>
	</head>
<body>
	<form action="xx2.html" method="get">  
  		<label>
  			<input type="hidden" name="R"   id="R"/>
  			</label>  
  		<p onClick="sel(1)">Ici pour sélectionner 1	</p>
	  	<p onClick="sel(2)">Ici pour sélectionner 2	</p>
  		<p onClick="sel(3)">Ici pour sélectionner 3	</p>
  		<p onClick="sel(4)">Ici pour sélectionner 4	</p>
  		<p onClick="sel(5)">Ici pour sélectionner 5	</p>
 
    <label>
    	<input type="submit" name="Send" value="Envoyer parametres à xx2"  >
    	</label>
	</form>
</body>
</html>

XX2 : envoyer le choix à XX2 qui visualisera un calque adapté en conséquence

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
#Layer1 
	{
	position:absolute;	
	width:25px;	height:20px;	z-index:1;	top:10px;	left:1px;	
	visibility : hidden;
	}
#Layer2 
	{
	position:absolute;
	width:25px;	height:20px;	top:10px;	z-index:2;	left: 1px;
	visibility : hidden;
	}
#Layer3 
	{
	position:absolute;
	width:25px;	height:20px;	top:10px;	z-index:3;	left: 1px;
	visibility : hidden;
	}
#Layer4 
	{
	position:absolute;
	width:25px;	height:20px;	top:10px;	z-index:4;	left: 1px;
	visibility : hidden;
	}
#Layer5 
	{
	position:absolute;
	width:25px;	height:20px;	z-index:5;	left: 1px;	top: 10px;
	visibility:hidden;
	}
-->
</style>
<script language='javascript'>
<!--
 
function MM_findObj(n, d) 
    { 
    var p,i,x;  
    if(!d) 
       d=document; 
    if((p=n.indexOf("?"))>0&&parent.frames.length)      
       {
       d=parent.frames[n.substring(p+1)].document; 
       n=n.substring(0,p);
       }
    if(!(x=d[n])&&d.all) 
       x=d.all[n]; 
    for (i=0;!x&&i<d.forms.length;i++) 
       x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++)   
       x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) 
       x=d.getElementById(n); 
    return x;
    }
function MM_showHideLayers() 
   { 
   var i,p,v,obj,
   args                  =   MM_showHideLayers.arguments;
   for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) 
      { 
      v=args[i+2];
      if (obj.style) 
         { 
         obj              =   obj.style; 
         v                =   (v=='show')?'visible':(v=='hide')?'hidden':v; }
         obj.visibility=v; 
         }
      }
//-->
<!-- SCRIPT DE DEVELOPPEZ.COM -->
</script>
 
<script language='javascript'>
   var nom=new Array();
   var valeur              =   new Array();
   var np                   =   0;  // un ajout     
   param = window.location.search.slice(1,window.location.search.length);
   first                      =   param.split("&");
   for(i=0;i<first.length;i++)
      {
      second               =   first[i].split("=");
      nom[i]                =   second[0];
      valeur[i]             =   second[1];
      np++;    //  1 ajout		
      } 
   function Select() // ma fonction de sélection invoquée sur "onLoad" de "body"
      {
      for (i=0; i < np; i++ )if ( nom[i] == 'R' )
         {
	 if ( valeur[i] == '1' ) MM_showHideLayers('Layer1','','show');
	 if ( valeur[i] == '2' ) MM_showHideLayers('Layer2','','show');
	 if ( valeur[i] == '3' ) MM_showHideLayers('Layer3','','show');
	 if ( valeur[i] == '4' ) MM_showHideLayers('Layer4','','show');
	 if ( valeur[i] == '5' ) MM_showHideLayers('Layer5','','show');
	 }
      }
</script>	
</head>
<body onload="Select()">	 
<div id="Layer1">-1-</div>
<div id="Layer2">-2-</div>
<div id="Layer3">-3-</div>
<div id="Layer4">-4-</div>
<div id="Layer5">-5-</div>
</body>
</html>

question :

Je n'ai pas réussi à envoyer directement sur xx2 le paramètre sélectionné dans xx1 ceci dès la selection d'un champ en s'affranchissant de l'existance du bouton 'send'.
Comment peut-on procéder?

13/01/2008, 16h27
SpaceFrog

tu veux dire passer automatiquement les variables d'une page à l'autre ?

du coup là ce sont les cookies qui remportent la palme car c'est la page de destination qui ira chercher le cookie enregistré par la page d'envoi ...

dans ue fenêtre d'accueil on choisi la langue et on souhaite passer directement à la suite ( sur un clik sur un texte ou su l'image du flag ) avec les reglages de textes, positions de fenêtres, ... fonction de la langue.

je m'en sort en mettant dans xx1
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 27 <html > <head> <title>tranfert param de xx1 sur xx2</title> <script type="text/JavaScript">  </script> </head> <body> <form action="xx2.html" method="get"> <label> <input type="hidden" name="R" id="R"/> </label> <label> <input name="Send" type="submit" value="" border="none" style="cursor:pointer;border-bottom:none; border:none;background:none; background-image:url(FR_Flag.gif);width:68px; height:50px; background-repeat:no-repeat" onClick="sel(1)"> <input name="Send" type="submit" value="" border="none" style="border-bottom:none; border:none;background:none; background-image:url(UK_Flag.gif);width:68px; height:50px; background-repeat:no-repeat" onClick="sel(2)"> </label> </form> </body> </html>
ce qui est finalement une forme "cachée" de boutons "submit" de la form sans que le bouton apparaisse comme tel.

en tout cas encore MERCI