11 svar · 485 visningar · startad av M@rtin
Hur gör man på bästa sätt för att visa en loading ruta.. asså ett streck eller vad man ska säga som blir längre o längre ju mer som är laddat...
Jag skulle vilja ha ett sådant streck medans ett script körs..
hur gör man det bäst? en animation eller?
//Martin
Hej,
Det blir ju väldigt avancerat att göra ett java script som rör sig efter laddnings längd...så jag skulle nog använda en animation...
det tycker jag...
// erik
nån som vet om det finns något färdigt skript/java applet som visar en loading bild innan tex 5 st bilder är laddade?
M@rtin:
Antar att det är ngt i denhär stilen d är ute efter:
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY>
<SPAN id="laddText" style="position: absolute;"></span>
<SCRIPT language="javascript">
var ticker=0;
function vaxMer(){
ticker+=5;
if(document.all) {
laddText.innerHTML="Laddar Sidan<img src=\" meter.jpg\" width=\""+ticker+"\" height=\"10\">";
}
if(document.layers) {
with(document['laddText'].document)
{
open()
write("Laddar Sidan<img src=\"meter.jpg\" width=\""+ticker+"\" height=\"10\">")
close()
}
}
if(ticker==300) clearInterval(addMore)
}
addMore=setInterval("vaxMer()",100);
</SCRIPT>
</BODY>
</HTML>
Mvh
[Redigerat av RGB den 31 jan 2000]
Liten frågan angående samma prob. Om jag bara vil ha en text som säger "sidan laddas" eller något,hur ska koden se ut? och den ska helt fungerar i både NS och IE.
/Hallgren
Ska du bara ha texten så behöver du väl inte skriva nånting alls mer än
<html>
<body>
laddar sidan
</body>
</html>
Eller hur menar du?
//M@rtin
Mmmm, missförstånd till max. ;)
Jag menar att jag vill att det ska stå en text ex "laddar sidan" och när sidan är laddad så ska texten bli utbytt mot den laddade sidan.
/Hallgren
hej,
här kommer en sådan "remsa"...
koden:
<html>
<head>
<title></title>
</head>
<body onLoad="hide_it()">
<p align="center">
<span id="loadmessage" style="position: absolute; left: 422; top: 95; width: 173; height: 32"><font face="Verdana" size="2" color="#FF0000">Sidan laddas, vänta...</font></span>
<script language="JavaScript">
function hide_it(){
if (document.all){
document.all["loadmessage"].style.visibility = "hidden";
}
if (document.layers){
document.layers.loadmessage.visibility = "hide";
}
}
</script>
</body>
</html>
/koden
varåsgod! ;)
------------------
banan.erik@home.se
[Redigerat av erik den 12 feb 2000]
Jag bugar och tackar. :)
Tyvärr hittar jag ett litet fel med scriptet. När siden laddad så synt texten som finns på sidan och det är inte särskilt snyggt. Några förslag?
/Hallgren