Søg
Avatar billede 4b4 Nybegynder
04. oktober 2003 - 16:15 Der er 7 kommentarer og
1 løsning

loading i iframe/layer

Jeg har en iframe i et layer på min side, hvor jeg har tænkt mig at kunne loade forskellige sider ind.

Kan man lave en lille funktion der centrerer et billede/loading billede i iframen indtil alt indholdet i iframen er loaded ??
Avatar billede roenving Novice
04. oktober 2003 - 16:38 #1
Sådan ?-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="Keywords" content="roenving/?;http://www.eksperten.dk/spm/361919">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<span id="loading" style="display:block;">
<script language="javascript" type="text/javascript">
function displaySiden(){
if(document.all){l=document.all['loading'];s=document.all['siden'];
}else if(document.getElementById){l=document.getElementById('loading');s=document.getElementById('siden');}
l.style.display = 'none'; s.style.display = 'block';}
setTimeout("displaySiden()",3000);
</script>
<p>Testside</p>
<!-- Her indsættes billede eller tekst, som fortæller at siden loades -->
Loading
</span>
<div id="siden" style="display:none;"><!-- Hele siden indsættes i denne DIV -->
<img src="../eksperten_logo_new.gif">
</div>
</body>
</html>
Avatar billede 4b4 Nybegynder
04. oktober 2003 - 16:51 #2
og det er lavet så der ikke er nogen margin (0) og crossbrowser ?
Avatar billede roenving Novice
04. oktober 2003 - 17:02 #3
Den er bare lavet, så du selv kan bestemme resten og er multi-browser, men holder ikke før NS6 eller IE4 (eller var det IE5 med spans og display ?-)

-- og tiden er sat absolut, til en størrelse på 3 sekunder ...

Men hvis du ikke aner hvor lang tid det tager, før siden er loadet (f.eks. pga. meget store billeder som giver voldsomme forskelle i load-tid !-), kan du placere kaldet til 'displaySiden()' onload i det største billede !o]
Avatar billede 4b4 Nybegynder
04. oktober 2003 - 17:17 #4
ehhh.. det var sådan set det jeg spurgte efter.. en preloader.. ikke bare et delay :)
Avatar billede roenving Novice
05. oktober 2003 - 15:52 #5
Så er det måske sådan en udgave du har brug for:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="Keywords" content="roenving/?;http://www.eksperten.dk/spm/361919">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" language="javascript">
var imgs = new Array();
imgs[0] = new Image();
imgs[0].src = "../billede.jpg";
imgs[1] = new Image();
imgs[1].src = "../billede.jpg";
imgs[2] = new Image();
imgs[2].src = "../billede.jpg";
imgs[3] = new Image();
imgs[3].src = "../billede.jpg";
imgs[4] = new Image();
imgs[4].src = "../billede.jpg";
function checkImgs(){
    for(i=0;imgs.length>i;i++){
        if(!imgs[i].complete)setTimeout('checkImgs()',200)
    }
    displaySiden();
}
</script>
</head>
<body onload="checkImgs()">
<span id="loading" style="display:block;">
<script language="javascript" type="text/javascript">
function displaySiden(){
if(document.all){l=document.all['loading'];s=document.all['siden'];
}else if(document.getElementById){l=document.getElementById('loading');s=document.getElementById('siden');}
l.style.display = 'none'; s.style.display = 'block';}
</script>
<p>Testside</p>
<!-- Her indsættes billede eller tekst, som fortæller at siden loades -->
Loading
</span>
<div id="siden" style="display:none;"><!-- Hele siden indsættes i denne DIV -->
<img src="../eksperten_logo_new.gif"><br>
<img src="../billede.jpg">
</div>
</body>
</html>
Avatar billede 4b4 Nybegynder
07. oktober 2003 - 17:43 #6
svar..
Avatar billede roenving Novice
08. oktober 2003 - 01:22 #7
Velbekomme '-)
Avatar billede roenving Novice
12. oktober 2003 - 13:34 #8
-- og tak for points ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 11:24 Hvor kan jeg finde hjælp til at flytte fra min gamle Samsung Flip4 til min nye Samsung Galaxy S24 Af vbr i Apps til Android
I dag 11:16 problem med mailbesked Af Pestilensen i Excel
I dag 10:45 Powerbank Af postpeter@outlook.dk i Fri debat
22/0821:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
22/0820:06 email adresse Af Malm i Forslag til ændringer
White papers
Flere white papers »