|
 |
|
|
|
|
|
Hi all......Click on a Button and view the image on the right side of the Window......
Insert this code in the html file using NotePad:-
| CODE | <form name="dynamicselector">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="178">
<tr>
<td width="35%" valign="top" align="left">
<select name="dynamicselector2" size="4" onChange="generateimage(this.options[this.selectedIndex].value)">
<option value="logo.gif" selected>Logo</option>
<option value="imagemap.gif">Pool ball</option>
<option value="plane.gif">Plane</option>
<option value="hand.gif">Hand</option>
<option value="cake.gif">Pie</option>
</select>
</td>
<td width="65%" valign="top" align="left"><ilayer id="dynamic1" width=100% height=178><layer id="dynamic2" width=100% height=178><div id="dynamic3"></div></layer></ilayer></td>
</tr>
</table>
</form>
<script>
var tempobj=document.dynamicselector.dynamicselector2
function generateimage(which){
if (document.all){
dynamic3.innerHTML='<center>Loading image...</center>'
dynamic3.innerHTML='<img src="'+which+'">'
}
else if (document.layers){
document.dynamic1.document.dynamic2.document.write('<img src="'+which+'">')
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 (document.all||document.layers){
if (tempobj.options.selectedIndex!=-1)
window.onload=generatedefault
}
</script> |
ANy error....PM me 
|
|
|
|
