11 svar · 497 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!
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