Preloader - zdrojový kód


<html>

<head>

<title>Java Script ze stránky - www.jaknaweb.com</title>

<meta http-equiv="content-type" content="text/html; charset=windows-1250">

<head>

<style type="text/css">

<!--

body

{

background-color: whitesmoke;

font-size: 12px;

color: silver;

font-weight: bold;

font-family: verdana

}

.1

{

font-size: 12px;

color: silver;

font-weight: bold;

font-family: verdana

}

.2

{

font-size: 10px;

color: BLACK;

font-weight: bold;

font-family: verdana;

text-align: center

}

-->

</style>



</head>

<body>



<center>

<div class="1"><font face="verdana" size="-1"><b>Nahrávání, cekejte prosím...</b></font></div>

</center>

<center>

<table>

 <tr><td width=76 height=15 bgcolor="whitesmoke">

<DIV  style="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: black 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 5pt; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid">

<SPAN  id=progress1>&nbsp; &nbsp;</SPAN> 

<SPAN id=progress2>&nbsp;  &nbsp;</SPAN> 

<SPAN id=progress3>&nbsp; &nbsp;</SPAN> 

<SPAN id=progress4>&nbsp; &nbsp;</SPAN> 

<SPAN id=progress5>&nbsp; &nbsp;</SPAN>

<SPAN id=progress6>&nbsp; &nbsp;</SPAN>

<SPAN id=progress7>&nbsp; &nbsp;</SPAN>

<SPAN id=progress8>&nbsp; &nbsp;</SPAN> 

<SPAN id=progress9>&nbsp; &nbsp;</SPAN>



</DIV></TD></TR></TBODY></TABLE>

<SCRIPT language=javascript>

//vytvorime zakladne premenne ktore potrebujeme

var progressEnd = 9;                  // Nadstavenie cisla kolko  <span> liniek mame.

var progressColor = 'blue';           // Farba nacitavane

var progressInterval = 2100;       // interval medzi pridanim jednotlivych liniek (milli-seconds)



var progressAt = progressEnd;    //prograssAt stav spracovania 

var progressTimer;                    //casovac spracovania

  

function progress_clear() 

{

        for (var i = 1; i <= progressEnd; i++) document.getElementById('progress'+i).style.backgroundColor = 'transparent';

        progressAt = 0;

}

//prograss_clear - funkcia ktora vrati na zaciatok

function progress_update() 

{

        progressAt++;

        if (progressAt > progressEnd) progress_clear();

        else document.getElementById('progress'+progressAt).style.backgroundColor = progressColor;

        progressTimer = setTimeout('progress_update()',progressInterval);

}

//prograss_update - prida, respektive zafarbi span

function progress_stop() 

{

        clearTimeout(progressTimer);

        progress_clear();

}

//prograss_stop - zastavi farbenie

progress_update();                // zavolame funckiu

</SCRIPT>

</center>

</body>

</html>
Vložil/Poslal/Autor: Admin
Funkčnost: správná funkčnost testována v IE 6 a Firefoxu
zavřít okno | jít na hlavní stránku JakNaWeb.com