Discussion :

[Pifon]

Bonjour à tous,

J'essayes d'apprendre l'utilisation des cookies en javascript. Mon but est d'enregistrer une valeur que je pourrais lire après le rafraîchissement de ma page, j'ai donc pensé enregistrer cette valeur dans un cookie.

Pour cela j'ai suivi le tutoriel sur : http://ppk.developpez.com/tutoriels/...es-javascript/

Voici le code:

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
27
28
29
30
31
32
33
34
35
 
	function createCookie(name,value,time)
		{
			if (time!==undefined)
				{
				var date = new Date();
				date.setTime(date.getTime()+(time*1000));
				expires = "; expires="+date.toGMTString();
				}
			else expires = "";
			document.cookie = name+"="+value+expires+"; path=/";
		}
 
	function readCookie(name)
		{
			var nameEQ = name + "=";
			var ca = document.cookie.split(';');
			for(var i=0;i < ca.length;i++)
				{
				var c = ca[i];
				while (c.charAt(0)==' ') c = c.substring(1,c.length);
				if (c.indexOf(nameEQ) == 0)
					{
					var r = c.substring(nameEQ.length,c.length);
					if(r=='')return null;
					else return r;
					}
			}
		return null;
		}
 
 
		createCookie("monCookie","salut",7);
		var valeur=""+readCookie("monCookie");
		alert(valeur);

Donc quand le document est chargé , je créer un cookie avec la méthode creatCookie puis j'essaye de la lire dans un alert().
Malheureusement la valeur affichée dans l'alert() est " null" ...

j'ai pensé que le problème venait peut être du domaine donc j'ai essayé de modifier "/" par maPage.html ou encore /repertoireCourant mais sans succes.

Malgres mes recherches je ne trouve pas ce qui ne va pas , Quelqu'un aurait une idée ?

D'avance merci .

[NoSmoking]

Bonjour,
aucune raison que cela ne fonctionne pas ...sauf si... le navigateur n'accepte pas les cookies

[Pifon]

j'utilise chrome (derniere version) et j'ai testé si les cookies étaient acceptés comme ceci :

Code :

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

1
2
3
4
5
6
 
if (navigator.cookieEnabled) {
        alert( Cookies acceptés);
} else {
        alert("Activez vos cookies !");
}

Ils sont bien acceptés.

voici mon code complet si ca peut aider :

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
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
 
$(document).ready(function()
{		
	$('<h1></h1>').html( "MORPION" + '</br></br>').appendTo('#page');
	$('#page').append('<table class="tableau"></table>');
	creerGrille();
 
	var Case="",nbrClick=0, pointO=1, pointX=1 ,victoire=0, nbrVictoire=0;
 
	function createCookie(name,value,time)
		{
			if (time!==undefined)
				{
					var date = new Date();
					date.setTime(date.getTime()+(time*1000));
					expires = "; expires="+date.toGMTString();
				}
			else expires = "";
			document.cookie = name+"="+value+expires+"; path=/";
		}
 
	function readCookie(name)
		{		
			var nameEQ = name + "=";
			var ca = document.cookie.split(';');
			for(var i=0;i < ca.length;i++)
				{
				var c = ca[i];
				while (c.charAt(0)==' ') c = c.substring(1,c.length);
				if (c.indexOf(nameEQ) == 0)
					{
					var r = c.substring(nameEQ.length,c.length);
					if(r=='')return null;
					else return r;
					}
			}
		return null;
		}
 
 
		createCookie("monCookie","salut",7);
		var valeur=""+readCookie("monCookie");
		alert(valeur);
 
 
	function creerGrille()
	{						
		var nbrCases=3;
 
		for(i=1;i<=nbrCases;i++)
		{			
			$('.tableau').append('<tr class='+"ligne_"+i+'><td class=colone_1></td><td class=colone_2></td><td class=colone_3></td></tr>');
		}
	}
		$('td').click(function()
		{	
 
 
			var colone = $(this).attr('class') ;
			var ligne=$(this).parent().attr('class') ;
 
			if($('tr.'+ligne+' td.'+colone).text()=="")
			{	
				nbrClick++;			
				if(nbrClick%2==0)
				$('tr.'+ligne+' td.'+colone).append('X');
				else
				$('tr.'+ligne+' td.'+colone).append('O');
			}						
			for(var j=1; j<=3 ; j++)
			{
				verif($('tr.ligne_'+j+' td.colone_1').text() , $('tr.ligne_'+j+' td.colone_2').text() , $('tr.ligne_'+j+' td.colone_3').text(),"O");
				verif($('tr.ligne_'+j+' td.colone_1').text() , $('tr.ligne_'+j+' td.colone_2').text() , $('tr.ligne_'+j+' td.colone_3').text(),"X");
 
				verif($('tr.ligne_1 td.colone_'+j).text() , $('tr.ligne_2 td.colone_'+j).text() , $('tr.ligne_3 td.colone_'+j).text(),"O");
				verif($('tr.ligne_1 td.colone_'+j).text() , $('tr.ligne_2 td.colone_'+j).text() , $('tr.ligne_3 td.colone_'+j).text(),"X");
 
				verif($('tr.ligne_1 td.colone_1').text() , $('tr.ligne_2 td.colone_2').text() , $('tr.ligne_3 td.colone_3').text(),"O");
				verif($('tr.ligne_1 td.colone_1').text() , $('tr.ligne_2 td.colone_2').text() , $('tr.ligne_3 td.colone_3').text(),"X");
 
				verif($('tr.ligne_1 td.colone_3').text() , $('tr.ligne_2 td.colone_2').text() , $('tr.ligne_3 td.colone_1').text(),"O");
				verif($('tr.ligne_1 td.colone_3').text() , $('tr.ligne_2 td.colone_2').text() , $('tr.ligne_3 td.colone_1').text(),"X");				
			}	
 
			function verif(verif1,verif2,verif3,joueur)
			{						
				if( verif1==joueur && verif2==joueur && verif3==joueur && victoire==0)
				{	
					$('<h1></h1>').html( "Victoire joueur : "+joueur + '</br></br>').appendTo('#page');
					victoire++;
					nbrVictoire++;
				}
			}	
 
		});	
 
});

[NoSmoking]

Il y a des chances que Chrome bloque les cookies sous protocol file:///.

[Pifon]

ah, c'est moche....

Merci pour votre réponse !

connaissez vous un moyen de remédier à ce problème ?

j'ai été vérifier dans les paramétrés de confidentialité de chrome, les cookies sont activés en local

[Pifon]

je viens d'afficher ma page en passant par WampServer et ca fonctionne, j'affiche la valeur enregistrée.

Mais quand, sous notepadd++ je fais :"execution / launch in Chrome" ca ne fonctionne pas, la valeur du cookie est "null".

[NoSmoking]

Mais quand, sous notepadd++...

les fichiers sont ouverts en protocol file:///, regarde la barre d'adresse.

[Pifon]

un grand merci à vous pour votre aide precieuse !