Изменение стандартных функцияй Alert(), Confirm() и Prompt() - jQuery Alert Dialogs - Сайт вебмастера
Меню сайта
Для Веб-Мастера Скрипты для сайта Онлайн игры Видео онлайн Картинки Заказать рекламу О нашем сайте Правила нашего сайта Обратная связь Карта сайта XML
Реклама
Наш опрос
Где сидел кузнечик в детской песни Н.Носова ?
Всего ответов: 1269
Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0

Гости Пользователи
Дополнительно
Главная » Скрипты для сайта » Разные скрипты

Изменение стандартных функцияй Alert(), Confirm() и Prompt() - jQuery Alert Dialogs

Хочешь сказать спасибо? Кликни на рекламный баннер.

13.03.2013, 22:36
"jQuery Alert Dialogs" плагин предназначен для подмены функциональности обычных предупреждений JavaScript, alert(), confirm(), и prompt() функций. Окна полностью настраиваются при помощи CSS (данное позволит Вашему web-сайту выглядеть куда интереснее). Кроме того У вас есть возможность настроить заголовок для любого диалогового окна.
Данные способы имитируют обыденные модальные диалоговые окошки. Они автоматом изменяют свое положение при изменении окна браузера. Когда включить jQuery UI Draggable плагин, то окошки можно перемещать, перетаскивая их за заголовки. В отличие от обычных JavaScript функций, вы можете применять HTML в сообщении. Например, чтобы установить переход на новую строку, у вас есть возможность применять
и другие теги.

Для работы плагина необходимы следующие скрипты (перед /head) :
Код
<!-- Dependencies -->
<script src="http://megascripts.ru/demo/zamena_okon/jquery.js" type="text/javascript"></script>
<script src="http://megascripts.ru/demo/zamena_okon/jquery.ui.draggable.js" type="text/javascript"></script>
<!-- Core files -->
<script src="http://megascripts.ru/demo/zamena_okon/jquery.alerts.js" type="text/javascript"></script>
<link href="http://megascripts.ru/demo/zamena_okon/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />
<!-- Example script -->


Вызываются функции следующим образом:

  • jAlert(message, [title, callback])
  • jConfirm(message, [title, callback])
  • jPrompt(message, [value, title, callback])

    Пример кода:
    Код
    <script type="text/javascript">
       
    $(document).ready( function() {
       
    $("#alert_button").click( function() {
    jAlert('Это обычное окно предупреждения', 'Внимание !');
    });
       
    $("#confirm_button").click( function() {
    jConfirm('Можете ли Вы подтвердить ?', 'Диалог подтверждения', function(r) {
    jAlert('Подтверждение: ' + r, 'Результат подтверждения');
    });
    });
       
    $("#prompt_button").click( function() {
    jPrompt('Введите что-нибудь:', 'Ваш текст', 'Диалоговое окно', function(r) {
    if( r ) alert('Вы ввели - ' + r);
    });
    });
       
    $("#alert_button_with_html").click( function() {
    jAlert('Вы можете использовать HTML, такие как <strong>жирный</strong>, <em>курсив</em>, и <u>подчёркнутый</u>!', 'Внимание !');
    });
       
    $(".alert_style_example").click( function() {
    $.alerts.dialogClass = $(this).attr('id'); // set custom style class
    jAlert('Это пользовательский стиль “style_1”', 'Свой стиль окна', function() {
    $.alerts.dialogClass = null; // reset to default
    });
    });
    });

    </script>


    Вот и всё.





  • Если у Вас возникли вопросы по установке или работе скрипта, то задайте их в комментариях и мы постараемся вам помочь.

    Источник материала: Неизвестен/Не указан
    При коприровании материала просьба ставить ссылку на оригинальную статью.

    Ссылка:
    BB-код:
    HTML-код:
    Добавил: -angel- | Просмотров: 8937 | Загрузок: 744 | Рейтинг: 4.1/25
    Теги: alert, скрипт, для юкоз, ucoz, prompt, плагин, confirm, окна
    Всего комментариев: 0
    ВНИМАНИЕ !!!
    Добавлять комментарии могут только зарегестрированные пользователи!
    Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
    А знаете ли Вы, что ...

    На визитках Аль Капоне было написано, что он дилер старинной мебели.


    Реклама
    Популярные материалы
    Наша кнопка
    Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте:

    Скрипты для сайта

    Друзья сайта