Popup pour première visite

Version imprimable

Salut salut :)

J'ai un site Wordpress sur lequel j'ai installé une extension (WP Colorbox) qui permet d'ouvrir une sorte de fancybox vidéo à l'arrivée sur le site (http://marshalls.agence-lesautres.com/)

Bref, tout fonctionne très bien mais j'aimerais bien que cette fancybox ne s'ouvre qu'à la première visite de l'internaute ! S'il revient sur la home, la vidéo ne s'affichera plus !

Dans ma page d'accueil j'ai ce bout de code qui permet de "lancer" la fancybox :
Code:

1 2 3 4 5 <script type="text/javascript"> jQuery(document).ready(function(){ jQuery.colorbox({href:'http://www.youtube.com/embed/dy9c_00Q1rE?autoplay=1', iframe:true, open:true, width:600, height:500}) }); </script>
Je n'y connais rien du tout en JS et ça devient un peu urgent à terminer cette affaire ^^'
Alors si quelqu'un sais comment s'y prendre...

Merci beaucoup d'avance :)

Bonne journée !

31/07/2015, 10h48
NoSmoking

Bonjour,
regarde du coté des cookies.
31/07/2015, 10h49
Nikolas78

euh... C'est à dire ??

(Désolé pour le mauvais placement du post et merci pour le déplacement ;))
31/07/2015, 11h00
NoSmoking

http://club.developpez.com/webdesign...javascript.gif La gestion des cookies en JavaScript
http://club.developpez.com/webdesign...ogo_faq_js.gif Comment gérer des cookies en JavaScript ?

Merci ;)

Alors en gros...
Je créé un cookie :

Code:

1
2
3
4
5
function SetCookie(name, value, days) {
     var expire = new Date ();
     expire.setTime (expire.getTime() + (24 * 60 * 60 * 1000) * days);
     document.cookie = name + "=" + escape(value) + "; expires=" +expire.toGMTString();
}

Et ensuite en le lisant je décide si j'ouvre ou non ma fancybox/popup :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
function GetCookie(name) {
     var startIndex = document.cookie.indexOf(name);
     if (startIndex != -1) {
          <script type="text/javascript">
jQuery(document).ready(function(){
        jQuery.colorbox({href:'http://www.youtube.com/embed/dy9c_00Q1rE?autoplay=1', iframe:true, open:true, width:600, height:500})
      });
</script>
     }
     else {
          return null;
     }
}

C'est ça ?
Et en fait, il faut que je le pose où ce code ? Dans le header.php de mon thème WP ?

Et est-ce que ce ne serait pas plus pratique de passer par des sessions ?
Pas que je m'y connaisse plus mais j'ai trouvé ça :
Code:

1 2 3 4 5 session_start(); if(!isset($_SESSION['video'])) { $_SESSION['video'] = 1; }
et ça :
Code:

1 2 3 4 5 6 7 <? if(!isset($_SEESION['video'])){ ?> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery.colorbox({href:'http://www.youtube.com/embed/dy9c_00Q1rE?autoplay=1', iframe:true, open:true, width:600, height:500}) }); </script> <? } ?>
Soit c'est faux soit je ne sais pas le faire fonctionner mais je trouve ça plus simple...

31/07/2015, 14h39
NoSmoking
Concernant la place du code, il est à placer dans
Code:

1 2 3 4 5 6 jQuery(document).ready(function(){ SI cookie NOT EXITE ALORS function( 'CREATION_COOKIE'); function( 'AFFICHAGE_POPUP'); FIN SI };
Tu peux effectivement passer par les variables de SESSION ou encore par l'API HTML5 storage.

Et bien au final, ce sera fait avec des sessions :)

Et comme je suis heureux que ça fonctionne enfin, je vous donne la solution ;)

A placer dans le header.php du thème Wordpress (pour les utilisateurs Wordpress), à la fin de la balise <head> histoire que tout soit inclus (jQuery en particulier ^^)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <?php if(empty($_SESSION['visite'])) { //Nouvelle session $scpt = "<script type='text/javascript'> jQuery(document).ready(function(){ jQuery.colorbox({href:'http://www.youtube.com/embed/dy9c_00Q1rE?autoplay=1', iframe:true, open:true, width:600, height:500}) }); </script>"; echo $scpt; $_SESSION['visite'] = 1; } ?>
Merci pour ton aide NoSmoking :)

31/07/2015, 15h28
NoSmoking

Merci à toi pour le retour ;)
31/07/2015, 15h33
Nikolas78

Avec plaisir ;)