steve_mick972
asked on
MM_swapImage over Dropdown's.
I have 2 dropdown's just below the navigational bar.
And when i mouse over the navigational bar, there are 3 to 6 items in the navigation.
If there is textbox or lable, then the menu items stay on the top of it.
If there is a dropdown or an select element, then the menu items go
"BEHIND the dropdown list" and it is tough to select either the dropdown or menu items.
I am using the regular functions :
<script language="JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_pre loadImages .arguments ; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x= a[i])&&x.o Src;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&p arent.fram es.length) {
d=parent.frames[n.substrin g(p+1)].do cument; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length; i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d. layers.len gth;i++) x=MM_findObj(n,d.layers[i] .document) ;
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arg uments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+= 3)
if ((x=MM_findObj(a[i]))!=nul l){documen t.MM_sr[j+ +]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
And when i mouse over the navigational bar, there are 3 to 6 items in the navigation.
If there is textbox or lable, then the menu items stay on the top of it.
If there is a dropdown or an select element, then the menu items go
"BEHIND the dropdown list" and it is tough to select either the dropdown or menu items.
I am using the regular functions :
<script language="JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_pre
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&p
d=parent.frames[n.substrin
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;
for(i=0;!x&&d.layers&&i<d.
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arg
if ((x=MM_findObj(a[i]))!=nul
}
//-->
</script>
There is an extremly difficult workaround to overlay the selects by an iframe exactly below your images.
But that would complicate the page unnecessary.
There is no other way around the select problem (except to hide the complette select object for the overlay moment).
But that would complicate the page unnecessary.
There is no other way around the select problem (except to hide the complette select object for the overlay moment).
Now you was the first one ;-)
:)
ASKER
Anyone????
We just said it was pretty much impossible... If you want to talk of alternatives, we'd be happy to hear them or suggest them...
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
The complete source is here.
Complette is it first together with the HTML page source where the scripts are used.
If I remember correctly, form elements, like applets, are on the supreme layer, so it's pretty much impossible to put your menu over (at least from what I've heard)
Regards,
Zyloch