<HTML> <HEAD> <TITLE>Z-Index</TITLE> <script> function setindex() { div1.style.zIndex=text1.value; select1.style.zIndex=text2.value; getindexes(); } function getindexes(){ text1.value=div1.style.zIndex; text2.value=select1.style.zIndex; text3.value=5; } </script> </HEAD> <BODY onload="getindexes()"> Div <input type="text" value="" id=text1 name=text1 ><p> Select <input type="text" value="" id=text2 name=text2><p> IFrame <input type="text" value="" id=text3 name=text3><p> <input type="button" value="Set Z-Index" id=button1 name=button1 onclick="setindex()"> <DIV id=div1 name=div1 style="width:200;height:200;background-color:lightblue; position:absolute;left:350;top:250;z-index:">DIV</DIV> <select id=select1 name=select1 style=";position:absolute;left:300;top:400;width=300;z-index:" size=1 > <option>Option1 <option>Option2 <option>Option3 </select> <object id="iframe1 " type="text/html" style="width:100;height:115;position:absolute; left:400;top:300;border-color:green;z-index:5"> </object> </BODY> </HTML>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)