Kellékek

Kellékek | Vegyes | Dinamikus szelektor

Demo: A navigációs ablakban kiválasztott kép megjelenik.

A menüablakból lehet képet választani..
A beírt .gif képek jelennek meg a kiválasztáskor az ablak mellett.

Kód: Head része

Head részbe másold .

Kód: Body része

<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="1" onChange="generateimage(this.options[this.selectedIndex].value)">
            <option value="http://freewebsablon.hu/logogyuma.gif" selected>Logo</option>
            <option value="http://freewebsablon.hu/gyuma1.gif">Földgömb</option>
            <option value="http://freewebsablon.hu/gyuma2.gif">Táncos</option>
            <option value="http://freewebsablon.hu/gyuma3.gif">Forgó</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>
//Dynamic Image selector Script- Š Dynamic Drive (www.dynamicdrive.com)
//For full source code, installation instructions,
//100's more DHTML scripts, visit dynamicdrive.com
//enter image descriptions ("" for blank)
var description=new Array()
description[0]="Gyuma: Logo "
description[1]=" Gyuma: Földgömb "
description[2]=" Gyuma: Táncos "
description[3]=" Gyuma: Forgó "

var ie4=document.all
var ns6=document.getElementById
var tempobj=document.dynamicselector.dynamicselector2
if (ie4||ns6)
var contentobj=document.getElementById? document.getElementById("dynamic3"): document.all.dynamic3
function generateimage(which){
if (ie4||ns6){
contentobj.innerHTML='<center>Loading image...</center>'
contentobj.innerHTML='<center><img src="'+which+'"><br><br>'+description[tempobj.options.selectedIndex]+'</center>'
}
else if (document.layers){
document.dynamic1.document.dynamic2.document.write('<center><img src="'+which+'"><br><br>'+description[tempobj.options.selectedIndex]+'</center>')
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>

Body részbe másold ahol szeretnéd, hogy megjelenjen .