PHP & javascript

[Z3RatuL]

Ok here's the deal...

I have created a file where it searches for images in a directory and if it finds any it displays their filenames in a select box (i.e. there's an image called blank.gif, the script displays as an option in the select box the text blank.gif)... This works fine.

What I need to do is when the user selects an image from the list (select box) the image will be displayed next to the select box. I know this is possible with javascript but I don't know much about javascript and if someone could help I'll be very greatfull 😃.

[jpmoriarty]

use what they do on this forum:

in the select tag that defines your dropdown, put

onchange="window.location='page.php?forumid='+this.options[this.selectedIndex].value)"

or variations thereof, depending on what you want to change.

[Z3RatuL]

Originally posted by jpmoriarty
use what they do on this forum:

in the select tag that defines your dropdown, put

onchange="window.location='page.php?forumid='+this.options[this.selectedIndex].value)"

or variations thereof, depending on what you want to change.

This works but it goes to another page... I want to display the image in the same page next to the select box, just like postnuke developers did in their user account page if you know what I mean.

[epimeth]

<select name="mySelect" onChange="document.myImg.src = this.value" >
<option1>
.
.
.
</select>

<img name="myImg" />

make sure that the options are done like so:

<option value="%imgdir%\img.jpg" />img.jpg</option>

also, leaving the img tag without a default src draws a square with a red x in the top left corner. You might want to put in either the first img in the select box or a one white pixel bitmap...

[Z3RatuL]

Originally posted by epimeth
<select name="mySelect" onChange="document.myImg.src = this.value" >
<option1>
.
.
.
</select>

<img name="myImg" />


make sure that the options are done like so:

<option value="%imgdir%\img.jpg" />img.jpg</option>

also, leaving the img tag without a default src draws a square with a red x in the top left corner. You might want to put in either the first img in the select box or a one white pixel bitmap...

thank you! you were most helpfull! It worked fine... I gotta learn javascript also someday, will save me from some problems 😃