NOTICE: This website is no longer updated or supported - as such many of the techniques used to build it may seem antiquated in the modern day. It is preserved for historical reasons only.
<style type="text/css"></head>
<!--
#test { position:absolute; top:260px;-->
left:300px;
background-color: yellow;}
</style>
<script type="text/javascript">
<!--
/* test for objects */
(document.layers) ? layerobject=true : layerobject=false;//-->
(document.all) ? allobject = true: allobject = false;
(document.getElementById) ? dom = true : dom = false;
function changeVisibility(id,action)
{
switch (action)
{
case "show":
if (layerobject)
document.layers[''+id+''].visibility = "show";
else if (allobject)
document.all[''+id+''].style.visibility = "visible";
else if (dom)
document.getElementById(''+id+'').style.visibility = "visible";
break;
case "hide":
if (layerobject)
document.layers[''+id+''].visibility = "hide";
else if (allobject)
document.all[''+id+''].style.visibility = "hidden";
else if (dom)
document.getElementById(''+id+'').style.visibility = "hidden";
break;
default:return;
}
return;
}
function changePosition(id,x,y)
{
if (layerobject)
{
document.layers[''+id+''].left = x;
document.layers[''+id+''].top = y;
}
else if (allobject)
{
document.all[''+id+''].style.left=x;
document.all[''+id+''].style.top=y;
}
else if (dom)
{
document.getElementById(''+id+'').style.left=x+"px";
document.getElementById(''+id+'').style.top=y+"px";
}
return;
}
</script>
<input type="button" value="show" onclick="changeVisibility('test','show');" /></form>
<input type="button" value="hide" onclick="changeVisibility('test','hide');" />
<br /><br />
X: <input type="text" name="xcoord" id="xcoord" size="4" maxlength="4" value="100" />
Y: <input type="text" name="ycoord" id="ycoord" size="4" maxlength="4" value="100" />
<input type="button" value="move" onclick="changePosition('test',document.testform.xcoord.value,document.testform.ycoord.value);" />