Автоматический вызов функции при загрузке страницы
Всем привет. в JS не силён абсолютно. Имеется скрипт диалоговых окон => Модальное окно появляется при нажатии на ссылку. Вот код:
окна: <!-- Само окно --> <div id="boxes"> <div id="dialog_noti" class="window_z"> <div class="top"><a href="#" class="link close"/>Закрыть</a></div> <div class="content_box"> Уведомление: <center> <div class="reg_wrap">'.$row['text'].'</div> </center> <table align="right"><tr> <td valign="middle"><img src="../templates/images/reg_date.png" /></td><td class="general_text" valign="middle">'.$row['date'].'</td> <td valign="middle"><img src="../templates/images/log_date.png" /></td><td class="general_text" valign="middle">'.$row['time'].'</td> </tr></table> </div> </div> </div> Код обработчика JS: <script> $(document).ready(function() { $('button[name=modal]').click(function(e) { e.preventDefault(); var id = $(this).attr('href'); var maskHeight = $(document).height(); var maskWidth = $(window).width(); $('#mask').css({'width':maskWidth,'height':maskHeight}); $('#mask').fadeIn(1000); $('#mask').fadeTo("slow",0.8); var winH = $(window).height(); var winW = $(window).width(); $(id).css('top', winH/2-$(id).height()/2); $(id).css('left', winW/2-$(id).width()/2); $(id).fadeIn(2000); }); $('.window .close').click(function (e) { e.preventDefault(); $('#mask, .window').hide(); }); $('#mask').click(function () { $(this).hide(); $('.window').hide(); }); }); </script> Т.е. ссылка для вызова этого окна должна иметь вид: <a href="#dialog" name="modal"> Мне же нужно, что-бы окно появлялось автоматически при загрзке страницы, чтоб небыло необходимости нажимать на ссылку, как переделать этот скрипт? Помогите пожалуйтста. P.S. Вопрос глупый знаю, но времени изучать JS - нет. Извиняюсь. Заранее спасибо всем, ответившим!! |
Цитата:
$(function() { (function(){ var id = $('button[name=modal]').attr('href'); var maskHeight = $(document).height(); var maskWidth = $(window).width(); $('#mask').css({'width':maskWidth,'height':maskHeight}); $('#mask').fadeIn(1000); $('#mask').fadeTo("slow",0.8); var winH = $(window).height(); var winW = $(window).width(); $(id).css('top', winH/2-$(id).height()/2); $(id).css('left', winW/2-$(id).width()/2); $(id).fadeIn(2000); })(); $('.window .close').click(function (e) { e.preventDefault(); $('#mask, .window').hide(); }); $('#mask').click(function () { $(this).hide(); $('.window').hide(); }); }); |
Спасибо большое! Все работает!
|
Часовой пояс GMT +3, время: 07:32. |