Discussion :

[stanux24]

Bonjour,

J'ai un problème avec de script, je n'ai pas de bonne connaissance en javascript et du coup j'ai du mal. Ce que j’aimerai réaliser c'est afficher une div une fois par jour et par visiteur, voici ce que j'ai fait:

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
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
115
116
117
118
119
120
121
122
123
124
125
<script type="text/javascript" language="JavaScript">
 
  function setCookie(nom, valeur, expire, chemin, domaine, securite){
 
     document.cookie = nom + ' = ' + escape(valeur) + '  ' +
 
               ((expire == undefined) ? '' : ('; expires = ' + expire.toGMTString())) +
 
               ((chemin == undefined) ? '' : ('; path = ' + chemin)) +
 
               ((domaine == undefined) ? '' : ('; domain = ' + domaine)) +
 
               ((securite == true) ? '; secure' : '');
 
   }
 
 
 
   var dtExpire = new Date();
 
   dtExpire.setTime(dtExpire.getTime() + 3600 * 1000);
 
 
 
   setCookie('coucou', 'hey hey', dtExpire, '/' );
 
 
 
  
 
   function  getCookie(name){
 
     if(document.cookie.length == 0)
 
       return null;
 
 
 
     var regSepCookie = new RegExp('(; )', 'g');
 
     var cookies = document.cookie.split(regSepCookie);
 
 
 
     for(var i = 0; i < cookies.length; i++){
 
       var regInfo = new RegExp('=', 'g');
 
       var infos = cookies.split(regInfo);
 
       if(infos[0] == name){
 
         return unescape(infos[1]);
 
       }
 
     }
 
     return null;
 
   }
 
   </script>
 
 
 
 
 
 
 
 
 
   <script type="text/javascript">
 
window.onload=function()
 
{
 
    var coucou = document.getElementById('coucou');
 
    
 
 if  (document.cookie) { coucou.style.display="none";    }
 
  else {    coucou.style.display="inline";
 
            
 
}
 
  } 
 
</script>  
 
 
 
<script language="JavaScript" type="text/javascript" src="../js/div.js"></script>
 
 
 
<div ID="coucou">
 
 
 
<div id="fermer" style="display">
 
<div class="test">
 
<div class="test1">
 
<div class="test2">
 
<a  title="fermer"  href="javascript:visibilite('fermer');"><img src="../images/cancel.png" alt="Fermer" width="32" height="32"/></a>
 
</div>
 
<object > </object>
 
</div>
 
</div>
 
</div>
 
</div>

A priori j'ai un bug dans l'ordre d'exécution puisque ma div n’apparaît jamais j'ai essayé plein de combinaison pour inverser l'ordre mais je dois mal m'y prendre. Naturellement a chaque test je prend bien soin de supprimer tout mes cookies. Si quelqu'un pouvait me dire précisément ou ça bloque... ne soyez pas trop dur avec moi je n'ai vraiment que très peut de connaissance, j'ai récupérer plusieurs script depuis plusieurs tuto que j'ai assemblé.

Merci par avance

[NoSmoking]

Bonjour,
sans regarder plus avant, j'aurais plutôt fait un

Code :

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

1
2
3
if( getCookie('coucou')){
  coucou.style.display = 'none';
}

[stanux24]

Bonjour,

Merci pour cette réponse, j'a modifié mon code donc maintenant ma div s'affiche tous le temps elle ne tiens pas compte du cookie on dirai.

[NoSmoking]

il est normal que tu ai toujours la même chose attendu que quoiqu'il arrive tu écris le cookie, c'est dans ton code

Code :

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

1
2
3
   var dtExpire = new Date();
   dtExpire.setTime(dtExpire.getTime() + 3600 * 1000);
   setCookie('coucou', 'hey hey', dtExpire, '/' );

il te faut vérifier si existe et si non existant tu le crées

Code :

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

1
2
3
4
5
6
7
8
if( getCookie('coucou')){
  coucou.style.display = 'none';
}
else{
  var dtExpire = new Date();
  dtExpire.setTime(dtExpire.getTime() + 3600 * 1000);
  setCookie('coucou', 'hey hey', dtExpire, '/' );
}

un truc dans ce style...

[stanux24]

je vois ce que tu veux dire, j'ai essayé ma div apparaît toujours

je remet le code utiliser actuellement:

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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<script type="text/javascript" language="JavaScript">
 
  function setCookie(nom, valeur, expire, chemin, domaine, securite){
 
     document.cookie = nom + ' = ' + escape(valeur) + '  ' +
 
               ((expire == undefined) ? '' : ('; expires = ' + expire.toGMTString())) +
 
               ((chemin == undefined) ? '' : ('; path = ' + chemin)) +
 
               ((domaine == undefined) ? '' : ('; domain = ' + domaine)) +
 
               ((securite == true) ? '; secure' : '');
 
   }
 
 
 
 
   function  getCookie(name){
 
     if(document.cookie.length == 0)
 
       return null;
 
 
 
     var regSepCookie = new RegExp('(; )', 'g');
 
     var cookies = document.cookie.split(regSepCookie);
 
 
 
     for(var i = 0; i < cookies.length; i++){
 
       var regInfo = new RegExp('=', 'g');
 
       var infos = cookies.split(regInfo);
 
       if(infos[0] == name){
 
         return unescape(infos[1]);
 
       }
 
     }
 
     return null;
 
   }
 
   </script>
 
 
 
 
 
 
 
 
 
   <script type="text/javascript">
 
window.onload=function()
 
{
 
    var coucou = document.getElementById('coucou');
 
 
 
if( getCookie('coucou')){
  coucou.style.display = 'none';
}
else{
  var dtExpire = new Date();
  dtExpire.setTime(dtExpire.getTime() + 3600 * 1000);
  setCookie('coucou', 'hey hey', dtExpire, '/' );
}
 
  } 
 
</script>
 
 
 
 
<script language="JavaScript" type="text/javascript" src="../js/div.js"></script>
 
 
 
<div ID="coucou">
 
 
 
<div id="fermer" style="display">
 
<div class="test">
 
<div class="test1">
 
<div class="test2">
 
<a  title="fermer"  href="javascript:visibilite('fermer');"><img src="../images/cancel.png" alt="Fermer" width="32" height="32"/></a>
 
</div>
 
<object > </object>
 
</div>
 
</div>
 
</div>
 
</div>

[NoSmoking]

je pensais que tu avais recopier les fonctions getCookie et setCookie mais il y a une erreur dans getCookie

Code :

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

var infos = cookies[i].split(regInfo);

et non

Code :

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

var infos = cookies.split(regInfo);

http://javascript.developpez.com/faq...=navig#cookies