Image laden uit select lijst

Auteur: BigTeddy - 27 november 2004 - 18:56 - Gekeurd door: Dennisvb - Hits: 6655 - Aantal punten: 4.40 (5 stemmen)

Dit scriptje laat je toe om plaatje te laden zien met behulp van een drop-down lijst of select lijst.

De namen van de plaatjes dien je als value op te geven in de select lijst. Zonder extencie.

In de functie die je de dir aan te passen aan jouw dir en dien je de extencie aan te passen aan de extencie van je plaatje. Alle plaatjes die je met dit script wilt laten zien dienen wel dezelfde extencie te hebben.

Indien deze dat niet hebben dien je de ext weg te halen in de functie en dien je in de drop-down lijst wel de extencie achter de naam van het plaatje te zetten.

Code:

php code - Bekijk de code zonder highlighting - Klap code in

<script language=javascript>
function haal_img()
{
  var dir = "images/";
  var ext = "jpg";
  document.images.img.src=dir+document.form.select.options[document.form.select.selectedIndex].value+'.'+ext;
}
</script>

<FORM METHOD=POST name=form ACTION="">
<select name="select" onChange="haal_img()">
  <option value="stoel" >De stoel</option>
  <option value="rek" >Een rek</option>
  <option value="bal" >De bal</option>
  <option value="huis" >het huis</option>
</select><br />
  <img src="images/nix.jpg" name="img" /> 
</FORM>

<script language=javascript>
function haal_img()
{
  var dir = "images/";
  var ext = "jpg";
  document.images.img.src=dir+document.form.select.options[document.form.select.selectedIndex].value+'.'+ext;
}
</script>
 
<FORM METHOD=POST name=form ACTION="">
<select name="select" onChange="haal_img()">
  <option value="stoel" >De stoel</option>
  <option value="rek" >Een rek</option>
  <option value="bal" >De bal</option>
  <option value="huis" >het huis</option>
</select><br />
  <img src="images/nix.jpg" name="img" /> 
</FORM>

Download code (.txt)

Stemmen

Niet ingelogd.

Reacties

Post een reactie

Lees de reacties (7)