SimpleModal – маленький плагин для создания модальных окон

SimpleModal - это небольшой плагин для создания модальных окон. Он может быть использован для создания алертов или информационных сообщений, для этого Вам придется написать всего лишь нескольких строк кода. Возможно использование обратных вызовов, он может работать в асинхронном режиме и загружать содержимое с других страниц.

Примеры использования:

Alert:

$("myElement").addEvent("click", function(){
 var SM = new SimpleModal({"btn_ok":"Alert button"});
 SM.show({
 "title":"Заголовок окна",
 "contents":"Ваше сообщение..."
 });
});

Modal integration

 $("myElement").addEvent("click", function(){
 var SM = new SimpleModal({"btn_ok":"Confirm button"});
 SM.addButton("Action button", "btn primary", function(){
 alert("Add your code");
 this.hide();
 });
 SM.addButton("Cancel", "btn");
 SM.show({
 "model":"modal",
 "title":"Заголовок",
 "contents":"Ваше сообщение..."
 });
});

Modal-ajax integration

 $("myElement").addEvent("click", function(){
 var SM = new SimpleModal({"width":600});
 SM.addButton("Action button", "btn primary", function(){
 this.hide();
 });
 SM.addButton("Cancel", "btn");
 SM.show({
 "model":"modal-ajax",
 "title":"Заголовок",
 "param":{
 "url":"ajax-content.php",
 "onRequestComplete": function(){ /* Action on request complete */ }
 }
 });
});

Modal-image

 $("myElement").addEvent("click", function(){
 var SM = new SimpleModal();
 SM.show({
 "model":"modal-ajax",
 "title":"Image title",
 "param":{
 "url":"http://url-file.jpg",
 "onRequestComplete": function(){ }
 }
 });
});

Домашняя страница: http://simplemodal.plasm.it/


Если у Вас возникли вопросы, то для скорейшего получения ответа рекомендуем воспользоваться нашим форумом

Комментарии  

+1 #1 Zaorish 27.11.2011 10:51
Во! Как раз искал что попроще, надо поковырять, спасибо.
#2 Дмитрий 23.03.2015 14:55
А где скачать ? ссылка не работает
#3 sss 25.03.2015 19:50
ссылка рабочая, проверьте еще раз

You have no rights to post comments