Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Scripts > JavaScript > Afbeelding effecten > Image laden uit select lijst

Reacties op het script Image laden uit select lijst

biertie

Gepost op: 27 november 2004 - 18:59

Onbekend

voorbeeld...
... werkt niet

Tuinstoel

Gepost op: 27 november 2004 - 19:24

PHP expert

Het werkt wel hoor, maargoed...

Ik heb de code ff tussen code-tags gezet.

BigTeddy

Gepost op: 27 november 2004 - 19:56

PHP gevorderde

hmm stond die er dan niet tussen...
Ik heb ff naar het voorbeeld gezien en het werkt hoor

biertie

Gepost op: 27 november 2004 - 19:57

Onbekend

hehe, daarnet werkte het dus niet

maar euhm, wat ben je eigenlijk met dit script, kan toch makkelijk anders

Duikboot

Gepost op: 27 november 2004 - 23:07

Grafische gevorderde

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

<script language=javascript> 
function haal_img() 
{ 
  var dir = "../images/avatars/"; 
  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="predator" >Alien vs. Predator</option> 
  <option value="potc" >Pirates of the Caribbean</option> 
  <option value="pirates" >Pirates of the Caribbean</option> 
  <option value="vanhelsing" >Van Helsing</option> 
<input type="text" name="url" onChange="haal_img()" value="haal_img().jpg">
  </select><br /> 
  <img src="images/nix.jpg" name="img" /> 
</FORM>

<script language=javascript> 
function haal_img() 
{ 
  var dir = "../images/avatars/"; 
  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="predator" >Alien vs. Predator</option> 
  <option value="potc" >Pirates of the Caribbean</option> 
  <option value="pirates" >Pirates of the Caribbean</option> 
  <option value="vanhelsing" >Van Helsing</option> 
<input type="text" name="url" onChange="haal_img()" value="haal_img().jpg">
  </select><br /> 
  <img src="images/nix.jpg" name="img" /> 
</FORM>

Hoe kan ik ervoor zorgen dat de naam van het plaatje samen met de dir in een textfield word weergegeven. Ik heb al wat geprobeerd, maar ik hem geen verstand van JS

BigTeddy

Gepost op: 28 november 2004 - 01:31

PHP gevorderde

Wel simpel door nog een document uit te voeren.
Het wordt dan het onderstaande, let erop dat je nix binnen de select tags zet dat er niet mag. Want hierboven heb je je input daar gezet.

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

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

  document.images.img.src	=url; 
  document.form.url_img.value=url;
} 

</script> 

<FORM METHOD=POST name=form ACTION=""> 
<select name="select" onChange="haal_img()"> 
  <option value="predator" >Alien vs. Predator</option> 
  <option value="potc" >Pirates of the Caribbean</option> 
  <option value="pirates" >Pirates of the Caribbean</option> 
  <option value="vanhelsing" >Van Helsing</option> 
</select><br /> 
  <img src="images/nix.jpg" name="img" onload='url_img(this.src);' /> 
  <input type="text" name="url_img"> 
</FORM>

<script language=javascript> 
function haal_img() 
{ 
  var dir = "../images/avatars/"; 
  var ext = "jpg"; 
  var url = dir+document.form.select.options[document.form.select.selectedIndex].value+'.'+ext;
 
  document.images.img.src	=url; 
  document.form.url_img.value=url;
} 
 
</script> 
 
<FORM METHOD=POST name=form ACTION=""> 
<select name="select" onChange="haal_img()"> 
  <option value="predator" >Alien vs. Predator</option> 
  <option value="potc" >Pirates of the Caribbean</option> 
  <option value="pirates" >Pirates of the Caribbean</option> 
  <option value="vanhelsing" >Van Helsing</option> 
</select><br /> 
  <img src="images/nix.jpg" name="img" onload='url_img(this.src);' /> 
  <input type="text" name="url_img"> 
</FORM>

Addow

Gepost op: 26 januari 2005 - 14:04

PHP beginner

BigTeddy, 'k heb ongeveer 't zelfde scriptje in m'n persoonlijke site gebruikt, waabrij ik dus geen weet had van dit script.

1 opmerking of tip: ik heb er een scrolling optie aan toegevoegd. Dus wanneer je een foto geselecteerd hebt, kan je adhv je scroller eveneens je pic kiezen (pic verandert samen met je selectmenu'ke).

Mss een klein tipke voor de uitbreiding. Dan is dit uiterst handig!

Enkel aanvullende informatie, vragen en antwoorden op vragen zijn welkom.