Меню сайта
yConfirm - подтверждение действий на DLE




Простое и удобное решение для подтверждения любого действия на сайте.
Полагаю всем хорошо известно подобное диалоговое окно подтверждения действия на jQueryUI используемое повсеместно в DLE.

Или же стандартный вызов окна confirm()

Оба эти метода обладают рядом определенных преимуществ, но так же и обладают определенными недостатками:
- Окно вылазит "где-то" и приходится делать лишнее движение мышкой. Что особенно напрягает, когда приходится делать 10-50 подтверждений.
- В разных браузерах окно выглядит по разному (касается стандартного confirm).
На замену им был написан скрипт, который выводит кнопку подтверждения непосредственно поверх нажатой кнопки.

Причем каждой кнопке можно прописать свой тайтл.
Пример вызова:
С уважением,
Олег Александрович a.k.a. Sander
Полагаю всем хорошо известно подобное диалоговое окно подтверждения действия на jQueryUI используемое повсеместно в DLE.

Или же стандартный вызов окна confirm()

Оба эти метода обладают рядом определенных преимуществ, но так же и обладают определенными недостатками:
- Окно вылазит "где-то" и приходится делать лишнее движение мышкой. Что особенно напрягает, когда приходится делать 10-50 подтверждений.
- В разных браузерах окно выглядит по разному (касается стандартного confirm).
На замену им был написан скрипт, который выводит кнопку подтверждения непосредственно поверх нажатой кнопки.

Причем каждой кнопке можно прописать свой тайтл.
Пример вызова:
$('.deleter').click(function(){
$(this).yconfirm('Да, удалить', function(b){
//тут ваше действие
b.remove(); //к примеру удаляем саму кнопку.
})
})
Пример 2, тут для каждой кнопки с общим обработчиком можно использовать свой текст подтверждения заданный через data-confirm="текст":$(document).on('click', '.do_stuff', function(e){
e.preventDefault();
$(this).yconfirm($(this).data('confirm')||'Подтверждаю', function(b){
b.remove();
})
})
jаvascript код:jQuery.fn.yconfirm = function(t,callback){
var $parent = $(this);
$('.yconfirm').remove();
$('<a href="#" class="yconfirm">' + t + '</a>')
.appendTo('body')
.position({my:"center", at:"center", of:$parent})
.fadeIn(150)
.on('mouseleave', function(){
$(this).fadeOut(200,function(){
$(this).remove()
})
})
.on('click', function(e){
e.preventDefault();
$(this).remove();
callback($parent);
})
}
CSS стили:.yconfirm{display:none;position:absolute;padding:0 17px;font:normal 13px/33px Arial;color:#fff;background:#ed344e;border-radius:3px;border:1px solid #dc1f39;text-decoration:none;text-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2);}
.yconfirm:hover{text-decoration:none;}
На этом все, надеюсь кому-то пригодится :)С уважением,
Олег Александрович a.k.a. Sander
Демо / Инфо:
Скачать yConfirm
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Популярное за день
Elementor PRO (3.28.2 Pro + Kit Library + RUS) [Nulled]
Просмотров: (12 564 + 16)
XStore (9.4.10) [Nulled]
Просмотров: (4 225 + 16)
Masterstudy (4.8.100 + Mobile App 2.2.9.2) [Nulled]
Просмотров: (2 411 + 13)
Journal (3.2.1) [Nulled]
Просмотров: (7 355 + 12)
Arkhitekton (1.3.7) [Nulled]
Просмотров: (105 + 11)
Softec (1.0.0)
Просмотров: (68 + 11)
WoodMart (8.1.2) [Nulled]
Просмотров: (6 918 + 10)
SportPress Pro (2.7.25.0) [Nulled]
Просмотров: (944 + 10)
Polylang Pro (3.6.7) [Nulled]
Просмотров: (3 319 + 8)
All in One Video Downloader Script (2.19.1) [Nulled]
Просмотров: (1 662 + 8)
Afterlogic WebMail Pro PHP (9.7.8) [Nulled]
Просмотров: (394 + 8)
Slider Revolution (6.7.30 + Addons + Templates) [Nulled]
Просмотров: (6 079 + 7)
CS-Cart Ultimate & Multivendor (4.18.3) [Nulled]
Просмотров: (5 704 + 7)
WPBakery Page Builder for WordPress (8.3.1) [Nulled]
Просмотров: (3 124 + 7)
MovieTor (2.0)
Просмотров: (130 + 7)
BeTheme (28.0.4.0) [Nulled]
Просмотров: (9 248 + 6)
Ultimate POS (6.6 + Addons) [Nulled]
Просмотров: (2 911 + 6)
Media Cleaner Pro (6.8.7) [Nulled]
Просмотров: (2 139 + 6)
Content Views PRO (7.2.0) [Nulled]
Просмотров: (1 733 + 6)
Astra Premium Starter Templates Pro (4.4.18) [Nulled]
Просмотров: (1 674 + 6)
Simple Business Directory Pro