Правильный вывод модального окна в dle 9.5

muni 04.02.2012 верстка, jquery, модальное окно Все вопросы » jQuery 6148

вопрос

Нужно вывести правила комментирования в форме добавления комментов в модальном окне. Пробовал следующее, не работает!

<script type="text/javascript">
function Pravila() {
$(function(){

    $('#pravila').dialog({
        autoOpen: true,
        show: 'fade',
        hide: 'fade',
        width: 450,
        height: 500,
    });
});
}
</script>
<a href="#" onclick="Pravila(); return false;">Правила</a>
<div id="pravila" title="Правила" style="display:none; " >
Правила тут
</div>

Помогите мне..

Ответил: yackers

1. У вас наверняка есть какойто файл js в папке шаблона /js/libs.js либо в engine/classes/js/dle_js.js

В самый Конец одного из этих файлов вставляем функцию:

function showComRules() {
$(function(){

    $('#comrules').dialog({
        autoOpen: true,
        show: 'blind',
        hide: 'blind',
        width: 700,
                buttons: {
            "Accept Rules" : function() {
                $(this).dialog("close");
            }
               }
    });
});
}

Далее в файле шаблона addcomments.tpl в нужном месте где бы вы хотели отобразить кнопку с правилами


<a href="#" onclick="showComRules(); return false;">Правила</a>
<div id="comrules" style="display:none" title="Правила написания Комментов">
СЮДА ВСТАВЛЯЕМ ПРАВИЛА!!!
</div>

Вот и все ! Вариант рабочий на 100% так как вырезал с рабочего проекта :)
ЗЫ - Не всегда уместно пихать скрипты в шаблоны во избежания разного рода конфилктов.
Разумнее просто доплнять уже существующие *.js :)

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

Юзер

Q-bit - 2015-04-155 февраля 2012 00:14 - #3521

Попробуй так:

<script type="text/javascript">
function showBlock() {
$(function(){
    $('#DLE').dialog({
        autoOpen: true,
        show: 'fade',
        hide: 'fade',
        width: 550,
                buttons: {
            "Close Window" : function() {
                $(this).dialog("close");
            }
               }
    });
});
}
</script>

<div id="DLE" title="your site name" style="display:none;">
Правила тут
</div>
<a href="#" onclick="showBlock(); return false;">Click Me :)</a>