Записи с меткой «dialogs»

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

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

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

Пример

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

QR-ссылка
QR Code for   dialogs
Показуха

TwitterCounter for @LEXASOFT

Рейтинг блогов

Яндекс.Метрика