jQuery UI Dialog – простые окошки

jQuery UI DialogОчень гибкий способ создавать всевозможные всплывающие и настраиваемые окна.

http://jqueryui.com/demos/dialog/

Под катом пример использования.

Для использования, подключаем в шапке:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" type="text/css" rel="stylesheet">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2' type='text/javascript'></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type='text/javascript'></script>

Дальше, чтобы вывести диалог:

$(function() {
    $("#ask-us-a-question").click(function(){
        $('#ask-dialog').dialog({
            modal: true,
            width: 465,
            resizable: false,
            draggable: false
        });
    });
});

(modal, width, resizable, draggable - опции, полный перечень которых можно найти в документации по ссылке выше)

Поделитесь с друзьями:



Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>