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

    $.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 ссылки указываем заголовок окна, которое откроется по клику.

Пример

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

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

• jquery ui
• jquery ui dialog кнопка
• jquery ui примеры
• кнопка закрыть jquery ui dialog
• кнопки jquery ui
• пример диалога qjuery

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

1. UploadButton или загрузка файла по нажатию
2. Защита e-mail от спамботов

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

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