FreeNulled

FreeNulled.org

Загрузка...

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

Форма входа

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

nco_90000
01.04.2025 - 14:02
HouseBox
thank you my friend
HARIZMA
01.04.2025 - 08:19
Alchemists
Хороший шаблон, кто-нибудь ставил его?
novorossiysk911
28.03.2025 - 02:36
eBroker
Русский язык можно как-то сделать?

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

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

Joomla
SP Page Builder Pro (5.5.4​ + Templates) Просмотров: (7 667 + 8)
WordPress
Fat Services Booking (5.7) [Nulled] Просмотров: (1 333 + 7)
WooCommerce
HighRev Просмотров: (41 + 6)
Admin Templates
Vuexy (10.5.0 Full) Просмотров: (5 210 + 4)
WordPress
Agora (1.0.0) [Nulled] Просмотров: (26 + 4)
Admin Templates
Vristo (1.1.7) Просмотров: (461 + 3)
WooCommerce
Bacola (1.5.1.3) [Nulled] Просмотров: (314 + 3)
Mobile Apps
News App and Web (3.1.9) [Nulled] Просмотров: (125 + 3)
WordPress
SPower (1.0) Просмотров: (96 + 3)
WooCommerce
FootPaw Просмотров: (36 + 3)
PHP Scripts
Modesy (2.5.2 + DEMO Data + Languages + PWA) [Nulled] Просмотров: (4 924 + 2)
WooCommerce
WooCommerce Direct Checkout PRO (3.2.5) [Nulled] Просмотров: (579 + 2)
WordPress
Homlisti (3.1.2) [Nulled] Просмотров: (495 + 2)
Admin Templates
Skote (4.3.0) Просмотров: (292 + 2)
WooCommerce
Mobex (2.9) [Nulled] Просмотров: (148 + 2)
WordPress
Financity (1.3.3) Просмотров: (131 + 2)
Mobile Apps
StreamBox (2.3) Просмотров: (131 + 2)
WordPress
Basilico (1.0.0) [Nulled] Просмотров: (34 + 2)
WordPress
Banqix Просмотров: (17 + 2)
WordPress
Elementor PRO (3.28.2 Pro + Kit Library + RUS) [Nulled] Просмотров: (12 104 + 1)