FreeNulled

FreeNulled.org

Загрузка...

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

Форма входа

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

Ars-1960
18.04.2025 - 12:51
Simple Business Directory Pro
Прекрасный плагин. Спасибо что поделились
Hambam
16.04.2025 - 19:31
NewsPro
Merci pour l'addon
Hambam
16.04.2025 - 12:10
Ella
Merci d'avoir partagé

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
Elementor PRO (3.28.2 Pro + Kit Library + RUS) [Nulled] Просмотров: (12 564 + 16)
WooCommerce
XStore (9.4.10) [Nulled] Просмотров: (4 225 + 16)
WordPress
Masterstudy (4.8.100 + Mobile App 2.2.9.2) [Nulled] Просмотров: (2 411 + 13)
OpenCart
Journal (3.2.1) [Nulled] Просмотров: (7 355 + 12)
WordPress
Arkhitekton (1.3.7) [Nulled] Просмотров: (105 + 11)
Site Templates
Softec (1.0.0) Просмотров: (68 + 11)
WooCommerce
WoodMart (8.1.2) [Nulled] Просмотров: (6 918 + 10)
WordPress
SportPress Pro (2.7.25.0) [Nulled] Просмотров: (944 + 10)
WordPress
Polylang Pro (3.6.7) [Nulled] Просмотров: (3 319 + 8)
PHP Scripts
All in One Video Downloader Script (2.19.1) [Nulled] Просмотров: (1 662 + 8)
PHP Scripts
Afterlogic WebMail Pro PHP (9.7.8) [Nulled] Просмотров: (394 + 8)
Cs-Cart
CS-Cart Ultimate & Multivendor (4.18.3) [Nulled] Просмотров: (5 704 + 7)
WordPress
WPBakery Page Builder for WordPress (8.3.1) [Nulled] Просмотров: (3 124 + 7)
Datalife Engine
MovieTor (2.0) Просмотров: (130 + 7)
WordPress
BeTheme (28.0.4.0) [Nulled] Просмотров: (9 248 + 6)
PHP Scripts
Ultimate POS (6.6 + Addons) [Nulled] Просмотров: (2 911 + 6)
WordPress
Media Cleaner Pro (6.8.7) [Nulled] Просмотров: (2 139 + 6)
WordPress
Content Views PRO (7.2.0) [Nulled] Просмотров: (1 733 + 6)
WordPress
Astra Premium Starter Templates Pro (4.4.18) [Nulled] Просмотров: (1 674 + 6)