javascript - Get Jquery modal box to appear on page load -

-

i need jquery box appear on page load. right appears when user clicks link.

here trigger:

    <script type="text/javascript">   $(document).ready(function() {        //select tag name equal modal     $('a[name=modal]').click(function(e) {         //cancel link behavior         e.preventdefault();          //get tag         var id = $(this).attr('href');          //get screen height , width         var maskheight = $(document).height();         var maskwidth = $(window).width();          //set heigth , width mask fill whole screen         $('#mask').css({'width':maskwidth,'height':maskheight});          //transition effect              $('#mask').fadein(1000);             $('#mask').fadeto("slow",0.8);            //get window height , width         var winh = $(window).height();         var winw = $(window).width();          //set popup window center         $(id).css('top',  winh/2-$(id).height()/2);         $(id).css('left', winw/2-$(id).width()/2);          //transition effect         $(id).fadein(2000);       });      //if close button clicked     $('.window .close').click(function (e) {         //cancel link behavior         e.preventdefault();          $('#mask').hide();         $('.window').hide();     });           //if mask clicked     $('#mask').click(function () {         $(this).hide();         $('.window').hide();     });           });  </script>

im sure there must sort of solution here, ideas?

you can fire click event on necessary link

$(window).load(function() {     $('a#initialmodallink[name=modal]').trigger("click"); });

where initialmodallink id of link should execute modal window. (and better) can extract modal window opening separate function , use it:

function openmodal(id) {      //get screen height , width     var maskheight = $(document).height();     var maskwidth = $(window).width();      //set heigth , width mask fill whole screen     $('#mask').css({'width':maskwidth,'height':maskheight});      //transition effect     $('#mask').fadein(1000);     $('#mask').fadeto("slow", 0.8);      //get window height , width     var winh = $(window).height();     var winw = $(window).width();      //set popup window center     $(id).css('top', winh / 2 - $(id).height() / 2);     $(id).css('left', winw / 2 - $(id).width() / 2);      //transition effect     $(id).fadein(2000);  }  $(document).ready(function() {      $('a[name=modal]').click(function(e) {         //cancel link behavior         e.preventdefault();         openmodal($(this).attr('href'));     });      openmodal('the href of initial modal box');  });

Comments

Post a Comment

Popular posts from this blog

c++ - How do I get a multi line tooltip in MFC -

-
right now, have tool tip pops when hover on edit box. problem tool tip contains multiple error messages , in 1 long line. need have each error message on own line. error messages contained in cstring new line seperating them. my existing code below. bool ontooltiptext(uint, nmhdr* pnmhdr, lresult* presult) { assert(pnmhdr->code == ttn_needtexta || pnmhdr->code == ttn_needtextw); // need handle both ansi , unicode versions of message tooltiptexta* pttta = (tooltiptexta*)pnmhdr; tooltiptextw* ptttw = (tooltiptextw*)pnmhdr; // tchar szfulltext[256]; cstring strtiptext=_t(""); uint nid = pnmhdr->idfrom; if (pnmhdr->code == ttn_needtexta && (pttta->uflags & ttf_idishwnd) || pnmhdr->code == ttn_needtextw && (ptttw->uflags & ttf_idishwnd)) { // idfrom hwnd of tool nid = ::getdlgctrlid((hwnd)nid); } //m_errprojaccel[ch] contains 1 or more error messages each...
Read more

asp.net - In javascript how to find the height and width -

-
i having .aspx , masterpage page. in masterpage loading aspx page . in aspx page design using generating table structure using code-behind server in javascript how find height , width . regards, kumar if you're looking table height , width, should it var tbl = document.getelementbyid('tbldemo'); alert(tbl.offsetwidth + '\n' + tbl.offsetheight);
Read more

c# - DataTable to EnumerableRowCollection -

-
i have datatable according client requirement can contain invalid date "00/00/1999",null,empty string.(typed datset) when collect them enumerables wish convert of invalid forms empty string. (i.e) enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || (how check date invalid date) ? string.empty : order.field<datetime>("orderdate") } how check whether date valid date or not? datetime.tryparse...like given current code: datetime date; enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || !datetime.tryparse(convert.tostring(order.field<datetime...
Read more