Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 30.10.2012, 08:31   #1
artkhvz
Пользователь
 
Регистрация: 27.02.2012
Сообщений: 34
Вопрос кнопка или ссылка закрытия модального окна

Помогите сделать кнопку или ссылку закрытия модального окна...

ВОТ СКРИПТ

Код:
(function($){
    $.fn.extend({
        leanModal:function(_1){
            var _2={
                top:150,
                overlay:0.8
            };
            
            _1=$.extend(_2,_1);
            return this.each(function(){
                var o=_1;
                $(this).click(function(e){
                    var _3=$("<div id='lean_overlay'></div>");
                    var _4=$(this).attr("href");
                    $("body").append(_3);
                    $("#lean_overlay").click(function(){
                        _5(_4);
                    });
                    var _6=$(_4).outerHeight();
                    var _7=$(_4).outerWidth();
                    $("#lean_overlay").css({
                        "display":"block",
                        opacity:0
                    });
                    $("#lean_overlay").fadeTo(200,o.overlay);
                    $(_4).css({
                        "display":"block",
                        "position":"fixed",
                        opacity:0,
                        "z-index":11000,
                        "left":50+"%",
                        "margin-left":-(_7/2)+"px",
                        "top":o.top+"px"
                        });
                    $(_4).fadeTo(200,1);
                    e.preventDefault();
                });
            });
            function _5(_8){
                $("#lean_overlay").fadeOut(200);
                $(_8).css({
                    "display":"none"
                });
            };
    }
    });
})(jQuery);

ФУНКЦИЯ ЗАПУСКА

$(function() {
$('a[rel*=leanModal]').leanModal({ top : 150 });
});


CSS

#lean_overlay {
position: fixed;
z-index: 10000;
top: 0px;
left: 0px;
height:100%;
width:100%;
background: #000;
display: none;
}

#test {
background: url(../assets/img/lay/bg.jpg);
padding: 23px 25px 23px 15px;
display:none;
border-radius: 5px 5px 5px 5px;
}


HTML

<a rel="leanModal" name="test" href="#test">ссылка</a>
<div id="test">
<p>контент</p>
</div>
artkhvz вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Закрытие модального окна по таймеру Olegzxc JavaScript, Ajax 3 31.07.2012 09:36
Проблема при изменении модального окна на немодальное GrinderSam Win Api 1 03.12.2011 14:33
Кнопка закрытия Swatch Microsoft Office Access 1 25.08.2010 22:19
отсусутствует кнопка закрытия окна Айгуля Общие вопросы Delphi 10 11.06.2010 20:08
Мерцание модального окна при щелчке на родительское Vadik(R) Общие вопросы Delphi 11 14.10.2009 19:37