jQuery Girl
  1. jQuery Girl
  3. Popup sur le site Web une fois par session
Intereting Posts
Ajuster automatiquement l’image d’arrière-plan à l’aide de css Plug-in de validation jQuery avec des éléments d’entrée groupés par nom comment conserver la valeur de la case à cocher dans mvc3 webgrid lors de la pagination écouteur d’événement désactivé pour l’object jQuery, comment détecter le changement d’atsortingbut HTML Désactiver la fenêtre parent lorsque la fenêtre enfant est ouverte Afficher l’image de chargement en postant avec ajax jQuery: événement keyup pour appareil mobile jquery element filter by css Rails – AJAX un dialog modal? Mettez en surbrillance les mots à l’intérieur de la chaîne Essayer d’utiliser le plugin jQuery Columnizr: “L’object ne prend pas en charge la propriété> ou la méthode” columnize “ Google App Engine + jQuery Ajax = 405 Méthode non autorisée Impossible de déclencher une fonction jQuery avec scroll sur une div particulière Comment fondre dans une page Web entière – accessible jQuery.unique sur un tableau de chaînes

Popup sur le site Web une fois par session

J’ai trouvé des moyens de créer des fenêtres popup javascript / jquery. Mais, il y avait quelques problèmes, tout d’abord, je ne suis pas très bon avec ces deux langues, juste débutant.

S’il existe un code prêt, pour ouvrir la fenêtre POPUP au chargement du site Web, mais une seule fois par session de navigateur. Ce serait très bien si quelqu’un pouvait m’aider avec ça.

J’ai besoin de popup simple, avec juste un peu de texte dedans, mais la conception pour la boîte popup quelque chose de beau, pas comme le popup original de navigateur (comme dans l’image), bien sûr, avec le bouton de fermeture.

http://soffr.miximages.com/javascript/xNWxf.png

Merci beaucoup

Je sais que je ne devrais pas vraiment faire cela et vous fournir la réponse sans que vous essayiez d’abord, car vous n’apprendrez pas de cette façon.

Mais je me sens bien aujourd’hui, je vous explique donc comment faire un pop-up lors du premier chargement et ne pas charger le pop jusqu’à ce que la session soit détruite.

Vous devez définir la session lorsque vous chargez la page en procédant comme suit: 

sessionStorage.setItem('firstVisit', '1');

Ensuite, il vous suffit de vérifier la session comme suit:

S’il n’y a pas de session appelée firstVisit alors afficher la boîte de message 

  if (!sessionStorage.getItem('firstVisit') === "1") { $(".message").show(); }

EXEMPLE

HTML

JavaScript / JQuery 

 // Save data to sessionStorage sessionStorage.setItem('firstVisit', '1'); /* Fix size on document ready.*/ $(function() { if (!sessionStorage.getItem('firstVisit') === "1") { $(".message").show(); } //Close element. $(".message").click(function() { $(this).hide(); }); $(".message").css({ 'height': $(document).height()+'px' }); $(".message_pad").css({ 'left': ($(document).width()/2 - 500/2)+'px' }); }); /* * Fix size on resize. */ $(window).resize(function(){ $(".message").css({ 'height': $(document).height()+'px' }); $(".message_pad").css({ 'left': ($(document).width()/2 - 500/2)+'px' }); });

JSFIDDLE

Jetez un coup d’œil aux modaux jQuery – en suivant leur exemple, vous créerez un élément HTML masqué dans votre page (stylé à votre guise).

Ensuite, dans votre événement $(document).ready() , .show() le modal. L’événement ready ne se déclenche qu’une fois après le chargement de la page Web.

Il existe de nombreuses autres manières d’afficher des popups modaux personnalisés dans de nombreuses autres bibliothèques. faire des recherches car il s’agit généralement d’une question banale.