FreeNulled

FreeNulled.org

Загрузка...

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

Форма входа

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

frtyaman
29.10.2025 - 10:09
Journal
thank you. !!!
arelux
23.10.2025 - 17:07
Elementor PRO
Thank you so much
Pitbull
21.10.2025 - 00:09
Related Options 3 For OpenCart
Я не проверял, поэтому ничего сказать не могу.

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
GPT AI Power (2.3.43) [Nulled] Просмотров: (1 262 + 5)
PHP Scripts
QRcdr (5.3.7) [Nulled] Просмотров: (1 422 + 4)
Forums
[TH] UI.X Classic Dark (2.2.12.0.0) Просмотров: (789 + 4)
PHP Scripts
Bitmine (2.0) Просмотров: (839 + 3)
OpenCart
Zoralo (1.1) Просмотров: (711 + 3)
PHP Scripts
CredCrypto (3.1.0) [Nulled] Просмотров: (561 + 3)
Datalife Engine
7News (1.0.0) Просмотров: (507 + 3)
WooCommerce
Advanced Shipment Tracking Pro (4.6.8) [Nulled] Просмотров: (48 + 3)
WordPress
Talos (1.3.9) [Nulled] Просмотров: (46 + 3)
WordPress
LogiXpress Просмотров: (10 + 3)
PHP Scripts
Varient (2.4.2) [Nulled] Просмотров: (4 013 + 2)
WordPress
Max Mega Menu Pro (2.4.4.0) [Nulled] Просмотров: (2 439 + 2)
WordPress
Astra Pro Addon (4.11.9) [Nulled] Просмотров: (2 358 + 2)
Perfex CRM
Perfex CRM Chat (1.5.0) Просмотров: (2 235 + 2)
WordPress
Salient (17.4.0) [Nulled] Просмотров: (1 936 + 2)
Joomla
Tooltips Pro (9.4.4) Просмотров: (1 225 + 2)
WordPress
Premium Cryptocurrency Widgets (2.19.5) [Nulled] Просмотров: (1 012 + 2)
WordPress
Cryptoniq (1.9.7.1) [Nulled] Просмотров: (1 008 + 2)