Название темы Раздел Ответов Последний

Модальное окно на Ajax средствами DLE 10.0


08 августа 2013
Модальное  окно на Ajax средствами DLE 10.0

У DLE 10.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>


ava

Написал: Вадим
Группа: Посетители Пользователь offline
1
0
16 ноября 2013 18:05
хорошая вещь взял

ava

Написал: davydovdima
Группа: Анонимус
2
0
27 марта 2014 00:33
Доброго времени суток, это все хорошо, но как сделать несколько разных окон на одной странице, с разным содержимым?


Информация
Посетители, находящиеся в группе Анонимус, не могут оставлять комментарии к данной публикации.