5,780,524 members and growing! (88 online)
Email Password   helpLost your password?
Languages » Java » General     Intermediate

'Wait while loading' message for Java applets

By Glenn S. Peffers

An article describing JavaScript code that will display a message (i.e. Please Wait...) while a Java Applet is loading. This code is designed to work in both IE and Netscape 		Javascript, Java, HTML, Java, Dev

Posted: 24 May 2000
Updated: 24 May 2000
Views: 89,997
Bookmarked: 22 times
Announcements
Comp Mobile Developer Contest
Comp Monthly Competition
Loading...

Services
Job Board
Code Project Coffee
Free Magazines

Feature Zones
Product Showcase
IBM DeveloperWorks
WhitePapers / Webcasts
InstallShield 2009
DiscountASP Hosting
Search    
Advanced Search
Sitemap
print Print   Broken Article? Report Article       Discuss Discuss   Recommend Article Send to a friend
41 votes for this Article.
Popularity: 6.60 Rating: 4.09 out of 5
2 votes, 25.0%
1		 0 votes, 0.0%
2		 4 votes, 50.0%
3		 2 votes, 25.0%
4		 0 votes, 0.0%
5

Introduction

Ever wish you could replace that unsightly grey box displayed while your Java applet is loading with a message to the user? The following code provides a solution for IE and Netscape. A more complete description follows the code. 

  <html>
    <head>
      <title>Your Title Here</title>
    </head>

    <script language="JavaScript">

      <!-- Hide script from old browsers

      function init()
      {
        // Microsoft Internet Explorer

        if (document.all)
        {
          document.all.loading.style.visibility="hidden";
          document.all.myapplet.style.visibility="visible";
          document.applets[0].repaint();
        }
        // Netscape Navigator

        else
        {
          document.loading.visibility="hide";
          document.myapplet.visibility="visible";
        }
      }

      // -->

    </script>

    <style type="text/css">

      #loading {
        position:absolute;
        left:150;
        top:200;
      }

      #myapplet {
        position:absolute;
        left:10;
        top:10;
        visibility:hide;
      }

    </style>

    <body onLoad="init()">

      <div id="loading">
        <p>Please wait while Java applet loads...</p>
      </div>

      <div id="myapplet" style="visibility:hidden">
        <applet archive="app1.jar" code="app1.class" align="baseline" width="620" height="442">
          <p>Requires a browser that supports Java.</p>
        </applet>
      </div>

    </body>
  </html>

The Solution Explained

First, let's explain exactly what we're trying to do here. We want a message, such as "Please wait while Java applet loads..." to be displayed while the applet is being loaded. This message should appear in the space that will be occupied by the applet, then be replaced by the applet once the applet has loaded.

The code shown above does a number of things to accomplish this.

Two <div> regions are created in the web page. The first contains the text (or image) to display while the applet is loading. The second contains the <applet> tag to load the applet. This second <div> has its visibility style set to hidden. This is required for IE. 

      <div id="loading">
        <p>Please wait while Java applet loads...</p>
      </div>

      <div id="myapplet" style="visibility:hidden">
        <applet archive="app1.jar" code="app1.class" align="baseline" width="620" height="442">
        <p>Requires a browser that supports Java.</p>
      </applet>
      </div>

Style sheets are defined for the two <div> tags. They both need positional styles. The style sheet for the <div> containing the <applet> tag also needs visibility set to hide (this is for Netscape). Positioning will have to be customized to the position of your applet, this is not a general solution. 

    <style type="text/css">

      #loading {
        position:absolute;
        left:150;
        top:200;
      }

      #myapplet {
        position:absolute;
        left:10;
        top:10;
        visibility:hide;
      }

    </style>

A JavaScript function is defined which is run when the page loads (<body onLoad="init()">). Simply, this function hides the <div> containing the message and shows the <div> containing the applet. 

    <script language="JavaScript">

      function init()
      {
        if (document.all)
        {
          document.all.loading.style.visibility="hidden";
          document.all.myapplet.style.visibility="visible";
          document.applets[0].repaint();
        }
        else
        {
          document.loading.visibility="hide";
          document.myapplet.visibility="visible";
        }
      }

    </script>

This method should work equally well to place an image "over" the applet while it's loading.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here

About the Author

Glenn S. Peffers


Supporter
Occupation: Web Developer
Location: United States United States

Other popular Java articles:
Article Top
Sign Up to vote for this article
You must Sign In to use this message board.
FAQ FAQ Noise ToleranceSearch Search Messages 
 Layout  Per page   
 Msgs 1 to 25 of 27 (Total in Forum: 27) (Refresh)FirstPrevNext
General<PARAM name="progressbar" value="true">sussAndy Mattice14:14 28 Sep '04  
GeneralEver tired to show and then hide an applet?membermxc21:16 7 Dec '02  
GeneralLoading messagememberRafael_melkor10:00 13 Mar '02  
Last Visit: Tuesday, January 6, 2009 10:37 AM     Last Update:Tuesday, January 6, 2009 10:37 AM1 Next »

General General    News News    Question Question    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

PermaLink | Privacy | Terms of Use
Last Updated: 24 May 2000
Editor: Chris Maunder
 Copyright 2000 by Glenn S. Peffers
Everything else Copyright © CodeProject, 1999-2009
Java | Advertise on the Code Project