автоматическое всплывающее окно загрузки без использования атрибута onload в теге body - PullRequest
0 голосов
/ 03 мая 2011

Не могли бы вы дать несколько ссылок?Когда я Google, все спам-сайты появляются!

Ответы [ 3 ]

0 голосов
/ 03 мая 2011

Не совсем ясно, не хотите ли вы просто использовать атрибут onload, просто не для элемента body, или вы вообще не хотите использовать событие onload.

T.J. Ответ Crowders дает несколько хороших примеров использования слушателей событий, что является лучшим способом сделать это.

Если по какой-то причине вы вообще не хотите использовать событие onload, вы можете поместить тег сценария в HTML непосредственно перед тегом с предупреждением внутри него. Вы не должны делать это ни для чего в процессе производства ... и это не будет делать то же самое, что body.onload ...

0 голосов
/ 05 мая 2011

Я получил код!

Я копирую точный код, который сработал ......

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js" type="text/javascript"></script>   
<script src="http://dinhquanghuy.110mb.com/jquery.cookie.js" type="text/javascript"></script>
<script type="text/javascript">
         var popupStatus = 0;

//loading popup with jQuery magic!
function loadPopup(){
    centerPopup();
    //loads popup only if it is disabled
    if(popupStatus==0){
        $("#backgroundPopup").css({
            "opacity": "0.7"
        });
        $("#backgroundPopup").fadeIn("slow");
        $("#popupContact").fadeIn("slow");
        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 windowscrolltop = document.documentElement.scrollTop; 
    var windowscrollleft = document.documentElement.scrollLeft; 
    var popupHeight = $("#popupContact").height();
    var popupWidth = $("#popupContact").width();
    var toppos = windowHeight/2-popupHeight/2+windowscrolltop;
    var leftpos = windowWidth/2-popupWidth/2+windowscrollleft;
    //centering
    $("#popupContact").css({
        "position": "absolute",
        "top": toppos,
        "left": leftpos
    });
    //only need force for IE6

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

}


//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
    if ($.cookie("anewsletter") != 1) {    

        //load popup
        setTimeout("loadPopup()",5000);    
    }        
    //CLOSING POPUP
    //Click the x event!
    $("#popupContactClose").click(function(){
        disablePopup();
        $.cookie("anewsletter", "1", { expires: 7 });
    });
    //Click out event!
    $("#backgroundPopup").click(function(){
        disablePopup();
        $.cookie("anewsletter", "1", { expires: 7 });
    });
    //Press Escape event!
    $(document).keypress(function(e){
        if(e.keyCode==27 && popupStatus==1){
            disablePopup();
            $.cookie("anewsletter", "1", { expires: 7 });
        }
    });

});
</script>
0 голосов
/ 03 мая 2011

Это можно сделать с помощью события load объекта window:

Стиль DOM0:

window.onload = function() {
    alert("But please don't.");
};

Или используя методы DOM2:

if (window.addEventListener) { // DOM2 standard
    window.addEventListener('load', handler, false);
}
else if (window.attachEvent) { // Fallback for older IE versions
    window.attachEvent('onload', handler);
}
function handler() {
    alert("But again, please don't.");
}

Как говорится в http://pastie.org,, пожалуйста, используйте эту информацию в своем стремлении спасти человечество, а не свои злые планы захватить мир.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...