Home Sales Crystal KB Contact Us  
RDP Support  


Connect to Support with WebEx
RDPWin KB IRM.Net RDPWin3 & 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  RDPWin3 & PCI Compliance Enhancement Requests Open A Web Support Ticket
Training 3rd Party Interfaces RDP Sales Website Contact Us