Prev: FAQ Topic - How do I force a reload from the server/prevent caching? (2010-01-09)
Next: Explaining an error
From: Stephan Moos on 9 Jan 2010 00:29
Hallo NG

ich habe hier so meine Problemchen mit diesem Kleinen Script. Es sollte
eigentlich das Bild wechseln. kann mir da ein JAvascript experte helfen?

**************
<select id="select" onchange="wechsel()">
<option value="bilder/folien/folie_vorschau_ge8b.gif">rose</option>
<option value="bilder/folien/folie_vorschau_hw85.gif">tulpe</option>
<option value="bilder/folien/folie_vorschau_ne8b.gif">nelke</option>
</select>

<img src="bilder/folien/folie_vorschau_ge8b.gif" id="vorschaubild">

<script language="JavaScript">
function wechsel()
{
document.vorschaubild.scr = document.select.value)
}
</script>
****************

Danke
Stephan Moos


From: JR on 9 Jan 2010 07:36
On Jan 9, 3:29 am, "Stephan Moos" <xla...(a)vtxmail.ch> wrote:
> Hallo NG
>
> ich habe hier so meine Problemchen mit diesem Kleinen Script. Es sollte
> eigentlich das Bild wechseln. kann mir da ein JAvascript experte helfen?
>
> **************
> <select id="select" onchange="wechsel()">
> <option value="bilder/folien/folie_vorschau_ge8b.gif">rose</option>
> <option value="bilder/folien/folie_vorschau_hw85.gif">tulpe</option>
> <option value="bilder/folien/folie_vorschau_ne8b.gif">nelke</option>
> </select>
>
> <img src="bilder/folien/folie_vorschau_ge8b.gif" id="vorschaubild">
>
> <script language="JavaScript">
> function wechsel()
>  {
>  document.vorschaubild.scr = document.select.value)
>  }
> </script>

I would modify your example a little bit to:

<select name="flowers" onchange="wechsel(this.value)">
[...]
</select>

Then,

<script type="text/javascript">
function wechsel(flowerValue) {
var img = document.getElementById('vorschaubild');
if (img) {
img.src = flowerValue;
}
}
</script>

PS.: Always validate your HTML markup at:
http://validator.w3.org/

Cheers,
JR
 | 
Pages: 1
Prev: FAQ Topic - How do I force a reload from the server/prevent caching? (2010-01-09)
Next: Explaining an error