|
Server : Apache/2.2.2 (Fedora) System : Linux App1.pathumtani.go.th 2.6.20-1.2320.fc5smp #1 SMP Tue Jun 12 19:40:16 EDT 2007 i686 User : apache ( 48) PHP Version : 5.2.9 Disable Function : NONE Directory : /var/www/html/networkmonitor/ |
Upload File : |
/*
+-------------------------------------------------------------------+
| J S - L O A D E R (v1.7) |
| P a r t I |
| |
| Copyright Gerd Tentler www.gerd-tentler.de/tools |
| Created: Mar. 26, 2002 Last modified: Dec. 15, 2007 |
+-------------------------------------------------------------------+
| This program may be used and hosted free of charge by anyone for |
| personal purpose as long as this copyright notice remains intact. |
| |
| Obtain permission before selling the code for this program or |
| hosting this software on a commercial website or redistributing |
| this software over the Internet or in any other medium. In all |
| cases copyright must remain intact. |
+-------------------------------------------------------------------+
======================================================================================================
This script was tested with the following systems and browsers:
- Windows XP: IE 6, NN 7, Opera 7 + 9, Firefox 2
- Mac OS X: IE 5
If you use another browser or system, this script may not work for you - sorry.
NOTE: Safari 1 (Mac OS X) does not support "document.images[].complete", so the progress bar will
not be shown.
======================================================================================================
*/
//----------------------------------------------------------------------------------------------------
// Configuration
//----------------------------------------------------------------------------------------------------
var boxText = "Loading ... please wait!"; // dialog box message
var boxFont = "bold 14px Arial,Helvetica"; // dialog box font (CSS spec: "style size family")
var boxFontColor = "#D00000"; // dialog box font color
var boxWidth = 250; // dialog box width (pixels)
var boxHeight = 100; // dialog box height (pixels)
var boxBGColor = "#FFFFD0"; // dialog box background color
var boxBorder = "2px outset #E0E0E0"; // dialog box border (CSS spec: "size style color")
var barLength = 200; // progress bar length (pixels)
var barHeight = 15; // progress bar height (pixels)
var barColor = "#D00000"; // progress bar color
var barBGColor = "#E0D0C0"; // progress bar background color
var fadeInSpeed = 20; // content fade-in speed (0 - 30; 0 = no fading)*
var contentOpacity = 20; // content opacity during loading (0 - 100)*
// * Fading and content opacity were successfully tested on Windows XP with IE 6, NN 7, Firefox 2
// and Opera 9. Other browsers may not support these features, but the script should work anyway.
//----------------------------------------------------------------------------------------------------
// Build dialog box and progress bar
//----------------------------------------------------------------------------------------------------
var safari = (navigator.userAgent.indexOf('Safari') != -1) ? true : false;
if((document.all || document.getElementById) && !safari) {
document.write('<style> .clsBox { ' +
'position:absolute; top:50%; left:50%; ' +
'width:' + boxWidth + 'px; ' +
'height:' + boxHeight + 'px; ' +
'margin-top:-' + Math.round(boxHeight / 2) + 'px; ' +
'margin-left:-' + Math.round(boxWidth / 2) + 'px; ' +
(boxBGColor ? 'background-color:' + boxBGColor + '; ' : '') +
(boxBorder ? 'border:' + boxBorder + '; ' : '') +
'z-index:69; ' +
'} .clsBarBG { ' +
'width:' + (barLength + 4) + 'px; ' +
'height:' + (barHeight + 4) + 'px; ' +
'background-color:' + barBGColor + '; ' +
'border-top:1px solid black; border-left:1px solid black; ' +
'border-bottom:1px solid silver; border-right:1px solid silver; ' +
'margin:0px; padding:0px; ' +
'text-align: left; ' +
'} .clsBar { ' +
'width:0px; height:' + barHeight + 'px; ' +
'background-color:' + barColor + '; ' +
'border-top:1px solid silver; border-left:1px solid silver; ' +
'border-bottom:1px solid black; border-right:1px solid black; ' +
'margin:1px; padding:0px; ' +
'font-size:1px; ' +
'} .clsText { ' +
'font:' + boxFont + '; ' +
'color:' + boxFontColor + '; ' +
'} </style> ' +
'<div id="divBox" class="clsBox">' +
'<table border=0 cellspacing=0 cellpadding=0><tr>' +
'<td width=' + boxWidth + ' height=' + boxHeight + ' align=center>' +
(boxText ? '<p class="clsText" align=center>' + boxText + '</p>' : '') +
'<table border=0 cellspacing=0 cellpadding=0><tr><td width=' + barLength + '>' +
'<div id="divBarBG" class="clsBarBG"><div id="divBar" class="clsBar"></div></div>' +
'</td></tr></table>' +
'</td></tr></table></div>' +
'<div id="Content" style="width:100%; visibility:hidden">');
}
//----------------------------------------------------------------------------------------------------