|
| Progressbar eller lign. Hvordan? Fra : Torben Jensen |
Dato : 05-08-03 09:12 |
|
Hej NG!
På nogle sider med meget omfattende/tidskrævende requests, fortæller man
brugeren at systemet arbejder ved at vise et popup vindue med en anim. gif
eller lign.
Vinduet lukker igen, når siden igen er klar til visning.
Hvordan laver man den slags?
Hvordan linker man evt. til en anden side mens den oprindelige side vises?
eksempel:
1. En bruger klikker på "generer prisliste". (Da denne opgave tager noget
tid, vil det være rart at kunne fortælle brugeren at systemet arbejder)
2. Derfor vises der nu et popup billede, eller alternativt kan der linkes
over på en anden side.
3. Prislisten er nu færdig, derfor lukkes popup vinduet eller den
midlertidige side og brugeren bliver dirigeret tilbage til prislisten, som
nu er klar.
Det helt optimale ville jo være Hvis man kunne lave en form for progressbar,
som efterhånden som data indlæses fyldes ud - lidt ala det vi kender fra når
vi installerer programmer.
Hvordan griber man sådan noget an?
Alle former for råd, erfaringer og links modtages meget gerne.
På forhånd tak.
M.v.h.
Torben Jensen
| |
Jesper (05-08-2003)
| Kommentar Fra : Jesper |
Dato : 05-08-03 18:49 |
|
Hej Torben
Jeg har tidligere været på udkik efter den samme funktionalitet, som du nu
mangler.
I mit tilfælde var det nogle sider med meget store billeder, der var lang
tid om at komme frem på brugerens skærme.
Den løsning jeg kom frem til er ikke helt det du leder efter, men det kan
muligvis anvendes alligevel.
Ved at anvende CSS kan der stå en tekst på skærmen, indtil siden er helt
indlæst. Herefter forsvinder teksten.
I eksemplet nedenfor står der : Vent et øjeblik - Siden indlæses.
MVH
Jesper
---------------------
<HTML>
<HEAD>
<TITLE>Billeder</TITLE>
<STYLE TYPE="text/css">
<!--
#loadtext { position: relative; top: 0px; left: 0px; color: red; }
-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function Faerdig()
{
if (document.layers)
document.layers["loadtext"].visibility="hide";
else if (document.all)
document.all["loadtext"].style.visibility="hidden";
}
// -->
</SCRIPT>
</HEAD>
<BODY onLoad="Faerdig();">
<DIV ID="loadtext">
<p align="center">
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
if (document.layers || document.all)
document.writeln('<B>Vent et øjeblik - Siden indlæses.<B>');
// -->
</SCRIPT></DIV>
Her indsættes den kode der hentet din prisliste !!
</BODY>
</HTML>
| |
Torben Jensen (06-08-2003)
| Kommentar Fra : Torben Jensen |
Dato : 06-08-03 07:16 |
|
"Jesper" <jk@it.dk> skrev i en meddelelse
news:3f2fee0d$0$32530$edfadb0f@dread16.news.tele.dk...
> Den løsning jeg kom frem til er ikke helt det du leder efter, men det kan
> muligvis anvendes alligevel.
> Ved at anvende CSS kan der stå en tekst på skærmen, indtil siden er helt
> indlæst. Herefter forsvinder teksten.
Hej Jesper!
Det ser ved første øjekast ud til at være præcis hvad jeg leder efter.
I stedet for en tekst må det så også være muligt at indsætte et animeret
billede.
Det må jeg hellere få set lidt nærmere på.
Tak for hjælpen.
M.v.h.
Torben Jensen
| |
Jesper (06-08-2003)
| Kommentar Fra : Jesper |
Dato : 06-08-03 22:19 |
|
Hej Torben
Du skal bare erstatte denne linie:
document.writeln('<B>Vent et øjeblik - Siden indlæses.<B>');
med den nedenstående:
document.writeln('<img src= http://dit_domain.dk/dit_billed.gif >');
MVH
Jesper
| |
|
|