Duyuruyu Kapat
Facebook Gözat
Twitter Gözat

Jquery ajaxForm PNotify sorunu

Konu, 'Javascript' kısmında hanzele tarafından paylaşıldı.

  1. hanzele

    hanzele Üye

    Kayıt:
    15 Şubat 2009
    Mesajlar:
    55
    Beğenilen Mesajlar:
    0
    Şehir:
    İzmir
    Merhaba arkadaşlar, jquery ajax form eklentisi ile dosya upload işlemi yapıyorum, yükleme durumunu da pnotify ile kullanıcıya gösteriyorum ancak şöyle bi sıkıntı oluyor, yüklediği her yüzdelik için için pnotify durumunu da tekrar ettiriyor.

    [​IMG]

    Kodlar
    HTML:
    uploadProgress: function(event, uploaded, total, percent)
            {
                var notice = new PNotify({
                    text: "Lütfen Bekleyin",
                    addclass: 'bg-primary',
                    type: 'info',
                    icon: 'icon-spinner4 spinner',
                    hide: false,
                    buttons: {
                        closer: false,
                        sticker: false
                    },
                    opacity: .9,
                    width: "170px"
                });
    
                setTimeout(function() {
                    notice.update({
                        title: false
                    });
                    var interval = setInterval(function() {
                        var options = {
                            text: percent + "% Yüklendi."
                        };
                        if (percent == 80) options.title = "Yapılandırılıyor";
                        if (percent >= 100) {
                            window.clearInterval(interval);
                            options.title = "Yükleme Tamamlandı!";
                            options.addclass = "alert-styled-left alert-styled-custom alert-arrow-left alpha-teal text-teal-800";
                            options.type = "success";
                            options.hide = true;
                            options.buttons = {
                                closer: true,
                                sticker: true
                            };
                            options.icon = 'icon-check';
                            options.opacity = 1;
                            options.width = PNotify.prototype.options.width;
                        }
                        notice.update(options);
                    }, 120);
                }, 2000);
    
                // Button Adını Değiştir ve İşlevini Kapat..
                $("button#new").html('<b><i class="fa fa-spinner fa-spin"></i></b> Kaydediliyor..').attr("disabled", true);
    
            },
     
Benzer Konular
Yüklüyor...