FreeNulled

FreeNulled.org

Загрузка...

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

Форма входа

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

Pitbull
08.10.2025 - 01:27
Gameplex
Есть: https://freenulled.org/10282-gameplex.html
bluner
08.10.2025 - 00:32
Gameplex
Нет ли HTML версии?
Pitbull
03.10.2025 - 00:53
MonsterInsights Google Analytics Premium
Обновил. Обновите страницу (CTRL+F5) и скачайте повторно

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

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

WooCommerce
WoodMart (8.2.7) [Nulled] Просмотров: (8 548 + 5)
PHP Scripts
Grupo Chat (3.9.0) [Nulled] Просмотров: (578 + 4)
WordPress
JobZilla (1.9) [Nulled] Просмотров: (81 + 4)
WordPress
Elementor PRO (3.32.2 Pro + RUS) [Nulled] Просмотров: (16 102 + 3)
WordPress
Happy Elementor Addons Pro (3.3.0 PRO) [Nulled] Просмотров: (1 742 + 3)
WordPress
Rideup Просмотров: (3 + 3)
WordPress
BeTheme (28.1.9.0) [Nulled] Просмотров: (9 716 + 2)
WordPress
WPML Multilingual CMS (4.8.2) [Nulled] Просмотров: (7 845 + 2)
WordPress
Polylang Pro (3.7.3) [Nulled] Просмотров: (3 575 + 2)
WordPress
Astra Pro Addon (4.11.9) [Nulled] Просмотров: (2 323 + 2)
Datalife Engine
Vporn (1.0) Просмотров: (750 + 2)
WordPress
Echo RSS Feed Post Generator (5.4.9.0) [Nulled] Просмотров: (191 + 2)
WordPress
Unimate Просмотров: (47 + 2)
OpenCart
Journal (3.2.8.1) [Nulled] Просмотров: (8 546 + 1)
WordPress
JetElements (2.7.11.0) [Nulled] Просмотров: (6 730 + 1)
Cs-Cart
CS-Cart Ultimate & Multivendor (4.18.3) [Nulled] Просмотров: (6 032 + 1)
WooCommerce
Dokan Pro Business (4.1.0 + Theme 2.3.8) [Nulled] Просмотров: (2 835 + 1)
PHP Scripts
UniSite CMS (4.11) [Nulled] Просмотров: (2 595 + 1)
WordPress
WordPress Real Media Library (4.22.57​) [Nulled] Просмотров: (2 466 + 1)