Проверено

VDS-хостинг - именно на этом хостинге работает наш сайт.
Sape - биржа временных ссылок, доход 80р/день.
Trustlink - биржа временных ссылок, доход 60р/день.
Telderi - здесь покупаю сайты для дальнейшего заработка.

Партнеры

Учимся делать Ajax окна в DLE 9.0


В DLE 9.0 добавлены замечательные функции, благодаря которым мы можем делать Ajax окна с различной информацией не подгружая лишних скриптов, ведь все уже встроено.

Для начала разберем код:

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

    $('#vkAPIcomments').dialog({
        autoOpen: true,
        show: 'slide',
        hide: 'slide',
        width: 550,

    });
});
}
</script>



Это самая простая вариация скрипта. Можно добавить кнопку "Закрыть окно" сделав вот так:

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

    $('#oknouroka').dialog({
        autoOpen: true,
        show: 'slide',
        hide: 'slide',
        width: 550,
                buttons: {
            "Закрыть окно" : function() {
                $(this).dialog("close");
            }
               }
    });
});
}
</script>



showOkno - функция вызова окна
oknouroka - это что-то вроде ID

Вот так выглядит код содержимого окна:

<div id="oknouroka" title="ТИТЛ ОКНА" style="display:none;">
СОДЕРЖИМОЕ
</div>



Ну и наконец вызов производится вот так:

<div class="vkAPIcomments">
<a class="oknouroka" href="#" onclick="showOkno(); return false;" class="mainlevel">ССЫЛКА</a>
</div>



В принципе можно использовать везде один правильно настроенный код. Просто вызывать разные ID. В данном уроке код одноуровневый, но его можно усложнить.


Автор урока: Пряник
Сайт автора: dvigov.net

Другие новости по теме: