Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » Где редактируется шаблон всплывающего окна?

Где редактируется шаблон всплывающего окна?


     22.06.2023    всплывающее окно    Все вопросы » Шаблоны (TPL)    591

вопрос
Я уже задавал вопрос о том, что у меня в шаблоне не отображалось всплывающее окно, мне ответили, что в JS надо ковырять.

Я скачал этот же шаблон но на другом сайте и всплывающее окно есть и работает, но там есть 1 ненужный элемент(зеленый квадратик) покопавшись в шаблонах я не нашёл как исправить эту ситуацию. Помогите пожалуйста)

Скрины:
Где редактируется шаблон всплывающего окна?
Где редактируется шаблон всплывающего окна?

Ответа пока нет


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

TeraMoune
Эксперт

TeraMoune - 22 июня 2023 08:23 -

Стандартные функции находятся в файле dle_js.js, читаемая копия файла находится в папке developer/uncompressed, что поставляется с дистрибутивом. Окна вызываются плагином jqueryui dialog (он сам формирует разметку так называемого titlebar'a и footerbar где кнопки принятия или других действий). А проблема уже в другом, что-то добавляет лишний элемент в titlebar окна.

P.S. Да и в принципе всё, что касается таких окошек ищется по поиску ключевой фразе инициализации окна .dialog



Тестовый репозиторий установки плагинов: teramoune

rider120393
Юзер

rider120393 - 22 июня 2023 09:17 -

TeraMoune, нашёл похожее из исходного кода страницы в libs.js
    $('#loginbox').append('<a href="#" class="overlay-close" title="Закрыть"></a>');  


убрал код, не помогло

TeraMoune
Эксперт

TeraMoune - 22 июня 2023 11:30 -

Так вы смотрите на селектор который указан, это какой-то объект с id=loginbox, а вам нужны селекторы нужных окон.

Тестовый репозиторий установки плагинов: teramoune

rider120393
Юзер

rider120393 - 22 июня 2023 11:45 -

больше нигде нет подобного кода в шаблоне

rider120393
Юзер

rider120393 - 22 июня 2023 12:40 -

в engine.css нашёл это

/*---Диалоговые и всплывающие окна jQuery UI---*/
.ui-widget-overlay { background: #000; opacity:0.5; left: 0; top: 0; right: 0; bottom: 0; position: fixed }
.ui-helper-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }
.ui-helper-clearfix { display: inline-block }
* html .ui-helper-clearfix { height: 1% }
.ui-helper-clearfix { display: block }

.ui-dialog { background-color: #fff; overflow: hidden; padding: 0; position: absolute; width: 300px;
box-shadow: 0 0 40px rgba(0,0,0, 0.2);}
.ui-dialog-titlebar { padding:10px 20px; border-bottom: 1px solid #e6e6e6; background-color:#4a84c4; }
.ui-dialog-title { margin-top: 2px; float: left; font-size: 16px; font-weight: bold; color: #fff;}

.ui-dialog .ui-dialog-content {padding:20px; border: 0; overflow: auto; position: relative; zoom: 1; }
.ui-dialog-content h2 { display: inline; font-size: 1em; font-weight: bold }
.ui-dialog .ui-dialog-buttonpane { border-top: 1px solid #ccc; padding: 15px 20px; text-align: center; background-color:#f6f6f6; }

.ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-state-error { background: #fef1ec 50% 50% repeat-x !important; border: 1px solid #cd0a0a; color: #cd0a0a; }

.ui-icon-closethick {cursor: pointer; margin: 3px; position: absolute; right: 0; top: 2px;
width: 33px; height: 33px; background:url(../images/sprite2.png) center -5px no-repeat;}
a:hover .ui-icon-closethick { }
.ui-dialog .ui-dialog-buttonset button { margin-right:10px !important; line-height:15px !important;}
.ui-front { z-index: 1000; }
.ui-button-icon-only { overflow: hidden; text-indent: -9999px; }

rider120393
Юзер

rider120393 - 22 июня 2023 12:55 -

немного поманипулировав кодом не нашёл этот отрезок :(

rider120393
Юзер

rider120393 - 22 июня 2023 12:56 -

***Комментарий удален***

rider120393
Юзер

rider120393 - 22 июня 2023 13:13 -

ещё поковырявшись с этим кодом понял, что этот зеленый квадратик подсвечивается, когда я навожу на крестик красный

redissx
Юзер

redissx - 23 июня 2023 09:31 -

Зеленая штука из-за того, что css окна не адаптирован к jquery 3. Включите в админке jquery 2 и все.
Для редактирования окна доступен только его css.

rider120393
Юзер

rider120393 - 24 июня 2023 10:48 -

Действительно, данный способ подошёл!

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

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

наверх