Як зробити модальне вікно для DLE?

_{Створюю і просуваю комерційні сайти та інтернет-магазини з 2008 року.} ^{7-08-2014, 22:12 2 153 0}

У DLE 10.0 і вище є функції завдяки яким ми можемо робити Ajax вікна (модальне вікно) з різною інформацією не довантажуючи зайвих скриптів, адже все вже вбудовано.

  Код вікна без кнопки закрити:

<script type="text/jаvascript">function showRules() {$(function(){ $('#vkAPIcomments').dialog({ autoOpen: true, show: 'slide', hide: 'slide', width: 550, });});}</script>

Код вікна з кнопкою закрити:

 <script type="text/jаvascript">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> 

Коментарі