Notification processing should finish then load the page

[jantivola]

Hi,

i'm currently using your notification style on the web app we are developing. and i seem to have trouble.

I'm using the loading circle and applied it on yii2, it's for adding questions and the notification message will show on the loading circle.

SCRIPT 1

<?php
    $this->registerJs(
        '(function() {
            var svgshape = document.getElementById( "notification-shape" ),
					bttn = document.getElementById( "notification-trigger" );
        
                bttn.disabled = false;
                
                bttn.addEventListener( "click", function() {
                var notification = new NotificationFx({
                    wrapper : svgshape,
                    message : "'.Html::encode($model->_message).'",
                    layout : "other",
                    effect : "loadingcircle",
                    ttl : 15000,
                    type : "notice",
                    onClose : function() {
							bttn.disabled = false;
						}
					});
                    
                    notification.show();
                    
//                    this.disabled = true;
                    
                    } );
			})();
        '
    );
  ?>

The structure is the same with a normal scripting style, so I hope it's understandable.
Aside from this code, I have this pre loader script,

SCRIPT 2

(function($){
    $(window).load(function() {
        $(".tloader").fadeOut("slow");
    })
})(jQuery);

Now the SCRIPT 2 is messing up with my loading circle, it doesn't finish loading it.

maybe you can help me do something about the loading circle? like letting it finish to load first before the SCRIPT 2 loads?

By the way, thanks for this widget! 👍