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

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


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

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

<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
Юзер

Q-bit - 5 февраля 2012 00:14 -

Попробуй так:
<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>

muni
Юзер

muni - 5 февраля 2012 10:30 -

Попробывал не пашет.
Может потому что на локале?

Саня
Юзер

Саня - 28 мая 2012 02:18 -

Q-bit,Спасибо, хороший вариант? Может еще подскажешь подскажешь как сделать чтоб работал скрол и затемняло сайт?

yackers
Юзер

yackers - 5 февраля 2012 22:32 -

Ну для начала какая у вас версия дле ? Работают ли другие всплывающие окна ? Кэш чистили ?

muni
Юзер

muni - 5 февраля 2012 22:35 -

Версия 9.5
Другие окона рабатают
Кэш конечно чистил

yackers
Юзер

yackers - 5 февраля 2012 22:40 -

Вы мой вариант пробовали из ответа ? потому что он пашет на 100% и причем я вырезал вам с рабочего сайта

muni
Юзер

muni - 6 февраля 2012 11:21 -

тоже не работает

Heon
Юзер

Heon - 6 февраля 2012 11:30 -

Вариант который дал "Q-bit" работает,я проверял.

muni
Юзер

muni - 6 февраля 2012 14:46 -

Не работает ни один вариант.
Вот сайт - badafilmz.ru в любой новости (в форме добавления комментов) первая ссылка "Правила"

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

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

наверх