script type text javascript document ready function dialog click funct

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<script type="text/javascript">
$(document).ready(function(){
$('#dialog').click(function() {
//Ширина и высота всего документа
var HeightDocument = $(document).height();
var WidthDocument = $(document).width();
//Ширина и высота окна браузера
var HeightScreen = $(window).height();
//Плавное анимационное наложение на страницу серого фона
$('.modal_bg').css({'width':WidthDocument,'height':HeightDocument});
$('.modal_bg').fadeIn(1000);
$('.modal_bg').fadeTo("slow",0.8);
//Расположение модального окна с содержимым по высоте учитывая скроллинг документа
var Top_modal_window=$(document).scrollTop()+HeightScreen/2-$('.modal_window').height()/2;
$('.modal_window').css({'top':Top_modal_window+'px','display':'block'});
//Запрет на сколлинг страницы
$("body").css({"overflow":"hidden"});
return false;
});
//При клике на кнопке "Close Window", модальное окно и фон скрываются
$('.modal_window button').click(function () {
$('.modal_bg, .modal_window').hide();
$("body").css({"overflow":"auto"});
});
//При клике вне области модального окна, фон и модальное окно скрываются
$('.modal_bg').click(function () {
$('.modal_bg, .modal_window').hide();
$("body").css({"overflow":"auto"});
});
});
</script>