I am having the problem that my layers overlap a text box on my page. The layer goes underneath the form element. Does anyone know how I can get the layer to go over the top of the text box ???<!--content-->in your layers style setting put z-index:1;<br />
that should make it appear above form elements.<!--content-->no that won't work. the form elemnts are not rendered by the browser, they are rendered by the os. the only way you can make the form elements go behind the layer is to hide the form element. but make sure you unhide it when the mouse has left the layer.<!--content-->scoutt, that works for me, make my menus appaer above form elements.<!--content-->I had a page that explained this realy well, but I lost it. I will try to find it again.<br />
<br />
but i'm curious.... can you show me an example...<!--content-->Scoutt's right. The problem here is what's called 'windowed controls' (or 'windowed elements').<br />
IE have a knowledge base artice on it here:<br />
<!-- m --><a class="postlink" href="http://support.microsoft.com/directory/article.asp?ID=KB;EN-US;Q177378">http://support.microsoft.com/directory/ ... US;Q177378</a><!-- m --><br />
There's a better cross-browser discussion here:<br />
<!-- m --><a class="postlink" href="http://www.webreference.com/dhtml/diner/seethru/">http://www.webreference.com/dhtml/diner/seethru/</a><!-- m --><!--content-->thanks Jon, that was the page I was looking for. the webreference one. you the man
<!--content-->wait, nm, it was the javascript that i was using to chnage the layers from visible to hidden and such<br />
<br />
<br />
<script language="JavaScript"><br />
<!--<br />
<!--<br />
function MM_reloadPage(init) { //reloads the window if Nav4 resized<br />
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {<br />
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}<br />
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();<br />
}<br />
MM_reloadPage(true);<br />
// --><br />
function MM_findObj(n, d) { //v4.0<br />
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {<br />
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}<br />
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];<br />
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);<br />
if(!x && document.getElementById) x=document.getElementById(n); return x;<br />
}<br />
function MM_showHideLayers() { //v3.0<br />
var i,p,v,obj,args=MM_showHideLayers.arguments;<br />
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];<br />
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'
v='hide')?'hidden':v; }<br />
obj.visibility=v; }<br />
}<br />
//--><br />
</script><!--content-->
that should make it appear above form elements.<!--content-->no that won't work. the form elemnts are not rendered by the browser, they are rendered by the os. the only way you can make the form elements go behind the layer is to hide the form element. but make sure you unhide it when the mouse has left the layer.<!--content-->scoutt, that works for me, make my menus appaer above form elements.<!--content-->I had a page that explained this realy well, but I lost it. I will try to find it again.<br />
<br />
but i'm curious.... can you show me an example...<!--content-->Scoutt's right. The problem here is what's called 'windowed controls' (or 'windowed elements').<br />
IE have a knowledge base artice on it here:<br />
<!-- m --><a class="postlink" href="http://support.microsoft.com/directory/article.asp?ID=KB;EN-US;Q177378">http://support.microsoft.com/directory/ ... US;Q177378</a><!-- m --><br />
There's a better cross-browser discussion here:<br />
<!-- m --><a class="postlink" href="http://www.webreference.com/dhtml/diner/seethru/">http://www.webreference.com/dhtml/diner/seethru/</a><!-- m --><!--content-->thanks Jon, that was the page I was looking for. the webreference one. you the man
<!--content-->wait, nm, it was the javascript that i was using to chnage the layers from visible to hidden and such<br /><br />
<br />
<script language="JavaScript"><br />
<!--<br />
<!--<br />
function MM_reloadPage(init) { //reloads the window if Nav4 resized<br />
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {<br />
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}<br />
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();<br />
}<br />
MM_reloadPage(true);<br />
// --><br />
function MM_findObj(n, d) { //v4.0<br />
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {<br />
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}<br />
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];<br />
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);<br />
if(!x && document.getElementById) x=document.getElementById(n); return x;<br />
}<br />
function MM_showHideLayers() { //v3.0<br />
var i,p,v,obj,args=MM_showHideLayers.arguments;<br />
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];<br />
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'
v='hide')?'hidden':v; }<br />obj.visibility=v; }<br />
}<br />
//--><br />
</script><!--content-->