Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Модальное окно на ajax, помогите найти значения/что к чему.

Модальное окно на ajax, помогите найти значения/что к чему.


     04.03.2014    Все вопросы » jQuery    4144

вопрос
Тут нашел инфу: dle3.ru/dle/hacks/239-modalnoe-okno-na-ajax-sredstvami-dle-100.html

Там код:
$('#oknouroka').dialog({         
            autoOpen: true,        
            show: 'slide',        
            hide: 'slide',        
            width: 700,                
            buttons: {            
                "Закрыть" : function() {                
                $(this).dialog("close");             }                }    
            });


Где можно у DLE почитать какие еще есть возможности кроме: autoOpen: true,show: 'slide',hide: 'slide'.
И пояснения, что такое: show, slide, hide.

На сайте не указано и не понятно, гуглил тоже ничего нет

Заранее спасибо.

Ответил: D0Gmatist


<script type="text/javascript">
function ErrorPanelUrl() {
$(function(){
  $('#ErrorPanelWindows').dialog({
   draggable: true,
   autoOpen: true,
   show: 'fade',
   hide: 'fade',
   width: 450,
   height: 450,
   buttons: {"Закрыть": function() {$( this ).dialog( "close" );}
      }
  });
});
}
</script>
draggable
trye - разрешить перемещение модельного окна
false - запретить перемещение модельного окна

show и hide
fade - Плавное появление модельного окна
slide - Выезжание модельное окна с лева на право
zoom - Увеличение размера модельного окна от левой верхней точки самого модельного окна
blind - Выезжающие модельное окна с верху на в низ

width
Ширина модельного окна

height
Высота модельного окна

buttons
Добавить кнопку закрытия окна

НУ и Т.Д.

6 комментариев

Gopr
Юзер

Gopr - 4 марта 2014 19:38 -

show: 'slide', - показать: 'плавно'
hide: 'slide', - скрыть: 'плавно' + тут инфы побольше

feniks01
Гости

feniks01 - 4 марта 2014 19:55 -

dialogClass

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


Значение по умолчанию: ''.

Пример использования: .dialog({dialogClass:'redwin'})


Можно ли при помощи этого удалить дефолтные стили и задать свои через него?? Дефолтные изменять не могу, так как работает с другим окном.

Gopr
Юзер

Gopr - 4 марта 2014 20:35 -

Да, но громоздко получится по css коду + почти везде придется использовать !important

feniks01
Гости

feniks01 - 4 марта 2014 20:43 -

Да там заменить чуть чуть.

!important писать в самом css или в фуллстори, там где окно/див.

Gopr
Юзер

Gopr - 4 марта 2014 20:47 -

В css удобней будет

D0Gmatist
Юзер

D0Gmatist - 4 марта 2014 19:44 -

            modal: true, // false,true - затеменине заднего фона

false,true - затеменине заднего фона
и добавить в .css class
.ui-widget-overlay {
background: rgba(0, 0, 0, 0.1);
left: 0;
position: fixed;
top: 0;
}

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх