Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Модальное окно на ajax, помогите найти значения/что к чему.

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


     04.03.2014    jQuery    1868

вопрос
Тут нашел инфу: 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
10

494 | 164

Gopr - 4 марта 2014 19:38 - Юзер

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

feniks01
4

203 | 17

feniks01 - 4 марта 2014 19:55 - Гости

dialogClass

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


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

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


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

Gopr
10

494 | 164

Gopr - 4 марта 2014 20:35 - Юзер

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

feniks01
4

203 | 17

feniks01 - 4 марта 2014 20:43 - Гости

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

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

Gopr
10

494 | 164

Gopr - 4 марта 2014 20:47 - Юзер

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

D0Gmatist
225

794 | 281

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;
}

Каждый программист знает - в правильном софте все должно быть прекрасно:
и пользовательский интерфейс, и программные решения, и гениальные ошибки!
Болтовня ничего не стоит. Покажите мне код.

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

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