onChange error!

Go to http://nintendoisland.com/pbfun and look at the source code also you'll need to look at http://nintendoisland.com/fun.js and tell me why the preview isn't changing?

 

Bump can someone please help me I cannot find the error.

 

Its the problem with function names.
You are using spaces inside function name,
which are not allowed. Like,

Give Names without spaces like this,

 

Trying it out we'll see what happens.

 

EDIT: Still does not work...

 

Maybe in this funtcions use .src no setAttribute.
Try paste this in any function and call this function.
example:

if it works in next step try with Your images

 

onChange is tricky, I suggest you to please try only onChange function in a seperate html file, if it works, then implement there.

 

You need to set the onchange to the <select> element and not the options.

 

Then how do I make something happen when they choose different options.

 

each option has a value. use: <select name='sss' onchange='javascript:doSomething(this.value);'>
the value passed to the function changes according to the option selected. You can handle each value differently.

 

Can you show me an example

 

<script language='javascript'>

function HandleOptions(v){
if(v==0) alert("example 1");
else if(v==1) alert("example 2");
else alert(v);
}

</script>


<select name='test' onchange='javascript:HandleOptions(this.value);'>
<option value='0'> option 1</option>
<option value='1'> option 2 </option>
<option value='2'> option 3 </option>
</select>


I hope this helps

 

I am not too good with JavaScript so kind of but not really

 

Have you tried onChange() in seperate html file?