Плагин jQueryUI кнопка диалога

10.05.2011 | Автор: LEXASOFT

Привет всем! Давно не писал, делюсь своей последней разработкой:

    $.fn.MyDialog = function() {
        this.each(function() {
            var $this = $(this);
            if (!$this.is('a') || $this.attr('href') == '') { return ;}
            $this.button().click(function() {
                $("<div />").load($this.attr('href'))
                    .dialog({
                        show: "slide",
                        hide: "slide",
                        modal: true,
                        position: "center",
                        title:$this.attr('title'),
                        overlay: {backgroundColor:'#000',opacity: 0.5},
                        close: function(event, ui) {$(this).remove();}
                    });
                return false;
            });
        });
    };

Пример использования:

<p><a href="?ajax=load&id=1" class="mydialogs" title="Редактирование записи">Редактировать</a></p>
<script type="text/javascript">
$(function (){
    $(".mydialogs").MyDialog();
});
</script>

Как видите все просто! В title ссылки указываем заголовок окна, которое откроется по клику.

Пример

Популярность: 11%

На эту страницу пришли с кейвордами:

Смотреть еще по теме:

Понравилась заметка? Подписывайся на RSS

Рубрика: jQuery | Метки: dialogs, jQuery, jQueryUI, халява

Комментарии (10) на “Плагин jQueryUI кнопка диалога”

Teimos (3 комментария):

11/05/2011 в 05:05

Не хватает сразу живого примера, чтоб можно было кликнуть, посмотреть. Ну или ссылки на пример
LEXASOFT (26 комментариев):

11/05/2011 в 11:57

Добавил
KittyCat (1 комментарий):

14/02/2012 в 14:20

Прикольная окошка и кнопочка, поставлю на сайт вместо alert’a
Ilya (1 комментарий):

16/02/2012 в 14:10

Ну а что, толково. Будем пользоваться. Спасибо, что сеете разумное, доброе, вечное
Маша (1 комментарий):

19/02/2012 в 20:24

Посмотрела пример — красиво смотрится. Давно это искала и даже не знала как сформулировать запрос — все крутилось на языке типа выплывающее окошко с красивым выездом

Спасибо, буду использовать на своем сайте.
promored (1 комментарий):

03/03/2012 в 23:59

Спасибо за кнопку))) нужно придумать, куда ее поставить на сайте.
Может, не по теме, но все же спрошу: подскажите, а как сделать на блоге WP так, чтобы когда кликаешь на картинку, она увеличивалась и становилась по центру? Желательно без плагинов.
Andrew (1 комментарий):

04/03/2012 в 18:46

Спасибо автору, кнопочка приятная
Miroslav (3 комментария):

27/03/2012 в 04:03

Спасибо за интересную разработку, пока
ставить не буду, но в будущем может и
пригодится, особенно для блога.
Исходник себе копирнул.
Никита (1 комментарий):

03/04/2012 в 20:03

Задумка и исполнение хороши, но есть вопрос: можно ли сделать так, чтобы пользователь, прочитав сообщение из диалогового окна, смог ответить или прокомментировать изложенную информацию? От этой функции было бы много пользы.
glazabra (1 комментарий):

17/04/2012 в 15:19

Ищу подобный код, хочу сделать у себя на блоге отправку сообщений с множеством функций, таких как к примеру выбор параметров заказа, либо использовать список, либо ставить галочки. Кто подскажет где есть похожий код? Сори за дилетантство