I have a project where on change of select box I am loading data from the server. How do I make sure that until the data is loaded user can’t do anything else on the page?
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have a project where on change of select box I am loading data from the server. How do I make sure that until the data is loaded user can’t do anything else on the page?
You can create a modal dialog using jQuery UI or some other JavaScript library.
On the close event of the plugin you can check whether data has been received using global variable
is_received. Ifis_received == truethen let closeevent close the modal dialog by returning true else return false. I am assuming that close event stops the user from closing the modal dialog if you return false. Also you can show user friendly message inside of the modal dialog telling user that data is being loaded.Another way could be: you disable close buttons of the modal dialog and upon receiving data from the server enable those buttons again. The modal diaog will stop the user from interacting with contents.