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

22-08-2019, 12:51
334
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, шрифты Особенности шаблона: - Нормальный понятный рейтинг с процентами и шкалой. Проценты и шкала реагируют на успешное голосование в реальном времени — все, как надо. И да, это
Комментарии
Добавить комментарий
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация
Топ Комментарии Архив
Владимир
skvoznjakkvn1 пишет:
добрый день Загружаю скрипты на свой хостинг они не рабочие одни вовсе а другие корявые! С Вами никак не возможно
eaglex пишет:
А на этом сайте есть вообще что не на продажу из нормального? Что не тестил одно УГ
Владимир
skvoznjakkvn1 пишет:
можно обновить ссылку на Магазин скриптов ll полностью рабочий  спасибо
Владимир
skvoznjakkvn1 пишет:
можно ссылку на General Classifieds 4.3 - скрипт доски объявлений  спасибо