Многоразовое диалоговое окно JQuery Modal?

Question

Я использую jquery в течение последних 6 месяцев.

У меня есть форма, где я хочу заменить 20 различных предупреждений javascript (""); с помощью диалоговых окон jQuery Modal.

Я не хочу создавать отдельный раздел диалога div для каждого другого сообщения.

Есть ли способ с базой jquery-ui для создания многоразового модального диалогового окна, где я могу передать заголовок сообщения и текст сообщения?

Дайте мне знать, если у вас есть идеи?

Дерек

Answer 1

Есть много плагинов, которые вы можете найти для JQuery для диалога коробками.

В прошлом я использовал facebox plugin.

Базовое использование может быть столь же просто, как:

jQuery.facebox('something cool') 

Answer 2

Я бы порекомендовал Growl плагин JQuery в. http://plugins.jquery.com/project/Growl

Преимущество использования Growl заключается в том, что у него есть действительно хорошие встроенные функции, в частности, дополнительная возможность иметь функцию автоматического удаления.

Это немодально-модальный.

Что я имею в виду, так это то, что он не требует от пользователя взаимодействия с ним, прежде чем они смогут вернуться к взаимодействию с сайтом, тем самым поддерживая рабочий процесс на веб-сайте.

Answer 3

Я настоятельно рекомендую Impromptu. Он хорошо документирован, имеет хорошие примеры и, в основном, замену на javascript Alert и Input, однако он очень расширяемый и имеет массу опций и дополнительных функций.

Answer 4

я имел обыкновение использовать Facebox совсем немного, но я фазирование его в пользу коробки Диалога, который является частью коллекции пользовательского интерфейса JQuery в:

http://docs.jquery.com/UI/Dialog

Вы упомянули ядро ​​JQuery-UI, делает это не трюк?

Answer 5

Да, вы можете создать диалоговое окно многократного использования, и вы можете передавать сообщение динамически.

1. Создать Dialog Class

   function OkDialog() { 
   
       this.showMessage = function(message) { 
   
       var $dialog = $('<div></div>') 
   
        .html(message) 
   
        .dialog({ 
   
        modal: true, 
   
        closeOnEscape: true, 
   
        buttons: { 
   
         Ok: function() { 
   
          $(this).dialog("close"); 
   
         } 
   
        } 
   
       }); 
   
        $dialog.dialog("open"); 
   
       } 
   
   } 
   

2. Создать глобальный объект в одном из общего файла (JSP).

   OK_DIALOG = new OkDialog(); 
   

3. Назовите эту функцию желательным сообщением.

   OK_DIALOG.showMessage("You don't have more than a single penny."); 
   

работу !!