Div passant sous SELECT

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Div passant sous SELECT

masseur

J'ai un petit problème.
En effet j'ai un calque qu'on peux appelé DHTML.
CEpendant sous IE le calque passe sous tout mes select.

Voici le code du calque.

Code :

<div id="showimage" style="position:absolute; left:250px; top:250px; border-right : 2px solid black; border-left : 2px solid black; border-top : 2px solid black; border-bottom : 2px solid black">
<table border="0" width="700" bgcolor="#FB1616" cellspacing="0" cellpadding="2">
<tr>
<td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0" height="36px">
<tr>
<td id="dragbar" style="cursor:hand; cursor:pointer" width="100%" onMousedown="initializedrag(event)"><ilayer width="100%" onSelectStart ="return false">
<layer width="100%" onMouseover="dragswitch=1;if (ns4) drag_dropns(showimage)" onMouseout="dragswitch=0"><font face= "Verdana" color="#FFFFFF">Avertissement sur la validation de votre semaine.</font></layer></ilayer></td>
<td style="cursor:hand"><a href="#" onClick="hidebox();return false"><img class="croix" src="images/close.gif" width="16px" height= "14px" border=0></a></td>
</tr>
<tr>
<td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2">
<table width="628">
<td width="58"><img src="images/attention.jpg" alt="" /></td>
<td width="536">Attention nous arrivons en fin de semaine pensez à bien valider votre semaine.</td>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>

Voici le code javascript

Code :

<script type="text/javascript">
/******************************************
* Popup Box- By Jim Silver @ jimsilver47@yahoo.com
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/
var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all
//drag drop function for NS 4////
/////////////////////////////////
var dragswitch=0
var nsx
var nsy
var nstemp
function drag_dropns(name){
if (!ns4)
return
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}
function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}
function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}
//drag drop function for ie4+ and NS6////
/////////////////////////////////
function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx+"px"
crossobj.style.top=tempy+e.clientY-offsety+"px"
return false
}
}
function initializedrag(e){
crossobj=ns6? document.getElementById("showimage" ) : document.all.showimage
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "html" : document.compatMode && document.compatMode!="BackCompat"? "documentElement" : "body"
while (firedobj.tagName!=topelement.toUpperCase() && firedobj.id!="dragbar" ){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}
if (firedobj.id=="dragbar" ){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY
tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)
dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmouseup=new Function("dragapproved=false" )
////drag drop functions end here//////
function hidebox(){
crossobj=ns6? document.getElementById("showimage" ) : document.all.showimage
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
document.showimage.visibility="hide"
}
</script>

Si vous avez des idées je suis preneur.
Merci d'avance

Publicité

gatsu35

Blablaté par Harko

En plus que ton code soit tout pourri, il n'y a pas de solution à ta question.

tout simplement parce qu'un élément de type winform sous IE sera toujours placé au dessus d'un div (select, activex, applet java....)

en plus les 3/4 des lignes de ton script sont bonnes à mettre à la poubelle

masseur

Merci de tes remarques constructives.
Si tu avais pris le temps de regarder en haut tu aurais vu que ce script n'était pas de moi.

Merci quand même

Message cité 2 fois

xtof_83

Freeride Spirit

masseur a écrit :

Merci de tes remarques constructives.
Si tu avais pris le temps de regarder en haut tu aurais vu que ce script n'était pas de moi.

Merci quand même

Raison de plus.

On est pas ici pour corriger du code pompé et encore plus quand il est vraiment pas beau à voir

gatsu35

Blablaté par Harko

masseur a écrit :

Merci de tes remarques constructives.
Si tu avais pris le temps de regarder en haut tu aurais vu que ce script n'était pas de moi.

Merci quand même

Justement ça se voit du premier coup d'oeil que ce code n'est pas de toi
Et justement je te mets en garde au passage que ce code c'est de la merde en barre

masseur

Possible, mais la n'est pas la question.

gatsu35

Blablaté par Harko

Je t'ai aussi donné la reponse en te disant que ce n'est pas possible

FORUM HardWare.fr

Programmation

HTML/CSS

Div passant sous SELECT

Sujets relatifs
Personnaliser une balise select	Mise en forme dans un select
[struts-layout]Affichage d'un select	DIV centrée verticalement et height=100%
[resolu] afficher un text area en fonction d'un select...	[HTML/CSS/Javascript] Select et onchange
SELECT COUNT vs MYSQL_NUM_ROWS	Comment faire un Select du resultat d'une Procedure Stockée ?
Probleme DIV scrollable dans un Tableau	UDP winsock2 : Select problem
Plus de sujets relatifs à : Div passant sous SELECT

Page générée en 0.070 secondes