/    Sign up×
Community /Pin to ProfileBookmark

How to display the DROPDOWN list to be behind DIV tag

Please I have problem : I m showin menu by using DIV but when displaying the DIV all controls except Drop down list it comming behind the DIV so How can I display the DIV in front of the drop down list thanks in advance

to post a comment
JavaScript

2 Comments(s)

Copy linkTweet thisAlerts:
@vwphillipsAug 28.2005 — it's an IE bug
[CODE]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title></title>
</head>

<body onload="zxcInitSelect();" >
<br>
<br>
<br>
<select name="" size="1">
<option value="dd">ddd</option>
</select>
<br>
<br>
<center>
<select name="" size="1">
<option value="dd">ddd</option>
</select>
</center>
<div id="tom" style="position:absolute;top:80px;left:20px;width:100px;height:50px;border:solid black 1px;" >
<span style="background-color:red;" > Drag Me </span>
</div>

<script language="JavaScript" type="text/javascript">
<!--

function zxcInitSelect(){
zxcSelNu=document.getElementsByTagName('select');
zxcObj=document.getElementById('tom');
zxcObjS=zxcObj.style
zxcObjS.visibility='visible';
zxcObj.onmousedown=function(event) { zxcMseDown(event,this);}
zxcSelectCk();
}

function zxcSelectCk(){
if (!document.all){ return; }
for (zxci=0; zxci<zxcSelNu.length; zxci++) {
zxcSelNu[zxci].style.visibility='visible';
if (zxcObjS.visibility!='hidden'&&zxcPos(zxcObj)[0]+zxcObj.offsetWidth>zxcPos(zxcSelNu[zxci])[0]&&zxcPos(zxcObj)[0]<zxcPos(zxcSelNu[zxci])[0]+zxcSelNu[zxci].offsetWidth&&zxcPos(zxcObj)[1]+zxcObj.offsetHeight>zxcPos(zxcSelNu[zxci])[1]&&zxcPos(zxcObj)[1]<zxcPos(zxcSelNu[zxci])[1]+zxcSelNu[zxci].offsetHeight){
zxcSelNu[zxci].style.visibility='hidden';
}
}
}

function zxcPos(zxc){
zxcObjLeft = zxc.offsetLeft;
zxcObjTop = zxc.offsetTop;
while(zxc.offsetParent!=null){
zxcObjParent=zxc.offsetParent;
zxcObjLeft+=zxcObjParent.offsetLeft;
zxcObjTop+=zxcObjParent.offsetTop;
zxc=zxcObjParent;
}
return [zxcObjLeft,zxcObjTop];
}



function zxcMseDown(event,obj) {
document.onmousemove=function(event){zxcDrag(event);}
document.onmouseup=function(event){zxcMseUp(event);}
zxcObj=obj;
zxcMse(event);
zxcDragX=zxcMseX-zxcObj.offsetLeft;
zxcDragY=zxcMseY-zxcObj.offsetTop;
}

function zxcMseUp(event) {
document.onmousemove=null; zxcDragX=-1; zxcDragY=-1;
}

function zxcDrag(event) {
zxcMse(event);
zxcObj.style.left=(zxcMseX-zxcDragX)+'px';
zxcObj.style.top=(zxcMseY-zxcDragY)+'px';
zxcSelectCk();
}

function zxcMse(event){
if(!event) var event=window.event;
if (document.all){ zxcMseX=event.clientX; zxcMseY=event.clientY; }
else {zxcMseX=event.pageX; zxcMseY=event.pageY; }
}


//-->
</script>
</body>

</html>

[/CODE]
×

Success!

Help @nyounaki spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...