После нажатия на кнопку, центрируем форму div.nashli_deshevle_form и показываем её. Показываем подложку -div.empty
1 2 3 4 5 6 7 8 9 10 11 |
jQuery('a.nashli_deshevle_button').on('click', function(e){ e.preventDefault(); var scroll=jQuery(window).scrollTop(); var b_height=jQuery(window).height(); //высота браузера var f_height=jQuery("div.nashli_deshevle_form").height(); // высота формы scroll=scroll+(b_height-f_height)/2; jQuery("div.nashli_deshevle_form").css('top',scroll+'px'); // позиционируем форму jQuery("div.nashli_deshevle_form").show(); // показываем форму jQuery("div.empty").show(); // показываем подлолжку return false; }); |
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 |
div.empty { display: none; position: fixed; width: 100%; height: 100%; left:0px; top:0px; z-index: 920; background: #000; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.30; -khtml-opacity: 0.30; opacity: 0.30; zoom: 1; } .nashli_deshevle_form { position: absolute; padding: 0px 0px 15px 0px; border-radius: 6px; overflow: hidden; display: none; /* position: fixed; */ top: 40px; left: 350px; width: 500px; /* margin: 0px 0px 0px -250px; */ z-index: 930; text-align: left; background-color: #fff; } |