yConfirm - подтверждение действий для DLE

22-08-2019, 12:51
207
0
Простое и удобное решение для подтверждения любого действия на сайте.

Полагаю всем хорошо известно подобное диалоговое окно подтверждения действия на 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;}

 

[/xfgiven_download2]
!!!ВНИМАНИЕ!!! Данный материал предоставлен сайтом f-ferma.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое!"
Опубликовал soroca
Похожие публикации
Дневной лимит на скачивание файлов для DLE
С помощью этого хака вы сможете указать лимит на скачивание файлов в день для каждой группы свой.
Avatar crop для DLE
Ajax загрузка и обрезка картинки для аватарки с сохранением оригинала и координат выбранной области.
TrailerDP v2.0 - парсер трейлеров со вставкой в доп. поле.
Скачать модуль на dle парсер трейлеров со вставкой в доп. поле.Модуль уже обновлен и больше функций в нем.
Violet и Crimson - адаптивный шаблон DLE 11.2
Тип шаблона: Оригинал Версия DLE: 11.2 Ширина: адаптивный (responsive), 320-1400px; Вёрстка: css3, html5; Кодировка: win-1251, utf-8 Файлы шаблона: 2 шаблона, 2 PSD логотипа, инструкция, tpl, css, img, js, png, шрифты Особенности шаблона: - Нормальный понятный рейтинг с процентами и шкалой. Проценты и шкала реагируют на успешное голосование в реальном времени — все, как надо. И да, это
Комментарии
Добавить комментарий
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация
Топ Комментарии Архив
TopBuks пишет:
Здравствуйте! Подскажите пожалуйста, что надо сделать, что бы приходил код при регистрации в данном скрипте.
a010885 пишет:
запускаю сейчас. на дыры только не проверил, худой похоже как решито))) что собственно и следовало ожидать, в
alex737 пишет:
Половина плагинов не рабочая!
Alex-Magazin
Alex_Magazin пишет:
Автор свяжись со мной,написал в лс тебе игноришь. Скрипт не работает. Либо ты что то не дописал.