Support Home Sales Website Technology Contact Us
RDP Support  


RDPWin KB Booking Engine - IRM.Net RDPWin4 & PCI Compliance Search

Display an Animated "Loading" .GIF
While ResMain.aspx is Loading in the iFrame
Return to Index

Added 12/01/08 SS/TC

Article ID#: KINet0008

Customers may wish to display an animated image while IRM.Net is loading in the iFrame, so the user can see that something is loading and wait patiently.  The sample below was created using a free "loading" animated gif generator from www.ajaxload.info called "Circle Thickbox" with a transparent background and a foreground color to match the demo color scheme.
 

The loading graphic is displayed from the marketing site page that loads IRM.net into an iframe.  The following is an example of modifications needed to an HTML page to show a "loading" animated gif:

  1. Add a <DIV> tag just below the <BODY> statement with an image sourced to the animated .GIF.  For example,

    <BODY onLoad="init()">
    <DIV id="loading" style="position:absolute; width:100%; text-align:center; top:300px">
    <img src = "http://irm.resortdata.com/irmnet/images/LoadingBlue.gif: /" </DIV>

  2. In the <HEAD> section, add an init function which stops the display of the .GIF.

    <HEAD>
    <script type="text/javascript">
    function init()
    { document.getElementById('loading').style.display='none';}
    </script>

  3. Call the init function from BODY onload (see example code in Step 1).
Support Home  RDPWin4 & PCI Compliance Enhancement Requests Open A Web Support Ticket
Training New Sales Website Old Sales Website Contact Us

 Facebook     Twitter      LinkedIn   TODF