Pop-up show on page load

by ioncube October 6th 2011, 8:12 pm

I have already worked on this pop-up:
https://defencedog.googlecode.com/svn/welcomebox/jquery_welcome_box.html

but I still considers a lightweight replacement so here it goes
https://defencedog.googlecode.com/svn/simplewelcome/my.html

as you can see the popup show at click event; I want it to load automatically when page loads & can't find the appropriate method:

Here my failed tries...

Code:: $(document).ready(function () { //id is the ID for the DIV you want to display it as modal window launchWindow(dialog); //Get the screen height and width var maskHeight = $(document).height(); var maskWidth = $(window).width(); //Set heigth and width to mask to fill up the whole screen $('#mask').css({'width':maskWidth,'height':maskHeight}); //transition effect $('#mask').fadeIn(1000); $('#mask').fadeTo("slow",0.8); //Get the window height and width var winH = $(window).height(); var winW = $(window).width(); //Set the popup window to center $(dialog).css('top', winH/2-$(dialog).height()/2); $(dialog).css('left', winW/2-$(dialog).width()/2); //transition effect $(dialog).fadeIn(2000); //if close button is clicked $('.window .close').click(function (e) { //Cancel the link behavior e.preventDefault(); $('#mask').hide(); $('.window').hide(); }); //if mask is clicked $('#mask').click(function () { $(this).hide(); $('.window').hide(); }); });

by LGforum October 7th 2011, 12:33 am

You can add an onload event to the body tag.

<body onload="your function here">

by ^_lilmhack_^ October 8th 2011, 7:22 am

how to add this code??

by ioncube October 8th 2011, 11:04 pm

Got it cleared via:

Code:: $('a[href=#welcome]').click(); // for multi-popups initiation $('a[name=modal]').click(); // for name initiation will initiate all popups included