Div passant sous SELECT

Div passant sous SELECT - HTML/CSS - Programmation

Marsh Posté le 18-04-2006 à 18:55:25    

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 :
  1. <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">
  2.   <table border="0" width="700" bgcolor="#FB1616" cellspacing="0" cellpadding="2">
  3.   <tr>
  4.   <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0" height="36px">
  5.   <tr>
  6.   <td id="dragbar" style="cursor:hand; cursor:pointer" width="100%" onMousedown="initializedrag(event)"><ilayer width="100%" onSelectStart  ="return false">
  7.   <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>
  8.   <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>
  9.   </tr>
  10.   <tr>
  11.   <td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2">
  12.   <!-- Contenu du calque d'alerte se mettant par dessus-->
  13.   <table width="628">
  14.   <td width="58"><img src="images/attention.jpg" alt="" /></td>
  15.   <td width="536">Attention nous arrivons en fin de semaine pensez à bien valider votre semaine.</td>
  16.   </table>
  17.   <!-- contenu -->
  18.   </td>
  19.   </tr>
  20.   </table>
  21.   </td>
  22.   </tr>
  23.   </table>
  24. </div>


Voici le code javascript

Code :
  1. <script type="text/javascript">
  3. /******************************************
  4. * Popup Box- By Jim Silver @ jimsilver47@yahoo.com
  5. * Visit http://www.dynamicdrive.com/ for full source code
  6. * This notice must stay intact for use
  7. ******************************************/
  9. var ns4=document.layers
  10. var ie4=document.all
  11. var ns6=document.getElementById&&!document.all
  13. //drag drop function for NS 4////
  14. /////////////////////////////////
  16. var dragswitch=0
  17. var nsx
  18. var nsy
  19. var nstemp
  21. function drag_dropns(name){
  22. if (!ns4)
  23. return
  24. temp=eval(name)
  25. temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
  26. temp.onmousedown=gons
  27. temp.onmousemove=dragns
  28. temp.onmouseup=stopns
  29. }
  31. function gons(e){
  32. temp.captureEvents(Event.MOUSEMOVE)
  33. nsx=e.x
  34. nsy=e.y
  35. }
  36. function dragns(e){
  37. if (dragswitch==1){
  38. temp.moveBy(e.x-nsx,e.y-nsy)
  39. return false
  40. }
  41. }
  43. function stopns(){
  44. temp.releaseEvents(Event.MOUSEMOVE)
  45. }
  47. //drag drop function for ie4+ and NS6////
  48. /////////////////////////////////
  51. function drag_drop(e){
  52. if (ie4&&dragapproved){
  53. crossobj.style.left=tempx+event.clientX-offsetx
  54. crossobj.style.top=tempy+event.clientY-offsety
  55. return false
  56. }
  57. else if (ns6&&dragapproved){
  58. crossobj.style.left=tempx+e.clientX-offsetx+"px"
  59. crossobj.style.top=tempy+e.clientY-offsety+"px"
  60. return false
  61. }
  62. }
  64. function initializedrag(e){
  65. crossobj=ns6? document.getElementById("showimage" ) : document.all.showimage
  66. var firedobj=ns6? e.target : event.srcElement
  67. var topelement=ns6? "html" : document.compatMode && document.compatMode!="BackCompat"? "documentElement" : "body"
  68. while (firedobj.tagName!=topelement.toUpperCase() && firedobj.id!="dragbar" ){
  69. firedobj=ns6? firedobj.parentNode : firedobj.parentElement
  70. }
  72. if (firedobj.id=="dragbar" ){
  73. offsetx=ie4? event.clientX : e.clientX
  74. offsety=ie4? event.clientY : e.clientY
  76. tempx=parseInt(crossobj.style.left)
  77. tempy=parseInt(crossobj.style.top)
  79. dragapproved=true
  80. document.onmousemove=drag_drop
  81. }
  82. }
  83. document.onmouseup=new Function("dragapproved=false" )
  85. ////drag drop functions end here//////
  87. function hidebox(){
  88. crossobj=ns6? document.getElementById("showimage" ) : document.all.showimage
  89. if (ie4||ns6)
  90. crossobj.style.visibility="hidden"
  91. else if (ns4)
  92. document.showimage.visibility="hide"
  93. }
  95. </script>


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

Reply

Marsh Posté le 18-04-2006 à 18:55:25   

Reply

Marsh Posté le 18-04-2006 à 19:02:10    

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

Reply

Marsh Posté le 18-04-2006 à 19:39:15    

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
Reply

Marsh Posté le 18-04-2006 à 20:00:09    

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

Reply

Marsh Posté le 18-04-2006 à 21:26:40    

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 :o
Et justement je te mets en garde au passage que ce code c'est de la merde en barre

Reply

Marsh Posté le 18-04-2006 à 21:40:33    

Possible, mais la n'est pas la question.

Reply

Marsh Posté le 18-04-2006 à 21:46:01    

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

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed