![]() ![]() You will need to download the jquery and blockUI scripts and attach to your page: So here it is step by step for implementation:ġ. JavaScript hooks – by javascript hooks I simply mean, we need to connect the BlockUI component to fire everytime an async postback occurs.ĭownload Source Code Example (Visual Studio 2008) Implementing It I can’t say how awesome it is…check it out for yourself: BlockUI – this is a JQuery plugin that does much of the positioning work for us when creating a Modal. JQuery – this is an amazing JavaScript library that will revolutionize the way you write JavaScript. ![]() The simplist and most effective way to accomplish this was using a couple tools reccommended by different colleagues. In a web browser this simply means placing a DIV over the entire UI thus preventing a user from clicking any objects behind it. The Solution: “This is quite easy to do using JQuery, BlockUI, and some JavaScript hooks through the use of a modal popup.”įor those people unfamiliar with a “Modal” popup, it is simply a grayed out screen preventing the user from clicking anything on the screen. ![]() The Problem: “I need a way to easily restrict a user from clicking anything on the interface during an AJAX request.” Eventually I discovered that users sometimes will not wait patiently between requests and that being proactive to prevent this was the best approach. This began my use of the “Spinny” – showing a simple animated gif to simulate the load time of an AJAX request. Sometimes you can’t tell if the process is even working right. But down to the point… It can be quite annoying for a user during a longer expierence when they have to wait between Async requests beteween the browser and server. It ease of use and increased user experienced is a great trade-off. I have fell in love with it since I first used it. ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |