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

Закрытие модального окна


     01.08.2014    Все вопросы » Общие вопросы    3511

вопрос
Здравствуйте! Скажите, пожалуйста, как сделать так что бы модальное окно,форма входа и панель управления профилем вобщем все окна закрывались, когда кликаешь не по крестику, а в любом месте сайта?
Закрытие модального окна

Ответил: DreamFix


Инструкция от 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


Открыть файл main.tpl из папки с шаблоном, в самый низ перед:
    </body>
</html>

добавить:
<script type="text/javascript">
//Закрыть диалоговое окно
$('.ui-widget-overlay').live("click", function() {
    $(".ui-dialog-content").dialog("close");
});
</script>

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

User_3218
Юзер

User_3218 - 2 августа 2014 01:04 -

Здравствуйте, возможно, Вы имели в виду не закрытие модального окна в любом месте, так как любое модальное окно по умолчанию итак закрывается в любом месте, а скрытие самого крестика и ссылки на закрытие, если я правильно понял Вас))

vip.boss
Гости

vip.boss - 2 августа 2014 10:27 -

Нет вы неправильно меня поняли я имел ввиду чтоб все модальные окна закрывались при нажатии на крестика и когда кликаешь не по крестику а в любом месте сайта.

yorismith
Юзер

yorismith - 2 августа 2014 22:42 -

honestly man, I don't understand this question...you want to make "login" dialog and only this dialog popup to be closed when you click anywhere on the screen? Google translation is suck so I can't understand the question.

vip.boss
Гости

vip.boss - 3 августа 2014 09:02 -

Не все модальные окна работают форма входа и панель управления не работают

vip.boss
Гости

vip.boss - 3 августа 2014 09:22 -

yorismith,
need to, modal window, login form and control panel profile in general all the windows closed, not when clicking on the cross, and anywhere in the site

DreamFix
Юзер

DreamFix - 3 августа 2014 13:18 -

адрес сайта можно?

vip.boss
Гости

vip.boss - 3 августа 2014 14:57 -

Для чего адрес сайта ? мне нужен script.

DreamFix
Юзер

DreamFix - 3 августа 2014 15:09 -

Откуда мне знать как вызывается у тебя окно на форму входа!?
И что за панель управления?

попробуй так:
<script type="text/javascript">
//Закрыть диалоговое окно
$('.ui-widget-overlay').live("click", function() {
    $(".ui-dialog-content").dialog("close");
    $("#dleprofilepopup").dialog("close");
    $("#Здесь_ид_диалогового_окна").dialog("close");
});
</script>

vip.boss
Гости

vip.boss - 3 августа 2014 15:15 -

Пробовал не помогло.Когда добавляю новость на сайт то некоторые модальные окна работают а некоторые как выбор цвета смайлики еще в комментарии не работает отправления сообщения.
<div class="authP_top">Вход на сайт</div>

<div class="authP_top">Панель управления</div>

DreamFix
Юзер

DreamFix - 3 августа 2014 15:30 -

Для выбора цвета и смайлов:
Открой \engine\classes\js\bbcodes.js
Найти все вхождения слова autoOpen и заменить на: modal:!0,autoOpen

vip.boss
Гости

vip.boss - 3 августа 2014 15:38 -

А форма входа и панель управления?

DreamFix
Юзер

DreamFix - 3 августа 2014 15:50 -


Когда окно открыто вот здесь что пишет?

Фон затемняется?
Дай код вызова диалогового окна!

vip.boss
Гости

vip.boss - 3 августа 2014 15:56 -

<div class="authP_top">Вход на сайт</div>

<div class="authP_top">Панель управления</div>

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

наверх