Archief - JS: links werken in Firefox maar weeral niet in IE

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
C

Cyberkid

Legacy Member
is een scriptje voor een fotoalbum met js

Code: 
<html>
<head>
<title>KLJ Doorslaar</title>
<link href="../../includes/style.css" rel="stylesheet" type="text/css">
<script language="javascript">	
function start()
		{
		var tnr=window.location.search;
		var array=tnr.split("=");
		var nr=array[1];
		var nr=parseInt(nr);
		document.images['foto'].src=nr +'.jpg';
		currentslide=nr; 
		maxslides=100;
		foto = new Array(maxslides+1); 
		for(var n=1;n<=maxslides;n++) { 
			foto[n]=new Image(800,600);
			foto[n].src=n +'.jpg';
		} 
	} 
	function vorige() { 
		if(document.images) { 
			currentslide--; 
			if(currentslide<1) currentslide=1; 
			document.images['foto'].src=foto[currentslide].src; 
		} 
	} 
	function volgende() { 
		if(document.images) {
			currentslide++; 
			if(currentslide>maxslides) currentslide=maxslides; 
			document.images['foto'].src=foto[currentslide].src; 
		} 
	} 
</script>
</head>
<body onLoad="start()">
<p>
<table cellspacing="0" border="0" width="500" align="center">
<tr>
	<td colspan="3" background="../../includes/top.png"><span id="bar">+16 Kamp</span></td>
</tr>
<tr>
	<td colspan="3" align="center"  background="../../includes/foto.png">
		<a href="javascript:vorige()"><img src="../../includes/vorige.png" border="0"></a>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="javascript:window.close()"><img src="../../includes/sluiten.png" border="0"></a>
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="javascript:volgende()"><img src="../../includes/volgende.png" border="0"></a>
	</td>
</tr>
<tr>
	<td width="10" background="../../includes/foto.png"></td>
	<td width="480"><img src="1.jpg" name="foto"></td>
	<td width="10" background="../../includes/foto.png"></td>
</tr>
<tr>
	<td height="30" colspan="3" background="../../includes/bottom.png"></td>
</tr>
</table>
</body>
</html>
hier is de code zoals ge ziet: als ge op de imageke klikt zou em dus de functie vorige() of volgende() moeten gebruiken, dit gebeurd in firefox maar niet in internet explorer :(

voorbeeld
'k heb hier nu wel enkel 3 foto's geupped
D

Dx-Solutions

Legacy Member
Hey,

Ik denk dat het komt omdat uw variabele vergeten is.
Maak één functie ipv 3, en geef een waarde mee aan de functie.
function foto ('var'){

if (var == 'vorige'){
...
}

}
Klik om te vergroten...
...
<a href="javascript:foto('vorige')">
<a href="javascript:foto('volgende')">
C

Cyberkid

Legacy Member
'k vin het eigenlijk gewoon zeer raar aangezien window.close() wel werkt zonder variable tussen de haakjes van de functie
F

Fr3aK

Legacy Member
Gebruik
Code: 
document.getElementById('foto').src
ipv
Code: 
document.images['foto'].src

Ge moet dan wel die "name" van die image veranderen naar "id":
Code: 
<img src="1.jpg" [b]id[/b]="foto">
C

Cyberkid

Legacy Member
aangepast maar werkt nog niet, de fout zit em in het javascript zelf niet in de link want als'k als functie volgende() pak van alert("bla") toont em diene alert wel dus em roept de functie wel degelijk op.
D

Dx-Solutions

Legacy Member
Hey,

De functie 3 in 1 was enkel een optie om het makkelijker te maken.
Var "currentslide" is niet herkend in vorige en volgende.
Ofwel maak je die variabelen globaal, ofwel 1 functie.

Greetz,

X.
C

Cyberkid

Legacy Member
waarom werkte het daarvoor dan wel met gewone knoppen vanuit een formulier met juist hetzelfde javascript ? nu heb'k die knoppen vervangen door figuren en 't werkt niet
edit:
probleem is opgelost heb diene boel met de array eruit gesmeten en gewoon gezegd
document.getElementById('foto').src=currentslide+'.jpg'
en 't werkte nu ook in IE :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan