Главная » Файлы » Всё для DLE » Модули для Dle » Учимся делать Ajax окна DLE |
Учимся делать Ajax окна DLE
03.09.2010, 22:35 | ||||
У DLE 9.0 добавлены замечательные функции благодаря которым мы можем делать Ajax окна с различной информацией не подгружая лишних скриптов,ведь все уже встроено. Для начала разберем код. Code <script type="text/javascript"> function showRules() { $(function(){ $('#vkAPIcomments').dialog({ autoOpen: true, show: 'slide', hide: 'slide', width: 550, }); }); } </script> Это самая простая вариация скрипта. Можно добавить кнопку"Закрыть окно" сделав вот так: Code <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 Вот так выглядит код содержимого окна: Code <div id="oknouroka" title="ТИТЛ ОКНА" style="display:none; " > СОДЕРЖИМОЕ </div> Ну и наконец вызов производится вот так: Code <div class="vkAPIcomments"> <a class="oknouroka" href="#" onclick="showOkno(); return false;" class="mainlevel">ССЫЛКА</a> </div> Главное не запутаться :D. В принципе можно использовать 1 правильно настроенный код и использовать его везде...Просто вызывать разные ID... Автор урока: Пряник |
||||
| ||||
Просмотров: 314 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 5.0/1 | ||||
Всего комментариев: 1 | |||||||||||||||||||||||
Добавление комментария
Вход на сайтПоиск по сайтуПартнёрыРекламаСтатистикаОнлайн всего: 1 Гостей: 1 Пользователей: 0 Зарег. на сайтеВсего: 32Новых за месяц: 0 Новых за неделю: 0 Новых вчера: 0 Новых сегодня: 0 Из нихАдминистраторов: 1Модераторов: 1 V I P: Дизайнеров: Журналистов: Обычных юзеров: 29 Забаненых: 0 Из нихПарней: 9Девушек: 4 Нас посетили :
|