Diashow met HTML pagina's??

Status
Niet open voor verdere reacties.
B

Benthouse

Gebruiker
Lid geworden
15 jan 2003
Berichten
71
Hallo, allemaal,

Ik heb een programma waarin ik meerdere poule's heb aangemaakt voor een biljarttoernooi. De uitslagen worden in dit programma verwerkt. Nu heeft dit programma de mogelijkheid om de stand in HTML weg te schrijven. Ik kan dus meerdere HTML bestanden maken (voor elke poule 1 bestand.)
Nu wil ik het volgende:

In een browser de tussenstanden (gegenereerde HTML pagina) oproepen, en die per poule laten rouleren als een diashow. Ik projecteer het beeld van de PC vervolgens op een muur, zodat de deelnemers de tussenstand zelf af kunnen lezen.

Nu is dit natuurlijk te genereren d.m.v. ee MetaTag

<META HTTP-EQUIV="Refresh" CONTENT="5;URL=poule2.html">

deze regel moet dan bovenaan de HTML code geplaatst worden van poule1.

Dit is natuurlijk lastig, elke keer na het invullen van een uitslag kan er snel een HTML bestandje gemaakt worden, echter het toevoegen van bovenstaande MetaTag is lastig als dit handmatig moet gebeuren.

Nu ben ik opzoek naar een (HTML?) script die hetzelfde realiseert als de MetaTag.

Wie kan mij helpen aan zo'n stukje script?
 
frames

Met HTML/JavaScript is het niet mogelijk om te zien welke bestanden bestaan en welke niet.

De beste oplossing is om een pagina te maken met 2 frames. In een van de frames staat een stukje javascript dat de in het andere frame telkens de volgende dia laat zien.

Een stukje code:
<html>
<head>
<script language="JavaScript">
var aantal_paginas = 4; //het aantal pagina's
var i = 0; //waar te beginnen
var tussentijd = 5000 //aantal milliseconden tussen de dia's
var poules = new Array(aantal_paginas);
poules[0]="poule1.htm";
poules[1]="poule2.htm";
poules[2]="poule3.htm";
poules[3]="poule4.htm";
function volgende_dia()
{
parent.dia.location.href = poules;
if (i==aantal_paginas-1) i=0; else i=i+1;
setTimeout("volgende_dia()",tussentijd);
}
</script>
<title>script</title>
</head>

<body onload="volgende_dia()">
<p>Dit bestand bevat het stukje javascript die de diashow verzorgd</p>
</body>
</html>

Zie ook bijlage (met 4 poules)

Of live op http://faber.xs4all.nl/helpmij/diashow/
 

Bijlagen

Laatst bewerkt:
slapen helpt

Vanmorgen bedacht ik me opeens dat die array niet eens nodig is. De onderstaande code voor script.htm werkt ook. En dan hoe je alleen het aantal_pagina's aan te passen als je een extra poule wilt toevoegen.

Code van script.htm:
<html>
<head>
<script language="JavaScript">
var aantal_paginas = 4; //het aantal pagina's
var i = 1; //waar te beginnen
var tussentijd = 5000 //aantal milliseconden tussen de dia's

function volgende_dia()
{
parent.dia.location.href = "poule" + i + ".htm";
if (i==aantal_paginas) i=0; else i=i+1;
setTimeout("volgende_dia()",tussentijd);
}
</script>
<title>script</title>
</head>

<body onload="volgende_dia()">
<p>Dit bestand bevat het stukje javascript die de diashow verzorgd</p>
</body>
</html>
 
Dia Show met HTML pagina's

Frankwin,

Ik ben een leek op het gebied van HTML.
Datgene wat jij op je website hebt draaien is precies wat ik zoek.

Met jouw stukje script lukt het mij echter niet.
Als bijlage stuur ik je 2 poules.

De HTML code van de poules moet zo blijven. Dus een los script zoals je nu gemaakt heb voldoet in principe prima.
Ik weet alleen niet hoe je gescheiden frames op moet zetten.

Kun je mij nog even verder op weg helpen?

Groeten
Benthouse
 

Bijlagen

Dia Show in HTML

Frank,

Ik ben inmiddels een stuk verder, en heb het hele zaakje draaiend.

Wat mij opvalt is het volgende:

Ik genereer poule met de naam POULEx.HTML
Waarbij x een getal is.

Nu gaat jouw script uit van POULEx.HTM.

Ik moet dus de bestandsnamen aanpassen naar *.HTM.

Ik heb getracht het script aan te passen, maar het lukt mij niet om direct met HTML extensie te werken. Hoe kan dit?

Groeten Benthouse
:thumb:
 
verander dit

Verander
parent.dia.location.href = "poule" + i + ".htm";
in
parent.dia.location.href = "poule" + i + ".html";

en het zou moeten werken.

In het script ben ik er van uitgegaan dat alle bestanden in dezelfde directory/map staan.

PS: Mijn naam is Frankwin, geen Frank
 
Dia show in HTML

Frankwin,

Ik ben er helemaal uit. het werkt volledig naar mijn wens.

Heb je script op 2 plekken aangepast:

var i = 1; //waar te beginnen dit was 0

parent.dia.location.href = "poule" + i + ".html";

dit was:
parent.dia.location.href = "poule" + i + ".htm";


Hieronder het gebruikte script:

<html>
<head>
<script language="Javascript">
var aantal_paginas = 14; //het aantal poule's
var i = 1; //waar te beginnen
var tussentijd = 5000 //aantal milliseconden tussen de dia's

function volgende_dia()
{
parent.dia.location.href = "poule" + i + ".html";
if (i==aantal_paginas) i=1; else i=i+1;
setTimeout("volgende_dia()",tussentijd);
}
</script>
<title>script</title>
</head>

<body onload="volgende_dia()">
<p>TUSSENSTANDEN IN DE POULES</p>
</body>
</html>



Heel veel dank namens de organisatie van het Hensbroek Open Biljartkampioenschap!!!!
:thumb: :thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan