Utilisation d'un cookie d'une page à une autre

**nanoute** · 12/05/2007, 19h23

Bonjour,

Mon problème est le suivant :

J'aimerai sur ma page 1 de mon site, écrire l'url de ma page 1 dans un cookie. Dans ma page 2, j'aimerais lire et afficher l'url de ma page 1, en allant chercher cette url dans le cookie. Comment puis-je procéder ?

Merci pour vos réponses.

Nanoute

**Ouach** · 12/05/2007, 22h58

En lisant un tutorial traitant des cookies.

Il y en a plein.

**nanoute** · 13/05/2007, 11h10

Autre question :

Tous les codes que j'ai trouvé propose la création, la lecture et la suppression de cookies à l'aide de bouton.

Voici un exemple de code :

<html>
<head>
<script language="JavaScript"></script>
</head>
<body>
<FORM>
<table><tr>
<td><INPUT onclick=askCook('test') type=button value="Créer le cookie"></td>
<td><INPUT onclick=litCook('test') type=button value="Lire le cookie"></td>
<td><INPUT onclick="tue_cook('test')" type=button value="Effacer le cookie"></td>
</tr></table>
</FORM>
</body>
</html>

Mais j'aimerais pouvoir créer et lire mon cookie sans devoir utiliser de bouton, je voudrais le faire en ouvrant simplement la page, avec onLoad par exemple.

Pourriez-vous m'éclairer ?

Merci

**bigboomshakala** · 13/05/2007, 12h12

il suffit d'utiliser onload du body au lieu de onclick du bouton

**nanoute** · 13/05/2007, 12h23

J'ai déjà essayer ça, mais je ne dois pas avoir la bonne synthaxe car ça ne fonctionne pas.

**nanoute** · 13/05/2007, 17h47

Depuis ce matin j'essaie de transférer l'adresse url de ma page mère vers ma page fille avec le code du dessus, mais impossible. Il faut que ce transfert se fasse dès que j'arrive sur ma page mère. Aidez moi svp

!

Je dois rendre mon projet demain

.

**Auteur** · 13/05/2007, 18h21

tu dois forcément passer par des cookies ?

Est-ce que la page fille est ouverte par window.open() ? Si c'est le cas regarde cette discussion.

**bigboomshakala** · 13/05/2007, 19h02

tu peux passer l'url de la page en paramère de l'url de la page 2

**nanoute** · 13/05/2007, 19h13

J'ai déjà regardé cette discussion, et j'ai essayé de reprendre le code varMereFille, en modifiant en fonction de ce que doit faire moi site, c'est à dire, que la page fille ne doit pas s'ouvrir, elle doit simplement recevoir l'info envoyée par ma page mère. Mais n'étant pas très doutée (je débute), je n'arrive à rien. Je voudrais mettre un onload="transfert... mais cela ne marche pas.

Pour ce qui est de passer en paramètre je suis un peu pomée mais je vais regarder çà d'un peu plus près.

Le but au début étant de créer un historique de navigation ( post précédent ).

Merci pour vos réponses.

**Auteur** · 14/05/2007, 01h23

voilà ce que j'ai fait (les fichiers page1.htm, page2.htm, page3.htm sont semblables, seuls les liens changent) :

page1.htm

Code html :

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
 
<html>
<head>
<title>Page 1</title>
 
<script type="text/javascript" src="historique.js">
</script>
 
</head>
 
<body onload="lireCookie()">
 
<a href="javascript:ecrireCookie('page2.htm')">page 2</a><br />
<a href="javascript:ecrireCookie('page3.htm')">page 3</a><br />
 
<br /><br />
<input type="button" value="Supprimer cookie" onclick="SuppressionCookie()" />
<br /><br />
<div id="divHistorique"></div>
 
 
</body>
 
</html>

Page2.htm

Code html :

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
 
<html>
<head>
<title>Page 2</title>
 
<script type="text/javascript" src="historique.js">
</script>
 
</head>
 
<body onload="lireCookie()">
 
<a href="javascript:ecrireCookie('page1.htm')">page 1</a><br />
<a href="javascript:ecrireCookie('page3.htm')">page 3</a><br />
 
<br /><br />
<input type="button" value="Supprimer cookie" onclick="SuppressionCookie()" />
<br /><br />
<div id="divHistorique"></div>
 
</body>
 
</html>

Page3.htm

Code html :

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
 
<html>
<head>
<title>Page 3</title>
 
<script type="text/javascript" src="historique.js">
</script>
 
</head>
 
<body onload="lireCookie()">
 
<a href="javascript:ecrireCookie('page1.htm')">page 1</a><br />
<a href="javascript:ecrireCookie('page2.htm')">page 2</a><br />
 
<br /><br />
<input type="button" value="Supprimer cookie" onclick="SuppressionCookie()" />
<br /><br />
<div id="divHistorique"></div>
 
</body>
 
</html>

et le code javascript : grâce à ce script tu as tout l'historique de navigation sur ton site (l'ordre dans lequel ont été appelées les pages).
historique.js

Code javascript :

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
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
 
function gestionCookie(cookie)
{
  var infosCookie = "";
  var nom = "historique";
  var n1, n2;
 
  n1 = cookie.indexOf(nom);
  if (n1==-1)
  {
   return "";
  }
  else
  {
    n2 = cookie.indexOf(";",n1);
    if (n2==-1)
    n2 = cookie.length;
 
    infosCookie = unescape(cookie.substring(n1+nom.length+1,n2));
  }
  return infosCookie;
}
 
 
function lireCookie()
{
  var cookie = document.cookie;
  var infosCookie = "";
 
  infosCookie = gestionCookie(cookie);
  infosCookie = infosCookie.replace(new RegExp(" ","g"),"<br>");
 
  document.getElementById("divHistorique").innerHTML = "<h4>Historique:</h4>"+infosCookie;
}
 
function ecrireCookie(url)
{
  var cookie = document.cookie;
  var nom = "historique";
  var expireDate = new Date();
 
  expireDate.setTime(expireDate.getTime() + 3600*1000);
 
  cookie = nom+"="+escape(gestionCookie(cookie)+" "+url)+";expires="+expireDate.toGMTString();
  document.cookie = cookie;
 
  window.location.href=url;
}
 
function SuppressionCookie()
{
  var cookie = document.cookie;
  var nom = "historique";
  var expireDate = new Date();
 
  expireDate.setTime(expireDate.getTime() + (-1)*3600*1000);
 
  cookie = nom+"="+escape(" ")+";expires="+expireDate.toGMTString();
  document.cookie = cookie;
 
  lireCookie();
}