DHTML Image Selector...

[powderkeg1]

Hello All,

I got this script code from Dynamic Drive and followed the following
directions for it's use,
Simply add the below code where you wish the image selector to appear:

<form name=&quot;dynamicselector&quot;>
<table border=&quot;0&quot; width=&quot;100%&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; height=&quot;178&quot;>
<tr>
<td width=&quot;35%&quot; valign=&quot;top&quot; align=&quot;left&quot;>
<select name=&quot;dynamicselector2&quot; size=&quot;4&quot;
onChange=&quot;generateimage(this.options[this.selectedIndex].value)&quot;>

<option
value=&quot;

http://images.amazon.com/images/P/1565924940.01.TZZZZZZZ.jpg&quot;

selected>DHTML Guide</option>
<option
value=&quot;

http://images.amazon.com/images/P/0201353415.01.TZZZZZZZ.jpg&quot;>DHTML

QuickStart</option>
<option
value=&quot;

http://images.amazon.com/images/P/1556225865.01.TZZZZZZZ.jpg&quot;>HTML4</

option>
<option
value=&quot;

http://images.amazon.com/images/P/1861001746.01.TZZZZZZZ.jpg&quot;>IE5

DHTML</option>
</select>
</td>
<td width=&quot;65%&quot; valign=&quot;top&quot; align=&quot;left&quot;><ilayer id=&quot;dynamic1&quot; width=100%
height=178><layer id=&quot;dynamic2&quot; width=100% height=178><div
id=&quot;dynamic3&quot;></div></layer></ilayer></td>
</tr>
</table>
</form>

<script>

//Dynamic Image selector Script- ? Dynamic Drive (

http://www.dynamicdrive.com)

//For full source code, installation instructions,
//100's more DHTML scripts, visit dynamicdrive.com

//enter image descriptions (&quot;&quot; for blank)
var description=new Array()
description[0]=&quot;DHTML: The Definitive Guide&quot;
description[1]=&quot;DHTML Visual QuickStart Guide&quot;
description[2]=&quot;HTML 4 and DHTML&quot;
description[3]=&quot;IE5 DHTML Reference&quot;

var ie4=document.all
var ns6=document.getElementById
var tempobj=document.dynamicselector.dynamicselector2
if (ie4||ns6)
var contentobj=document.getElementById? document.getElementById(&quot;dynamic3&quot:
document.all.dynamic3
function generateimage(which){
if (ie4||ns6){
contentobj.innerHTML='<center>Loading image...</center>'
contentobj.innerHTML='<center><img
src=&quot;'+which+'&quot;><br><br>'+description[tempobj.options.selectedIndex]+'</cent
er>'
}
else if (document.layers){
document.dynamic1.document.dynamic2.document.write('<center><img
src=&quot;'+which+'&quot;><br><br>'+description[tempobj.options.selectedIndex]+'</cent
er>')
document.dynamic1.document.dynamic2.document.close()
}
else
alert('You need NS 4+ or IE 4+ to view the images!')
}

function generatedefault(){
generateimage(tempobj.options[tempobj.options.selectedIndex].value)
}

if (ie4||ns6||document.layers){
if (tempobj.options.selectedIndex!=-1){
if (ns6)
generatedefault()
else
window.onload=generatedefault
}
}

</script>

The script is very easy to set up. First, change all the values inside the
<option> tags to reflect the paths to the images you want shown (you can add
or delete <option> tags, depending on how many images you have). Lastly,
change the height attribute of the <table> tag to reflect the height
required to accommodate the LARGEST image in your gallery (in the demo, 178
pixels).

but all I get is the code in the window pane, no form. what am I doing
wrong..? I entered the code, using dreamweaver4, in between the body tags just after a logo image, don't
see anything wrong there.

*My Version* (Just one example of an image link.)

<form name=&quot;dynamicselector&quot;>
<table border=&quot;0&quot; width=&quot;100%&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; height=&quot;178&quot;>
<tr>
<td width=&quot;35%&quot; valign=&quot;top&quot; align=&quot;left&quot;>
<select name=&quot;dynamicselector2&quot; size=&quot;4&quot;
onChange=&quot;generateimage(this.options[this.selectedIndex].value)&quot;>

<option value=&quot;

http://images/yellowbird.jpg&quot;

selected>DHTML Guide</option>
<option
value=&quot;

http://images.amazon.com/images/P/0201353415.01.TZZZZZZZ.jpg&quot;>DHTML

QuickStart</option>
<option
value=&quot;

http://images.amazon.com/images/P/1556225865.01.TZZZZZZZ.jpg&quot;>HTML4</

option>
<option
value=&quot;

http://images.amazon.com/images/P/1861001746.01.TZZZZZZZ.jpg&quot;>IE5

DHTML</option>
</select>
</td>
<td width=&quot;65%&quot; valign=&quot;top&quot; align=&quot;left&quot;><ilayer id=&quot;dynamic1&quot; width=100%
height=178><layer id=&quot;dynamic2&quot; width=100% height=178><div
id=&quot;dynamic3&quot;></div></layer></ilayer></td>
</tr>
</table>
</form>

<script>

//Dynamic Image selector Script- ? Dynamic Drive (

http://www.dynamicdrive.com)

//For full source code, installation instructions,
//100's more DHTML scripts, visit dynamicdrive.com

//enter image descriptions (&quot;&quot; for blank)
var description=new Array()
description[0]=&quot;DHTML: The Definitive Guide&quot;
description[1]=&quot;DHTML Visual QuickStart Guide&quot;
description[2]=&quot;HTML 4 and DHTML&quot;
description[3]=&quot;IE5 DHTML Reference&quot;

var ie4=document.all
var ns6=document.getElementById
var tempobj=document.dynamicselector.dynamicselector2
if (ie4||ns6)
var contentobj=document.getElementById? document.getElementById(&quot;dynamic3&quot:
document.all.dynamic3
function generateimage(which){
if (ie4||ns6){
contentobj.innerHTML='<center>Loading image...</center>'
contentobj.innerHTML='<center><img
src=&quot;'+which+'&quot;><br><br>'+description[tempobj.options.selectedIndex]+'</cent
er>'
}
else if (document.layers){
document.dynamic1.document.dynamic2.document.write('<center><img
src=&quot;'+which+'&quot;><br><br>'+description[tempobj.options.selectedIndex]+'</cent
er>')
document.dynamic1.document.dynamic2.document.close()
}
else
alert('You need NS 4+ or IE 4+ to view the images!')
}

function generatedefault(){
generateimage(tempobj.options[tempobj.options.selectedIndex].value)
}

if (ie4||ns6||document.layers){
if (tempobj.options.selectedIndex!=-1){
if (ns6)
generatedefault()
else
window.onload=generatedefault
}
}

</script>

Any help/advice greatly appreciated. Cheers all.

powderkeg1...

 

[baad]

hie
ie5.0 check, ur script & form works fine (may be not fine, but it definetly works) regards, vic