On Fri, 01 Jun 2001 15:44:46 +0200, Allan Jensen <public@hverdag.dk> wrote:
> ...og simpelt ja. Det kan være jeg skal prøve og gå igang med at lave
> et eksempel.....
Jamen du kan da få et her
<html>
<head>
<title>ProgressBar</title>
<style>
.preLoader {border: 1 solid #000000; margin: 15% }
.dok { visibility : hidden }
.bar { color: #FFFFFF; background-color: #0000FF; text-align: right }
</style>
<SCRIPT type="text/javascript">
function progress(intPct) { bar.style.width=intPct + "%"; bar.innerHTML=intPct
+ "%" }
function loaded() { preLoader.style.display = "none"; dok.style.visibility =
"visible" }
</SCRIPT>
</head>
<body>
<div id="preLoader" class="preLoader">Page is loading - please wait...<br>
<span id="bar" class="bar">xxx</span>
</div>
<div id="dok" class="dok">
<h1>Preloader eksempel</h1>
<p>bla bla bla bla bla bla bla </p>
<p>bla bla bla bla bla bla bla </p>
<SCRIPT type="text/javascript">progress(8)</SCRIPT>
<p>bla bla bla bla bla bla bla </p>
<p>bla bla bla bla bla bla bla </p>
<p>bla bla bla bla bla bla bla </p>
<SCRIPT type="text/javascript">progress(22)</SCRIPT>
<p>bla bla bla bla bla bla bla </p>
<p>bla bla bla bla bla bla bla </p>
</div>
<SCRIPT type="text/javascript">
// Følgende er for at demonstrerer preload'eren da jeg ikke
// gad lave et stort tungt dokument til eksemplet
setTimeout("progress(36)",1000)
setTimeout("progress(57)",2000)
setTimeout("progress(75)",3000)
setTimeout("progress(90)",4000)
setTimeout("loaded()",5000)
</SCRIPT>
</body>
</html>
--
Mvh
Jesper Ørngreen admin@orngreen.dk
- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Always remember you are unique - just like everybody else