Horlogerie pour pop-up d'accueil ???

[Le Roy arthur]

Bonjour à toutes et à tous,

Je pensais en avoir enfin terminé avec mon pop-up d'accueil que R-max m'a grandement et gentiment aidé à réaliser sauf que... quand il n'y en a plus, il y en a encore !!!

Alors voilà la nouvelle donne : les membres trouvent que le pop-up en lui-même donne du pep's au forum et qu'il est très utile pour les informer rapidement sur son actualité, de ce côté là : mission accomplie !!!
En revanche, plusieurs membres viennent de me faire remarquer que chaque fois qu'il rafraîchissent la page d'accueil où qu'il reviennent sur la page d'accueil, ils regrettent que le pop-up s'affiche systématiquement et de devoir toujours cliquer sur le bouton "FERMER". Personnellement ça ne me dérange pas plus que ça mais en même temps, je ne suis peut-être pas très objectif ?

Donc, j'aurais souhaité savoir s'il y avait moyen d'intégrer un système "d'horlogerie" au pop-up ? C'est à dire qu'après avoir lu son contenu, l'utilisateur puisse le fermer de façon durable (sans que le pop-up ne réapparaisse immédiatement en cas de rafraîchissement de la page où de retour à l'accueil...). Une période de 4H00 me parait un délais raisonnable avant sa prochaine réouverture (le but étant que les membres soient malgré tout sensibilisés à l'actualité du forum...).

Donc ma question est la suivante : existe-t-il un code permettant de programmer la récurrence (en l’occurrence toutes les 4H00) des pop-up et si oui lequel ?

En vous remerciant pour vos lumières !!!

Arthur

[Le Roy arthur]

Bon je venais aux nouvelles voir si quelqu'un avait des nouvelles pour ma minuterie sur le pop-up

[Le Roy arthur]

Bon ? Je commence à m'inquiéter là Personne pour répondre à ma question ?

[lmc38510]

.

Bonjour ""Roy arthur"
J'ai suivis avec grand intérêt ton sujet ouvert :
"Création d'un pop-up de menu sur la page d'accueil du forum" --> < iCi >

Effectivement l'affichage "Systématique" du "Pop Up" à chaque retour sur l'accueil pose un gros problème pour le "lecteur" ....

Plutôt que compliqué avec un affichage toute les

Une période de 4H00 me parait un délais raisonnable avant sa prochaine réouverture

Il faudrait "un seul affichage" lors de la connexion ....! une fois fermé ne se "Ré-ouvre plus"

Voir --> passer par une condition " if " à l'ouverture

exp à la connexion : visualisation = 0 .....if visualisation = 0 ... ---> ouvre le Pop-Up ---> la fonction déclencherai visualisation = 1 .....

Ce qui empêcherai ça réouverture ....

Question posée au programmeurs

.

[Le Roy arthur]

Merci lmc : je voudrais quand même que le pop-up se rouvre régulièrement car son but est d'informer les membres sur son actualité qui peut évoluer d'un jour sur l'autre... s'ils peuvent le désactiver à la première connexion il n'aura donc plus aucun intérêt

[lmc38510]

Merci lmc : je voudrais quand même que le pop-up se rouvre régulièrement (

L'un n'empêche pas l'autre ....
Suivant mon principe ... à chaque nouvelle connexion l'invité ou le membre voit le "Pop-up" .... dès qu'il l'arrête & qu'il parcourt le Forum ... au retour sur "Accueil" le "Pop-up" ne s'affiche plus ..

D'autant que:
Le temps de connexion (sans activité d'un membre) est limité et définit dans le PA::Utilisateurs & Groupes::Options des Utilisateurs::Temps en minutes après lequel le membre est considéré « Hors ligne »:: .......Exp 30 mn

.

[Le Roy arthur]

Ah d'accord, je n'avais pas compris la chose ainsi ! Oui effectivement ça peut-être intéressant comme alternative. Sais-tu comment procéder ?

D'ailleurs, au sujet du temps de connexion, il y a quelque chose que je n'ai pas encore compris quant à présent ? Ça correspond au délais avant la déconnexion automatique du membre s'il n'est plus actif ? Où alors est-ce le temps maximum où il est donné présent sur le forum même s'il n'est plus connecté ?

Merci d'avance !!!

[lmc38510]

.

En faite le réglage du temps de connexion fait que :

Si un membre ....ou un invité .... n'a aucune activité au bout de " X " minutes (le temps paramétré) il est considéré comme déconnecté d'office ...

Et normalement ----> il disparait du "Qeel" en bas de la page d'accueil ...

.

[Le Roy arthur]

D'accord donc comme mon temps est réglé au minimum (me semble t-il ?) les membres inactifs sont obligés de se reconnecter régulièrement

[lmc38510]

.

Exact .... perso j'ai mis 30 Mm .... de ce fait le décompte des gens en ligne "Invités + Membres" n'est pas trop dopé ...

L'important étant de gommé assez rapidement les " Sessions avec Rebond "

CaD .... ceux "Invités ou Membres" qui sortent immédiatement sans consulter aucune page du Forum ....


Edit 18H:
à priori l'administrateur du Forum échappe à ce système ... (sauf erreur)
Pour les "Modo" ...?


.

[Le Roy arthur]

Merci lmc pour ce sprécieuses infos

Sinon, oui, j'en reviens à ma question initiale concernant une minuterie où un système permettant de bloqué le pop-up jusqu'à la prochaine connexion... peut-être me suis-je trompé de rubrique pour que depuis tout ce temps, personne n'ait été en mesure de m'indiquer une astuce ?

[Le Roy arthur]

Décidément je n'ai pas de chance sur ce coup ? Peut-être qu'un modérateur pourrait réorienter le sujet dans une rubrique plus adaptée ?

[no_way]

Bonjour, vous êtes dans la bonne section mais peut-être que personne n'a encore eu le temps de se pencher sur votre demande, est-il possible d'avoir le code javascript actuel ?

[Le Roy arthur]

Ah no_way ! L'homme-providence

Je te trouve ça (il te faut uniquement le javascript ou aussi le HTML et le CSS ?) et j'essai de le publier dans la soirée !!!

En tout cas merci à toi !!!

[Le Roy arthur]

Alors no_way, voici le code javascript du pop-up :

Code:

$(document).ready(function(){
  $('.open_video').click(function(){
      $('#shadow').css({opacity:0.7});
      $('#shadow').fadeIn(300);
      $('#video').fadeIn(1000);
 
      return false;
  });
 
  $(' #close').click(function(){
      $('#shadow, #video').fadeOut(300);
  });
});

Son code HTML :

Code:

</div>
</div><a href="#?w=500" rel="video" class="open_video"></a>
<div class="popup_block" id="video" style="display: block;">
                                                                                                        
   <div id="shadow">
                                                                                                                     
      <div class="image_entete" align="center">
                                                                       <img src="http://i21.servimg.com/u/f21/18/54/10/79/actu_f11.jpg" border="0" alt="" />                                     
      </div>
                                          <br />                               
      <div class="image">
                                                                             <span style="font-size: 16px;">_ Quelques-unes des photos publiées par nos membres en septembre :  </span>                                 
         <p>
                                                     
         </p>
                                                                                                              
         <marquee style="" direction="left" scrolldelay="20" scrollamount="7" onmouseout="this.start();" onmouseover="this.stop();" behavior="scroll">
                                                                                                               
            <div style="width:100%;" class="image_bande">
                                                   <img src="http://i21.servimg.com/u/f21/17/85/70/07/0116.jpg" /> <img src="http://i21.servimg.com/u/f21/17/85/70/07/0213.jpg" /> <img src="http://i21.servimg.com/u/f21/17/85/70/07/0312.jpg" /> <img src="http://i21.servimg.com/u/f21/17/85/70/07/0413.jpg " />                      <img src="http://i21.servimg.com/u/f21/17/85/70/07/0515.jpg " />                      <img src="http://i21.servimg.com/u/f21/17/85/70/07/0612.jpg " />                      <img src="http://i21.servimg.com/u/f21/17/85/70/07/0710.jpg " />                      <img src=" http://i21.servimg.com/u/f21/17/85/70/07/0812.jpg" />                      <img src="http://i21.servimg.com/u/f21/17/85/70/07/0912.jpg " />                      <img src="http://i21.servimg.com/u/f21/17/85/70/07/1012.jpg " />                      <img src=" http://i21.servimg.com/u/f21/17/85/70/07/1112.jpg" />                                                   
            </div>
                                                                                                             
         </marquee>
                                                                                                                                        
         <div align="justify">
                                                             
            <p>
                                                                                                                                                                                                                                                                                                    
            </p>
                                                           
            <p>
                                                                                           _ De nouveaux membres viennent de se présenter, n'hésitez pas à venir les saluer :    <a href="http://coeur-bretagne.forumactif.org/t120-bonjour-a-vous-tous-de-bretagne" class="postlink" target="_blank" rel="nofollow">cpx35</a>                                                               
            </p>
                                                                                                                                                         
            <p>
                                                                                           _ Pour vos moments de détente n'oubliez pas nos rubriques webcams, <a href="http://coeur-bretagne.forumactif.org/f25-la-bretagne-des-webcams" class="postlink" target="_blank" rel="nofollow">ici</a>, et visites virtuelles, <a href="http://coeur-bretagne.forumactif.org/f27-la-bretagne-des-visites-virtuelles" class="postlink" target="_blank" rel="nofollow">là</a>                                                               
            </p>
                                                                                                                                                       
            <p>
                                                                                           _ Nouveauté : une ChatBox (où messagerie instantanée) exclusivement réservée aux membres est désormais disponible en bas, à gauche de la page d'accueil, faites-en bon usage !!!                                                             
            </p>
                                                                                                                                                                                 
         </div>
                                                                                        
         <div id="close">
                                                         
            <div align="center">
                                                                                 <img src="http://i21.servimg.com/u/f21/18/54/10/79/coolte11.png" alt="ferme" />                                             
            </div>
                                                                                     
         </div>
                                                                                            
      </div>
                                                 
   </div>
                              
</div>
 
<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;">
   <tbody>
      <tr>
         <td>
            <iframe frameborder="0" marginheight="0" marginwidth="0" style="width: 800px; height: 400px; display: none;" scrolling="no" id="chatboxpop" src="/chatbox/chatbox.forum?page=front&">
            </iframe>
         </td>
         <td style="vertical-align: bottom;">
            <img onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://i21.servimg.com/u/f21/16/87/83/03/coolte10.png')?'block':'none';this.src=(this.src=='http://i21.servimg.com/u/f21/16/87/83/03/coolte10.png')?'http://i21.servimg.com/u/f21/16/87/83/03/coolte11.png':'http://i21.servimg.com/u/f21/16/87/83/03/coolte10.png';" src="http://i21.servimg.com/u/f21/16/87/83/03/coolte10.png" />
         </td>
      </tr>
   </tbody>
</table>

Et son code CSS :

Code:

/**============pop-up video ===============**/
 
.open_pop{  /**====== ouverture manuel =====**/
  color:#000;
  font:bold 1.3em Arial, Helvetica, sans-serif;
}
 
.image_entete img {
  width: 100%;
}
 
.image{  /**===== fond du menu deroulant =====**/
  background:moutarde;
  border:0px solid #d9d5e6;
  border-radius:8px;
  box-shadow:0px 0px 0px #d9d5e6;
}
 
.image_bande img{  /**===== regle la taille des images =====**/
  width:150px;
  height:100px;
  border-radius:8px;
}
 
#close{ /**===== placement du bouton fermer =====**/
  cursor:pointer;
  width:100px;
  height:50px;
  bottom:0px; right:50%;
  display: block;
  margin : auto;
 
}
 
#shadow{  /**===== element de fond et contenue de la pop-up =====**/
  color:#BDBDBD;
  text-shadow:1px 1px 1px #000;
  overflow:auto;
  width:656px; height:510px;
  background:#000000;
  border:2px solid #d9d5e6;
  box-shadow:1px 6px 15px #d9d5e6;
  border-radius:5px;
  position:fixed;
  margin:auto; top:200px;left:0px;right:0px;
  text-align:justify;padding:20px;
  font-size:12px;
}
/**===============fin pop-up ===================**/

En te remerciant par avance

Arthur

[no_way]

Très bien, tu peux déjà remplacer le code javascript par celui qui suit:

Code:

$(function(){
  var d=new Date(),nb_heures=4,t=function(){return new Date(d.getTime()+nb_heures*3600000)};
  my_getcookie('rmaxpopup')<d.getTime()&&$('.popup_block').fadeIn(500);
  $('#close').click(function(){
  my_setcookie('rmaxpopup',t().getTime());
  $('.popup_block').fadeOut(500);
  })
});

et dans ton code HTML, remplace:

Code:

<div class="popup_block" id="video" style="display: block;">

par:

Code:

<div class="popup_block" id="video" style="display: none;">

Je te laisse essayer.

[Le Roy arthur]

Merci no_way Donc là c'est un réglage pour qu'il se réactive toutes les 4 heures c'est bien ça ?

Si par exemple je voulais le réactiver toutes les 2 heures, il me suffit juste de modifier la valeur nb_heures= ?

Et admettons comme le suggérait lmc une réactivation à chaque connexion ? C'est possible également ? En fait je cherche le meilleur compromis c'est pour ça que je me permets de développer

Merci pour ta compréhension !!!

Arthur

[no_way]

Alors concernant le nombre d'heures tu as bien compris.
A chaque nouvelle session du navigateur, le cookie sera effacé, ce qui provoquera de nouveau l'affichage du popup.

On ne peut guère faire mieux si ce n'est éventuellement ajouter un écouteur d’évènement lors de la connexion et en invalidant le cookie.

[lmc38510]

.

Bonjour "Roy arthur"
Sauf erreur d'interprétation du code donné par "no_way" ( )

Tu peux agir sur le temps à ta guise ...
Son code donne: nb d'heure x 60 x 60 x 1000 (résultat un chiffre en 1000ème de secondes)

Si tu met: "nb_heures=1" et que tu modifies "3600000" en "60000" la durée devient 60 secondes

à confirmer par "no_way" ....


.

[no_way]

Exact, encore que pour mettre une minute, il serait plus simple de remplacer 4 par 1/60

[lmc38510]

Exact, encore que pour mettre une minute, il serait plus simple de remplacer 4 par 1/60

Pourquoi faire simple quand on peu faire compliqué
Si "1/60" est pris en compte c'est génialissime

Question: si temporisation mise à "1/60" ( une minute) est-ce que le "Pup-Up" se ferme seul après une minute ... ?

[no_way]

Non il faut obligatoirement cliquer sur le bouton fermer pour que le popup se ferme.

^^ tu as raison, il faudrait que je fournisse des codes plus compliqués .

[lmc38510]

Non il faut obligatoirement cliquer sur le bouton fermer pour que le popup se ferme.

Pas belle la vie avec "FDF" ... j'en connais un qui va être super Content

[Le Roy arthur]

Oui merci à vous deux no_way et lmc, par contre je n'ai pas compris l'histoire des secondes ?

Si je veux modifier la valeur des heures, par exemple 2 heures, faut-il aussi que je modifie la valeur : nb_heures* ? Où je laisse ce dernier code en l'état ?

Encore une fois merci à vous deux !!!

[lmc38510]

La seule chose à modifier est : "nb_heures=4" à la place de "4" tu mets --> "2" dans ton cas ... comme ci-dessous

Code:

        $(function(){
          var d=new Date(),nb_heures=2,t=function(){return new Date(d.getTime()+nb_heures*3600000)};
          my_getcookie('rmaxpopup')<d.getTime()&&$('.popup_block').fadeIn(500);
          $('#close').click(function(){
          my_setcookie('rmaxpopup',t().getTime());
          $('.popup_block').fadeOut(500);
          })
        });

pour mettre des minutes exp : --> "nb_heures=20/60" = 20 minutes

[Le Roy arthur]

Merci lmc

Sinon, pour information j'ai rencontré un petit souci : j'avais mis la valeur 1 pour une heure mais le pop-up ne revenait plus ? Donc j'ai mis 2 pour deux heures : je vais voir

[lmc38510]

.

Je viens d'essayer sur ton lien Forum .... ( http://virtuellementvotre.forumactif.org/ )

à priori .... dès que le Pop-Up est "fermer" ( manuellement ) effectivement --> il ne ce ré-affiche plus

Mais n'est ce pas ce que tu cherches ..."Roy arthur" .... ?

Question à "no_way" .... le fait de programmer un temps " x " agit à quel niveau ... ?


Edit à 23H
La fonction "Supprimer les cookies du forum" ré-initialise bien (annule) le "JS"

.

[no_way]

Sinon, pour information j'ai rencontré un petit souci : j'avais mis la valeur 1 pour une heure mais le pop-up ne revenait plus ? Donc j'ai mis 2 pour deux heures : je vais voir

C'est un comportement tout à fait normal, c'est ce que tu as demandé.

Question à "no_way" .... le fait de programmer un temps " x " agit à quel niveau ... ?

Cela modifie la valeur stockée dans le cookie qui permet de donner la date à laquelle le popup doit à nouveau s'afficher.

[lmc38510]

Cela modifie la valeur stockée dans le cookie qui permet de donner la date à laquelle le popup doit à nouveau s'afficher.

Ok ... je l'ai interprété comme cela mais sans pouvoir le contrôler, ne connaissant pas le temps programmé par "Roy arthur"

Le temps programmé est le temps pendant lequel le Pop-Up est bloqué en affichage

plus le temps est court ... au plus son blocage est court ....!

La Palice ne dirait pas mieux ....

no_way superbe le coup du cookie ...!

[Le Roy arthur]

.

Je viens d'essayer sur ton lien Forum .... ( http://virtuellementvotre.forumactif.org/ )

à priori .... dès que le Pop-Up est "fermer" ( manuellement ) effectivement --> il ne ce ré-affiche plus

Mais n'est ce pas ce que tu cherches ..."Roy arthur" .... ?

Question à "no_way" .... le fait de programmer un temps " x " agit à quel niveau ... ?


Edit à 23H
La fonction "Supprimer les cookies du forum" ré-initialise bien (annule) le "JS"

.

Si si, c'est ce que je voulais !!! Simplement, maintenant j'essaie de trouver le meilleur compromis : 4 heures, 2 heures, 1 heure... sauf qu'avec la valeur 1, le pop-up ne semblait plus se réactiver au bout d'une heure ? La j'ai mis 2 heures et ça semble fonctionner...

Pour information, "virtuellement vôtre" est un forum test dont le pop-up est encore réglé sur 4 heures... à toutes fins utiles, mon forum définitif se trouve ici