Progress Monitor for IdealProgrammer.com

Take Swift, Intelligent, Massive, Planned, Loving, Effective (S.I.M.P.L.E.) Action to Transform Self into Ideal

Skip Repetitive Navigational Links

Home

News

Presenters

Contact

Please login

onAbort JavaScript (JS) Example

Description: Illustrates the JavaScript syntax for the Event onAbort .

Syntax: ImageObject.onAbort="yourjavascriptcode()" – Allows you to know when user has stopped the loading of an image by: 1. clicking link; 2. clicking browser stop button; 3. navigating to new page.

onAbort JavaScript (JS) Example Code:

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html>
  <head>
    <title>IdealProgrammer.com: onAbort </title>
    <!-- 
    ***************************************************
    * This example is from http://idealprogrammer.com *
    ***************************************************
      //*****************************************************
       // DOM Objects
       //*****************************************************
 
 
       //*****************************************************
       //    ***    DOM Event - EventHandlers   ***
       //*****************************************************
 
       //*****************************************************
       // onAbort
       //*****************************************************
 
       //    SYNTAX:
       //    object.onAbort="yourjavascriptcode()"  Allows you to know when user has 
       //    stopped the loading of an image by:
       //   * Click an anchor.
       //   * Click the browser Stop button.
       //   * Navigate to another page. 
 
    -->
 
    <script type="text/javascript">
        function abortImage() {
            alert('Error: Loading of the image was aborted');
 
 
        }
 
 
</script>			
 
   </head>
  <body id="myBodyID">
 
        <div style="background-color:Yellow;border-color:black;border-style:solid;border-width:1px;">
         To see abort message, do one of the following while image is loading:<br /><br />
         1. Click the browser stop button,<br />
         2. Click link on page, or <br />
         3. Quickly navigate to new page<br /><br />
 
         If image is already loaded, use internet options to delete temporary internet 
         files and refresh page. That will remove image from cache so it will not load too fast next time.</div><br /><br />
 
 
        <a href="http://idealprogrammer.com">IdealProgrammer - click while image is loading</a><br />
        <img src="http://graphics.stanford.edu/~mcammara/wtc-photo.jpg" onabort="abortImage()"/>
 
 
 
 
  </body>
</html>