cordova - Bootstrap Modal not loading immediately on click button due to jQuery ajax call -

-

i using bootstrap modal show loading message when doing ajax call validating url based on value returned statuscode. user clicks button loader message should displayed , in behind jquery ajax call made.

bootstrap modal displayed slight delay instead want show bootstrap modal loader message.

am using bootstrap, backbone, jquery. hybrid mobile app developed using web technologies.

here doing,

bootstrap modal code, hidden (i opening modal via javascript)

<div class="modal fade bs-example-modal-lg" id="mymodal" tabindex="-1" aria-hidden="true" data-backdrop="static" role="dialog">     <div class="vertical-alignment-helper">         <div class="modal-dialog modal-lg vertical-align-center">             <div class="modal-content">                 <div class="modal-body">                     <div id="gifload"><img id="loading-image" src="img/ajax-loader.gif" alt="loading..." /> </div><div id="dataload"><p>please wait..!!!</p></div>                 </div>             </div>         </div>     </div> </div>

the button click event triggered via backbone

   openpage: function () {           $('.modal').modal('show');         // opening bootstrap model on button click             var networkstate = navigator.connection.type;         if (networkstate === connection.none) {             // check phone has internet connection or not proceed further.             var loaderview = safetyloaderview();             loaderview.render();             loaderview.appendmessage('internet connection seems offline');             loaderview.show();         }         else {               var textvalue = $('#inputvalue').val();             // entered value of input box              if (textvalue === null || textvalue === "") {                 $('.modal').modal('hide');                 // if input box empty change color of border of thr input box.                 this.$el.find('#inputtext').addclass('has-error');             }             else {                  var serverurl = "https://www."+ value1 + value2  + "google.com";              // forming url based on values entered user.                 var status = this.validateurl(serverurl);           // calling validateurl method validate url.                  if (status === 200) {                     $('.modal').modal('hide');                     // if status code equal 200 opening next screen of application                     var url = "page2.html";                      window.location = url;                 }                 else if (status === -1) {                     $('.modal').modal('hide');                     var loaderview = new safetyloaderview();         // handling status code other 200,400,404 , 500.                     loaderview.render();                             // displaying standard message remaining status code.                     loaderview.appendmessage('the request not completed');                     loaderview.show();                 }             }         }     },

validating url method part of backbone view:

validateurl: function (url) {         var stat = -1;         // validating url. based on status code returned, appropriate error message displayed.         // new status code can added handle message.   //------------------------------------------------------------------------          // ----------- feel due ajax call done here giving me delay load modal         // instead want instanly, if use alert box displayed    //------------------------------------------------------------------           $.ajax(url, {             async: false,             statuscode: {                 200: function (response) {                     stat = 200;                 },                 400: function (response) {                     $('.modal').modal('hide');     // hiding modal                     var loaderview = new safetyloaderview();                     loaderview.render();                     loaderview.appendmessage('the request not understood');                     loaderview.show();                     stat = 400;                 },                 404: function (response) {                     $('.modal').modal('hide');         // hiding modal                     var loaderview = new safetyloaderview();                     loaderview.render();                     loaderview.appendmessage('requested url not found');                     loaderview.show();                     stat = 404;                 },                 500: function (response) {                     $('.modal').modal('hide');        // hiding modal                     var loaderview = new safetyloaderview();                     loaderview.render();                     loaderview.appendmessage('internal server error');                     loaderview.show();                     stat = 201;                 },             },         });         return stat;     },

if wont call validateurl method, bootstrap modal loads instantly.

my question how show loader modal during ajax call.?


Comments

Post a Comment

Popular posts from this blog

Java 3D LWJGL collision -

-
i making 3d java game lwjgl library, , wondering how add collision detection, player not go through models. i using obj models. here objloader class, loads models: package renderengine; import java.io.bufferedreader; import java.io.file; import java.io.filenotfoundexception; import java.io.filereader; import java.util.arraylist; import java.util.list; import models.rawmodel; import org.lwjgl.util.vector.vector2f; import org.lwjgl.util.vector.vector3f; public class objloader { public static rawmodel loadobjmodel(string filename, loader loader){ filereader fr = null; try { fr = new filereader(new file("res/"+filename+".obj")); } catch (filenotfoundexception e) { system.err.println("couldn't load file!"); e.printstacktrace(); } bufferedreader reader = new bufferedreader(fr); string line; list<vector3f> vertices = new arraylist<vector3f...
Read more

spring - SubProtocolWebSocketHandler - No handlers -

-
i have ugly error during deploying spring app on jboss. 18:11:16,025 error [org.apache.catalina.core.containerbase.[jboss.web].[default-host].[/consumer]] (msc service thread 1-7) exception sending context initialized event listener instance of class org.springframework.web.context.contextloaderlistener: org.springframework.context.applicationcontextexception: failed start bean 'subprotocolwebsockethandler'; nested exception java.lang.illegalargumentexception: no handlers @ org.springframework.context.support.defaultlifecycleprocessor.dostart(defaultlifecycleprocessor.java:176) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor.access$200(defaultlifecycleprocessor.java:51) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor$lifecyclegroup.start(defaultlifecycleprocessor.java:346) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.s...
Read more

methods - python can't use function in submodule -

-
my folder structure this: pythonstuff/ program.py modulea/ __init__.py foo.py bar.py here's code bar.py : def hello(): print("hello, world!") here's code program.py : #!/usr/bin/env python3 modulea import bar bar.hello() i run $ python3 program.py somehow error: file "program.py", line 3, in <module> bar.hello() attributeerror: 'module' object has no attribute 'hello' edit: __init__.py file empty. edit2: after trying realized had bar.py in root directory contained hello() method. bar.py in modulea/ directory empty. add it import os __all__ = [] module in os.listdir(os.path.dirname(__file__)): if module != '__init__.py' , module[-3:] == '.py': __all__.append(module[:-3]) the init .py files required make python treat directories containing packages; done prevent directories common name, such string, unintentionally hiding v...
Read more