Учимся делать 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