kostenloser Webspace werbefrei: lima-city

Div bewegen?

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   christian1603

   

   christian1603 hat kostenlosen Webspace.

   8:53, 16.1.2010

   Hallo LC,
   Ich habe ein Javascript um ein Div mit der Maus verschieben zu können.
   Aber Leider geht das nicht Richtig. Wo ist der Fehler?
   Hier der Code:
   

   <script type="text/javascript">
   var dragobjekt = null;
   
   var dragx = 0;
   var dragy = 0;
   
   var posx = 0;
   var posy = 0;
   
   
   function draginit() {
   
     document.onmousemove = drag;
     document.onmouseup = dragstop;
   }
   
   
   function dragstart(element) {
   
     dragobjekt = element;
     dragx = posx - dragobjekt.offsetLeft;
     dragy = posy - dragobjekt.offsetTop;
   }  
   
   
   function dragstop() {
   
     dragobjekt=null;
   }
   
   
   function drag(ereignis) {
     posx = document.all ? window.event.clientX : ereignis.pageX;
     posy = document.all ? window.event.clientY : ereignis.pageY;
     if(dragobjekt != null) {
       dragobjekt.style.left = (posx - dragx) + "px";
       dragobjekt.style.top = (posy - dragy) + "px";
     }
   }
   
   
   </script>
   
   
   
   <div id="JoinBox" onmousedown="dragstart(JoinBox)">
     warum kann ich mich nicht bewegen?      
   </div>

   
   
   Wäre euch Dankbar ....... wenn Ihr mal wieder helfen könntet^^
   LG
   
   Beitrag zuletzt geändert: 16.1.2010 8:54:48 von christian1603

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. raubritta

   

   raubritta hat kostenlosen Webspace.

   12:30, 16.1.2010

   schaut eigentlich recht ordentlich aus:
   geb doch einfach mal z.B. den wert dragx aus und schau, ob du die Daten bekommst...

4. floric

   floric hat kostenlosen Webspace.

   23:10, 17.1.2010

   Wenn Du ein DIV bewegen willst. Warum verwendest Du nicht dann scriptacolous?
   
   Das bietet auch eine Funktion, um ein DIV frei zu verschieben.

5. bandi999

   bandi999 hat kostenlosen Webspace.

   23:35, 17.1.2010

   Hi,
   
   sag der "JoinBox" noch, dass sie einen absolute Position hat, dann klappt es.
   

   style="position:absolute"

   
   Gruß
   Manni
   
   Edit:
   PS: habe ich noch vergessen: ruf die Funktion "draginit();" auch auf, du hast sie ja schon definiert ;).
   nochmal Edit:
   Hab grad gesehen, dass eigentlich alles hier http://aktuell.de.selfhtml.org/artikel/javascript/draganddrop/ steht und ziemliche Ähnlichkeit mit deinem Script hat ;).
   
   Beitrag zuletzt geändert: 17.1.2010 23:45:34 von bandi999

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?