Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Закрыть модальное окно при нажатие на затемненный фон

Закрыть модальное окно при нажатие на затемненный фон

     02.08.2014    Все вопросы » jQuery    9358

вопрос
Я сделал затемнение фона у модального окна по инструкции Sander и все работает, но у меня есть вопрос.
Можно ли сделать закрытие модального окна при нажатие на затемненный фон?

Инструкция от Sander
Скачать jQuery UI 1.8.7 и залить файл в папку engine/classes/js/ файлу дать имя jqueryui.js, старый удалить.
Открыть файл стилей engine.css из папки с шаблоном, добавить стиль:
.ui-widget-overlay {background: #000;opacity: 0.5;-moz-opacity: 0.5;filter: alpha(opacity=50);left: 0;position: fixed;top: 0;}

Для того, чтобы всё заработало, как надо так же нужно открыть /engine/classes/js/dle_js.js
Найти все вхождения слова autoOpen и заменить на: modal:!0,autoOpen

Ответил: DreamFix


//Закрыть диалоговое окно
$('.ui-widget-overlay').live("click", function() {
    if($("#dlepopup").length>0){
        $("#dlepopup").dialog("close");
        $("#dlepopup").remove();
    }else{            
        $("#dleprofilepopup").dialog("close");
    }
});

7 комментариев

FastFud
Юзер

FastFud - 2 августа 2014 16:46 - 

$(function(){
$('.ui-widget-overlay').live('click', function(){
   $('.ui-widget-overlay, .ui-dialog').remove();
});
});
fh79655l123
Юзер

fh79655l123 - 2 августа 2014 17:07 -

Работает, но при повторном открытие модального окна переходит в сам профиль а не открывает окно и если два окна открыто то закрывает сразу 2 окна, а надо что бы закрывало одно окно которое находится поверх первого окна
FastFud
Юзер

FastFud - 2 августа 2014 17:14 -

Когда стоит overlay нельзя открыть другие окна да и вообще можно при 1 клике одно окно вызвать (я не знаю как вы сразу 2 открыли).

Работает, но при повторном открытие модального окна переходит в сам профиль
Код который я вам дал выше к этому не имеет отношения. Ссылку на сайт дайте.
fh79655l123
Юзер

fh79655l123 - 2 августа 2014 17:24 -

У меня стоит модуль друзья. Так что первое окно это профиль пользователя, а второе окно это модальное окно при удаление из друзей.
Сайт на локалке так что не как не получаеться с ссылкой на сайт =)
Если я не ошибаюсь то в dle_js.js модальное окно закрывает через команду 
$(this).dialog('close');
так что может её как то использовать при нажатие на затемненный фон
FastFud
Юзер

FastFud - 2 августа 2014 17:35 -

1.Когда стоит overlay разумнее закрывать все сразу так как по другому получится глупо(я так думаю).
2.Редактируйте код от модуля друзья.

P.S - Overlay на то и был придуман чтобы люди не могли открывать много всякой всячины а то получится хаос.
fh79655l123
Юзер

fh79655l123 - 2 августа 2014 17:41 -

В модальном окне от модуля друзья я тоже autoOpen заменил на: modal:!0,autoOpen так что идет повторное затемнение поверх первого окна.
Надо подождать может кто то знает как сделать... =)
fh79655l123
Юзер

fh79655l123 - 2 августа 2014 18:27 -

DREAMFIX, Спасибо все работает.
Только если открыто 2 окна то при закрытие второго окна через кнопку закрыть или отмена, то первое окно зарывается при нажатие на затемненный фон не с первого раза, а только со второго.
Ну мне кажется не кто не будет открывать сразу 2 окна так что можно и так оставить.
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 03.08.2011 Гость  jQuery
 08.12.2011 asot  jQuery
 11.12.2011 kol4erukij  Стили (CSS), jQuery
 09.05.2012 didfree  jQuery
 19.08.2012 DatiX  jQuery
 23.11.2012 Heavy1  jQuery, Хаки
 15.05.2013 lsdoptom  Стили (CSS), jQuery
 29.10.2013 graver  jQuery
 04.12.2013 xeon01  Стили (CSS), jQuery
 02.08.2014 fh79655l123  jQuery
  • Shandi | Почему не отображается картинка в галере ... 2
    Фото Shandi
    Shandi
    Почему не отображается картинка в галерее?
    Сегодня, 08:53
    Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?
  • TeraMoune | Как сделать водяной знак с заменой? 1
    Фото TeraMoune
    TeraMoune
    Как сделать водяной знак с заменой?
    Вчера, 23:29
    Картинки загружаются в разные директории в зависимости от длительного периода загрузок этих папок может быть десятки. Более того оригинальные изображения не всегда имеют безопасные имена и при загрузке часто переименовываются. Так что не факт, что оригиналы соответствуют загруженным копиям.
  • TeraMoune | Почему не отображается картинка в галере ... 2
    Фото TeraMoune
    TeraMoune
    Почему не отображается картинка в галерее?
    Вчера, 23:19
    Потому что какой-то стиль может скрывает изображение. Проинспектируйте элемент, отыщите в древо html изображение и указав на него указатель в инспекторе кода посмотрите не наследуются ли какие-то посторонние стили.
  • Beton1205 | Как реализовать шифрование трафика? 4
    Фото Beton1205
    Beton1205
    Как реализовать шифрование трафика?
    Вчера, 17:55
    Делается очень просто. Грузим файлы на cdn, либо друглй сервак.
    На сайте пишем простой скрипт, который будет получать реальные адреса, например адрес файла site.ru/video.mp4, скрипт долюен проверять, что с вашего адреса идет звпрос. И тупо скриптом выводим ссылку аля vashsite.site/video.mp4 и прокидукм ее mod rewrite
  • mondolfo | Как вывесит в comments.tpl картинку с но ... 7
    Фото mondolfo
    mondolfo
    Как вывесит в comments.tpl картинку с новости?
    23-11-2024, 23:42
    кто-нибудь решил эту?
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 17:08
    Разъясните как вытащить id?
  • lutskboy | Вытащить все данные из определенного доп ... 1
    Фото lutskboy
    lutskboy
    Вытащить все данные из определенного доп поля?
    22-11-2024, 16:17
    в adminer можно.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 16:14
    выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
    js скрипт можно написать
    
<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 13:52
    где выводить? админка или сайт
наверх