Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы Закрытие модального окна

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


     01.08.2014    Общие вопросы    1520

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

Ответил: 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
1

32 | 3

User_3218 - 2 августа 2014 01:04 - Юзер

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

vip.boss
7

116 | 13

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

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

yorismith
4

43 | 22

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
7

116 | 13

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

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

vip.boss
7

116 | 13

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
11

66 | 57

DreamFix - 3 августа 2014 13:18 - Юзер

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

vip.boss
7

116 | 13

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

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

DreamFix
11

66 | 57

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
7

116 | 13

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

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

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

DreamFix
11

66 | 57

DreamFix - 3 августа 2014 15:30 - Юзер

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

vip.boss
7

116 | 13

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

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

DreamFix
11

66 | 57

DreamFix - 3 августа 2014 15:50 - Юзер


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

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

vip.boss
7

116 | 13

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

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

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

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

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