Pop Up Form während Seite geladen

Question

Ich mag wissen, wie sie das wie auf diesem währenden Seiten laden Gruß Pop-up machen wiredsystems Seite wired systems website

Es ist wie eine kleine Form mit einem Gruß auf sich.

Vielen Dank!

Answer 1

Folgendes ist das Skript von Seitenquelle dieser Website. Kurz gesagt, Sie rufen eine Popup-Funktion mit $ (document) .ready auf.

require([ 
     'jquery', 
     'jquery/jquery.cookie' 
    ], function ($) { 
     $(document).ready(function(){ 
        if($("body").hasClass("cms-index-index")) { 
         var check_cookie = $.cookie('newsletter_popup'); 
       if(window.location!=window.parent.location){ 
        $('#newsletter_popup').remove(); 
       } else { 
        if(check_cookie == null || check_cookie == 'shown') { 
         setTimeout(function(){ 
          beginNewsletterForm(); 
         }, 1500); 
        } 
        $('#newsletter_popup_dont_show_again').on('change', function(){ 
         if($(this).length){   
          var check_cookie = $.cookie('newsletter_popup'); 
          if(check_cookie == null || check_cookie == 'shown') { 
           $.cookie('newsletter_popup','dontshowitagain');    
          } 
          else 
          { 
           $.cookie('newsletter_popup','shown'); 
           beginNewsletterForm(); 
          } 
         } else { 
          $.cookie('newsletter_popup','shown'); 
         } 
        }); 
       } 
        } 
       }); 

     function beginNewsletterForm() { 
      $.fancybox({ 
       'padding': '0px', 
       'autoScale': true, 
       'transitionIn': 'fade', 
       'transitionOut': 'fade', 
       'type': 'inline', 
       'href': '#newsletter_popup', 
       'onComplete': function() { 
        $.cookie('newsletter_popup', 'shown'); 
       }, 
       'tpl': { 
        closeBtn: '<a title="Close" class="fancybox-item fancybox-close fancybox-newsletter-close" href="javascript:;"></a>' 
       }, 
       'helpers': { 
        overlay: { 
         locked: false 
        } 
       } 
      }); 
      $('#newsletter_popup').trigger('click'); 
     } 
});