FreeNulled

FreeNulled.org

Загрузка...

FreeNulled FREENULLED.ORG Каталог web-ресурсов для сайтов

Форма входа

Последние комментарии

seosquirrel
04.08.2025 - 11:29
Duplicator Pro
С версией 4.5.22.2 у меня сайт крашился с отсылкой на ошибки в файлах лицензии. 4.5.22.3 не
Pitbull
03.08.2025 - 12:56
Astra Pro Addon
Читайте комментарий выше. Точно такой же вопрос был задан ранее. Распакуйте скачанный архив и в
Julia
02.08.2025 - 19:42
Astra Pro Addon
При попытке установки появляется сообщение: "Архив не удалось установить. В теме отсутствует

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

yConfirm
Простое и удобное решение для подтверждения любого действия на сайте.

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

yConfirm

Или же стандартный вызов окна 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

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
ShopThemes - Vendor Marketplace

Популярное за день

WordPress
ARMember (6.9.11 + Addons) [Nulled] Просмотров: (1 663 + 7)
WordPress
Element Pack Pro (8.3.0) [Nulled] Просмотров: (7 287 + 5)
PHP Scripts
JustFans (8.3.0) [Nulled] Просмотров: (412 + 4)
WooCommerce
Ecomall (1.1.8) [Nulled] Просмотров: (150 + 3)
PHP Scripts
DriveMond (2.3) [Nulled] Просмотров: (90 + 3)
WordPress
BeTheme (28.1.4.0) [Nulled] Просмотров: (9 545 + 2)
WordPress
KLEO (5.4.4) [Nulled] Просмотров: (3 650 + 2)
PHP Scripts
RISE CRM (3.9.1 + Addons) [Nulled] Просмотров: (3 556 + 2)
WordPress
Jannah News (7.5.1) [Nulled] Просмотров: (2 172 + 2)
PHP Scripts
TongTang (1.1.0) [Nulled] Просмотров: (864 + 2)
PHP Scripts
WORKSUITE (5.5.12 + Addons) [Nulled] Просмотров: (749 + 2)
Site Templates
BizBook (5.7.9) Просмотров: (626 + 2)
WordPress
Renax Просмотров: (170 + 2)
WordPress
Igual (1.0.6) [Nulled] Просмотров: (161 + 2)
WordPress
Runok (1.0.3) [Nulled] Просмотров: (150 + 2)
WordPress
Bella Beauty (1.1.0) [Nulled] Просмотров: (75 + 2)
WordPress
Resca (3.0.2) [Nulled] Просмотров: (24 + 2)
WordPress
Awwa (1.0.0) [Nulled] Просмотров: (18 + 2)
OpenCart
Journal (3.2.5) [Nulled] Просмотров: (8 080 + 1)