DIV déplaçable

DIV déplaçable - HTML/CSS - Programmation

Marsh Posté le 17-08-2006 à 11:51:51    

Bonjour à tous,
 
J'ai récupérer un code sur le net pour pouvoir déplacer un div :

Code :
  1. <SCRIPT LANGUAGE="JavaScript">
  2. <!-- Debut
  3. N = (document.all) ? 0 : 1;
  4. var ob;
  5. function MD(e) {
  6. if (N) {
  7.  ob = document.layers[e.target.name];
  8.  X=e.x;
  9.  Y=e.y;
  10.  return false;
  11. }
  12. else {
  13.  ob = event.srcElement.parentElement.style;
  14.  X=event.offsetX;
  15.  Y=event.offsetY;
  16. }
  17. }
  18. function MM(e) {
  19. if (ob) {
  20.  if (N) {
  21.   ob.moveTo((e.pageX-X), (e.pageY-Y));
  22.  }
  23.  else {
  24.   ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
  25.   ob.pixelTop = event.clientY-Y + document.body.scrollTop;
  26.   return false;
  27.  }
  28. }
  29. }
  30. function MU() {
  31. ob = null;
  32. }
  33.  
  34. if (N) {
  35. document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
  36. }
  37. document.onmousedown = MD;
  38. document.onmousemove = MM;
  39. document.onmouseup = MU;
  40.  
  41. // Fin -->  
  42. </script>


 
et voici le code du div :

Code :
  1. <div id="fen" class="alpha">
  2.   <img src="images/barre.gif" name="d" width="563" height="18" border="0" usemap="#dMap">
  3.   <map name="dMap">
  4.     <area shape="circle" coords="553,9,9" href="#" onclick="showhide('fen')">
  5.   </map>
  6.   <div id="fenetre_contenu"><h5>Titre</h5>
  7.     <p>Blablabflk</p>
  8.     <p>dfjsd fb</p>
  9.     <p>sdlkfna</p>
  10.     <p>lsdkf ks</p>
  11.     <p>jdfl skd</p>
  12.     <p>jf
  13.       sdfljsd</p>
  14.     <p>hfsd
  15.       fosdf</p>
  16.     <p>sd
  17.       f¨dsfljs</p>
  18.     <p>dfsdlfjsdlfj</p>
  19.   </div>
  20.    <img src="images/barre2.gif" name="d" width="563" height="13" border="0" style="cursor:move;">
  21. </div>


 
Ce code marche vraiment bien sur IE mais pas sur Firefox... est-il possible de modifier ce code pour qu'il fonctionne sur Firefox ? Ou quelqu'un a-t-il un code similaire ? J'ai souvent eu des porblème avec le Javascript et Firefox... j'ai jamais compris pourquoi (faut dire que je ne suis pas un spécialiste du javascript...  :pfff: )
 
Merci et à+
 
Gaët

Reply

Marsh Posté le 17-08-2006 à 11:51:51   

Reply

Marsh Posté le 17-08-2006 à 12:25:01    

les evenements ne sont pas gérés de la même façon dans IE & FF. De toute façon le code que tu as trouvé est ... pas terrible :o
 
Le dialog de la librairie yahoo est pas mal:
http://developer.yahoo.com/yui/container/

Reply

Sujets relatifs:

Leave a Replay

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