Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Автоматический вызов функции при загрузке страницы (https://javascript.ru/forum/dom-window/54076-avtomaticheskijj-vyzov-funkcii-pri-zagruzke-stranicy.html)

DVMade 02.03.2015 19:54

Автоматический вызов функции при загрузке страницы
 
Всем привет. в 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 - нет. Извиняюсь. Заранее спасибо всем, ответившим!!

ksa 02.03.2015 20:11

Цитата:

Сообщение от DVMade
как переделать этот скрипт?

Пробуй так...

$(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();
    }); 
});

DVMade 02.03.2015 21:25

Спасибо большое! Все работает!


Часовой пояс GMT +3, время: 07:32.