Catch404: Modal Plugin for Handling Broken Links: jQuery | CSS
Posted on July 31, 2010, under AJAX, jQuery
Catch404 is a jQuery and CSS3 Modal Plugin for showing broken links and 404 errors without users even having to leave the page after they click the actual link. The plugin uses the power of AJAX to check the target clicked link in the background. If the URL is not broken nor generates a 404 error, then the page will load for the user. Otherwise, the visitor would be prompted through an Inline jQuery Modal Window that he is trying to access a non-workable URL address.
Let’s pretend that this is a broken link. Can you imagine that when your users click this link, instead of them being redirected to a 404 error on your site, a friendly modal message pops up on your current page saying that it’s not available?. In that same message box you can then give them a sense of direction so that they’re not lost – you could ask them to click on a contact link to report the link’s broken, offer an alternative mirror, recommend they do a site search for the file or just say that you’re experiencing hosting issues and the file will be back up soon.

- July 31, 2010
- article by Gabriel C.
- 1 comment
Related Posts
-
Creating an Exit Modal Box using the jQuery libraryat April 25, 2009 with 31 comments
-
How to Implement a jQuery AJAX Login Form into a Modal Boxat April 24, 2009 with 85 comments
-
Facebook-style Lightbox/Modalbox powered by jQuery and MooToolsat March 12, 2010
-
Cute Confirmation Boxes: jConfirmAction jQuery Pluginat March 29, 2010 with 1 comment
-
Style your markup: Brosho ‘Design in the Browser’ jQuery Pluginat January 30, 2010

Comment via Facebook
One Reply to "Catch404: Modal Plugin for Handling Broken Links: jQuery | CSS"
October 4, 2010 at 8:39 PM
Tested your demo, and found flaw with browser history. Your script is not recording history, if page exists, it redirects, but you cannot click back button.