Simple JavaScript Loader: Show and hide loaders and other page elements

Recommend this page to a friend!
     
  Info   Example   View files Files   Download Download   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 95 All time: 423 This week: 2Up
Version License JavaScript version Categories
javascript-loader 1GNU General Publi...5HTML
Description 

Author

This is a simple object that can show and hide loaders and other page elements.

It can show and hide elements on the page.

The object can also show or hide specific page elements named loader_inner and loader_outer.

Picture of Pravin Sonawane
  Performance   Level  
Name: Pravin Sonawane <contact>
Classes: 3 packages by
Country: India India
Age: 44
All time rank: 918 in India India
Week rank: 6 Up1 in India India Up
Innovation award
Innovation award
Nominee: 1x

Winner: 1x

Example

<html> <head> <title>Simple JavaScript Loader</title> <link href="style.css" rel="stylesheet" type="text/css" /> <script language="javascript" src="myloader.js"></script> <script language="javascript" type="text/javascript"> myObject = new myloader(); </script> </head> <body> <input name="btnLoad" type="button" value="Show Loader for 5 Seconds" onClick="javascript: myObject.showloader();"> <div id="loader_outer"></div> <div id="loader_inner"> <table width="100%" border="0" cellspacing="0" cellpadding="3"> <tr> <td align="center" width="20"> <img src="loader.gif" border="0"/> </td> <td align="left"> <span id="loader_message">Loading...</span> </td> </tr> </table> </div> </body> </html>

  Files folder image Files (3)  
File Role Description
Accessible without login Plain text file index.html Example Index file
Plain text file myloader.js Class JavaScript Class
Accessible without login Plain text file style.css Data Cascaded Stylesheet

 Version Control Unique User Downloads Download Rankings  
 0%
Total:95
This week:0
All time:423
This week:2Up