• Автор:

    Flesha
  • Добавлено:

    апр 30, 2013
  • Комментариев:

    0
  • Просмотров:

    1 981

Хак Затемняем фон модального окна

Хак Затемняем фон модального окна

Затемняем фон при выводе модального окна.

Итак, для того, чтобы сделать затемняющийся фон, нам нужно применить это к каждой функции вызова модального окна:

Установка:

Найти:
$('#айдиокна').dialog({


Вставить выше:
$('body').append('<div id="modal-overlay" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #666666; opacity: .40;filter:Alpha(Opacity=40); z-index: 999; display:none;"></div>');
$('#modal-overlay').css({'filter' : 'alpha(opacity=40)'}).fadeIn('slow');


Дальше после (или еще чего, в общем в список входных параметров):
autoOpen: true,


вставить:
close: function(event, ui) {
$('#modal-overlay').fadeOut('slow', function() {
$('#modal-overlay').remove();
});
},


Готово.

Модальных окон много, практически все функции по их вызову расположены в файле engine/classes/js/dle_js.js

Если вы все еще не поняли о чем я говорю, приведу пример вызова модального окна профиля, для этого зайду в вышесказанный файл и найду там:
$('#dleprofilepopup').dialog({


Вставим выше
$('body').append('<div id="modal-overlay" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #666666; opacity: .40;filter:Alpha(Opacity=40); z-index: 999; display:none;"></div>');
$('#modal-overlay').css({'filter' : 'alpha(opacity=40)'}).fadeIn('slow');


Дальше пару строчками ниже найдем
autoOpen: true,


И вставим ниже:
close: function(event, ui) {
$('#modal-overlay').fadeOut('slow', function() {
$('#modal-overlay').remove();
});
},


Все, тестируем на сайте => Затемненный фон.

Автор: Dmitry Dark5ider dle
Вернуться
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.