js: onchange image

Door Hipska BE op 10-05-2006 01:09

639 views

ik heb momenteel dit in mijn code zitten:
het zou moeten maken dat wanneer ik iets anders kies in mijn checkbox er dan een andere afbeelding komt te staan.
Nu, wanneer ik dit nu toepas komt er voor de image-src ?id=undefined te staan. wat is er dan mis?


<script language="javascript" type="text/javascript">
<!-- 
function ShowHide(){

	var path = "../../images/?id="; // lets you change the path as needed.

    var img = document.getElementById("img").value;

    document.getElementById("Afbeelding").src = path + img.src;

}
//-->
</script>

<label for='img'>Afbeelding</label><select name="img" id="img" size="1" onchange=ShowHide()>	<option value="0">Kies een afbeelding</option>
	<option value="1">Clublogo</option>
	<option value="2">Nieuws</option>
	<option value="3">Appels</option>
	<option value="4">Kaarten</option>
	<option value="5">Wedstrijd</option>
	<option value="6">Klassement</option>
	<option value="8">Kalenderafbeelding</option>
	<option value="9" selected="selected">Deze site is momenteel onder constructie</option>
	<option value="10">Kranten</option>
	<option value="11">Verjaardagstaart Basketbal</option>
	<option value="12">Paneau</option>
	<option value="13">Silhouet van een basketbalspeler (Offense)</option>
	<option value="14">Silhouet van basketbalspeler (Dunk)</option>
	<option value="15">Basketbalspeler foto</option>
</select>

<img id="Afbeelding" src="../../images/?id=9">

alvast bedankt

Jan Koehoorn

10-05-2006 01:15

In het SRC attribuut van je imagetag heb je nu een GET variabele geplaatst. Dat lijkt me niet correct. Je kunt beter de volledige naam van je image in de options van je selectbox meegeven.

Hipska BE

10-05-2006 01:20

Liever niet eigenlijk
(dit script werkt in combinatie met een db)

kan ik het niet op een of andere manier aanpassen dat het wel werkt?

Edit:
doe ik dit dan komt er dit: /images/8undefined
[code] var path = "../../images/"; // lets you change the path as needed.
var ext = ".jpg";

var x = document.getElementById("img").value;

document.getElementById("Afbeelding").src = path + x + ext.src;

Jelmer -

10-05-2006 08:16

Select werkt niet met value, maar met selectedIndex.

    
var geselecteerdeWaarde = document.getElementById("img").selectedIndex;
var img = document.getElementById("img").options[geselecteerdeOptie].value;

Zie deze pagina van PPK voor meer voorbeelden.

Hipska BE

10-05-2006 22:30

toch bedankt, maar heb het al anders opgelost

Robert Deiman

10-05-2006 23:22

En hoe heb je het dan opgelost? Wij willen natuurlijk wee graag meeleren met jou, en nog meer kennis vergaren van het maken van websites.

Hipska BE

10-05-2006 23:29

<script language="javascript" type="text/javascript">
<!-- 
function ShowHide(img){

	var path = "../../images/?id="; // lets you change the path as needed.
	
    // optie 1
	document.getElementById("Afbeelding").src = path + img;
	// optie 2
	window.open( path + img , "Categorie afbeelding", "width=200,height=200,scrollbars=no,toolbar=no,location=no");

}
//-->
</script>

... onchange=ShowHide(this.value) ...

<img id="Afbeelding" src="leeg.jpg">

Robert Deiman

10-05-2006 23:33

Hipska schreef op 10.05.2006 23:29
<script language="javascript" type="text/javascript">

</script>

... onchange=ShowHide(this.value) ...

<img id="Afbeelding" src="leeg.jpg">

Hipska bedankt voor je medewerking :)

Reageren

Inloggen om te reageren