gedoe met document.getElementById

Door - - op 04-08-2006 17:32

378 views

Ik ben een soort diashow aan het maken, maar het wil steeds niet.
Dit heb ik nu:

diashow.php


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
		<title>LandArt Projecten bij Events - voor kinderen en volwassenen</title>
		<link href="diashow.css" type="text/css" rel="stylesheet" />
		<script language="javascript" type="text/javascript" src="diashow.js"></script>
	</head>

	<body>
		<h1>Voorbeeldproject</h1>
<p align="center"><b><font size="6">De Hemelse Zoetheid</font><br />Een kunstproject in samenwerking met de Suikerunie en de Annie M.G.Schmidtschool.</b></p>
<div class="off" id="diashowdiv">
	<p align="center"><img src="" id="diashowimg" height="300"></p>
	<p><a href="javascript:stopdiashow();">Stop de diashow</a></p>
</div>
<div class="on" id="diashowstartdiv">

	<p><a href="javascript:startdiashow(1, 'diashow');">Start de diashow</a></p>
</div>
<p><b>Projectbeschrijving:</b><br />Geïnspireerd door de oosterse mandala en de indiaanse zandtekening, maken wij één groot rond suikerkleed op het fabrieksterrein van de Suikerunie. We werken met verschillende kleuren suiker, suikerklontjes en allerlei materialen die bij de productie van suikerbiet tot suiker nodig zijn: pulp, cokes-, en kalksteen.<br />Daarbij proberen we een tegenwicht te bieden aan de frivoliteit van de zoete verleidingen van alledag, door op zoek te gaan naar de verstilde, hemelse sereniteit en haar eigen zoetheid. De hemelse geneugten: niet de lust, maar de stilte en serene rust zijn leidraad.<br />We werken met de kinderen vanuit de binnencirkel naar buiten toe, waarbij de buitenrand robuuster, meer driedimensionaal en aards is, waarbinnen een subtielere, verstilde hemelse binnencirkel. Het ordenen, rangschikken en symmetrisch schikken van de materialen vraagt een haast meditatieve arbeidsrust. Monnikenwerk dus!</p>	</body>

</html>

diashow.css


body{
	margin: 10px;
	background-color: #E1E1E1;
	font-family: Tahoma;
	color: #4E4545;
	font-size: 10pt;
}
h1{
	font-size: 12pt;
	letter-spacing: 3.5pt;
	font-weight: bold;
	text-align: center;
}
.on{
}
.off{
	display: none;
}

diashow.js


	var aantal = new Array();
	aantal[1] = 120;
	var bezig = new Array();
	bezig[1] = 0;
	function pic(id, diashow, did){
		var volgende = id+1;
		if (bezig[diashow]==1){
			if (aantal[diashow]>volgende){
				document.getElementById(did).src='jpg/diashow/'+diashow+'/'+id+'.jpg';
				setTimeout(pic(volgende, diashow, did), 3000);
			}
			else{
				stopdiashow(diashow);
			}
		}
	}
	function startdiashow(diashow, did){
		document.getElementById('diashowstartdiv').class='off';
		document.getElementById('diashowdiv').class='on';
		bezig[diashow] = 1;
		pic(1, diashow, did);
	}
	function stopdiashow(diashow){
		document.getElementById('diashowstartdiv').class='on';
		document.getElementById('diashowdiv').class='off';
		bezig[diashow] = 0;
	}

Jan zei dat het iets was met init:
[ignore]

[/ignore]


<script type="text/javascript">
window.onload = init;
function init () {
    setTimeout enz enz
}
function pic () {
   enz enz
}
</script>

[ignore]

[/ignore]
Weet iemand hoe dit moet? Zelf heb ik init nooit gebruikt, en was het ook nooit nodig.

Greatzz,
Jonathan
[edit]
Gedoe met een [ignore]

[/ignore] in een [ignore]

[/ignore].
[/edit]