Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Far comparire una pop up dopo 10 secondi (JQUERY)

    Ciao a tutti, avrei bisogno di una mano, io ho una finestra popup che mi si apre appena entro in una pagina. Vorrei che questa popup si aprisse dopo 5 secondi che sono su quella pagina.
    Vi posto il codice Javascript:

    var popupStatus = 0;

    //loading popup with jQuery magic!
    function loadPopup(){
    //loads popup only if it is disabled
    if(popupStatus==0){
    $("#backgroundPopup").css({
    "opacity": "0.7"
    });
    $("#backgroundPopup").fadeIn("8000");
    $("#popupContact").fadeIn("8000");
    popupStatus = 1;
    }
    }

    //disabling popup with jQuery magic!
    function disablePopup(){
    //disables popup only if it is enabled
    if(popupStatus==1){
    $("#backgroundPopup").fadeOut("slow");
    $("#popupContact").fadeOut("slow");
    popupStatus = 0;
    }
    }

    //centering popup
    function centerPopup(){
    //request data for centering
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var popupHeight = $("#popupContact").height();
    var popupWidth = $("#popupContact").width();
    //centering
    $("#popupContact").css({
    "position": "absolute",
    "top": windowHeight/2-popupHeight/2,
    "left": windowWidth/2-popupWidth/2
    });
    //only need force for IE6

    $("#backgroundPopup").css({
    "height": windowHeight
    });

    }


    //CONTROLLING EVENTS IN jQuery
    $(window).load(function (){

    //LOADING POPUP
    //Click the button event!

    //centering with css
    centerPopup();
    //load popup
    loadPopup();


    //CLOSING POPUP
    //Click the x event!
    $("#popupContactClose").click(function(){
    disablePopup();
    });
    //Click out event!
    $("#backgroundPopup").click(function(){
    disablePopup();
    });
    //Press Escape event!
    $(document).keypress(function(e){
    if(e.keyCode==27 && popupStatus==1){
    disablePopup();
    }
    });

    });

    ed il codice html:

    <div id="popupContact">
    <a id="popupContactClose">x</a>
    <h1>COMUNICATO STAMPA</h1>

    <p id="contactArea">Testo testo testo</p>
    </div>

    <div id="backgroundPopup"></div>11
    Grazie
    lara

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649

    Re: Far comparire una pop up dopo 10 secondi (JQUERY)

    prova a far eseguire il tutto con un setTimeout si 5 secondi
    codice:
    $(window).load(function (){
    	setTimeout(function(){centerPopup();loadPopup();$("#popupContactClose").click(function(){disablePopup();});$("#backgroundPopup").click(function(){disablePopup();});$(document).keypress(function(e){if(e.keyCode==27 && popupStatus==1){disablePopup();}})},5000);
    });
    quanto sopra va a sostituzione di quanto hai in $(window).load(function (){...});

  3. #3
    Grazie Mille FUNZIONA!!!
    lara

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.