First Commit
This commit is contained in:
mark committed
1 parent
5eb9dd037d
commit
2e62c0e60b
11877 files changed
+2035312
No files matched your search
@@ -0,0 +1,100 @@
|
||||
/*
|
||||
+-------------------------------------------------------------------+
|
||||
| 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">');
|
||||
}
|
||||
|
||||
//----------------------------------------------------------------------------------------------------
|
||||
|
||||
Reference in new issue
Block a user