Drag + Drop + onMouseMove = Scrollbar nicht nutzbar

  • Drag + Drop + onMouseMove = Scrollbar nicht nutzbar

    hallo leute,

    wollte dragndrop mit div machen, kursor bleibt am scrollbar wie angeklebt

    Quellcode

    1. <html>
    2. <head>
    3. <title></title>
    4. <STYLE TYPE="text/css">
    5. .avb{
    6. position:absolute;
    7. top:30px;left:30px;
    8. height:410px;width:350px;
    9. background:#ff0000;
    10. }
    11. .avbtext{
    12. height:360px;width:330px;
    13. margin:10px 10px 45px 10px;
    14. background:#ffffff;
    15. overflow:auto;
    16. }
    17. </STYLE>
    18. <script type="text/javascript">
    19. <!-- gueltig fuer Netscape ab Version 6, Mozilla, Internet Explorer ab Version 4
    21. var dragobjekt = null;
    22. var dragx = 0;
    23. var dragy = 0;
    24. var posx = 0;
    25. var posy = 0;
    27. function draginit() {
    28. document.onmousemove = drag;
    29. document.onmouseup = dragstop;
    30. }
    31. function dragstart(element) {
    32. dragobjekt = element;
    33. dragx = posx - dragobjekt.offsetLeft;
    34. dragy = posy - dragobjekt.offsetTop;
    35. }
    36. function dragstop() {
    37. dragobjekt=null;
    38. }
    39. function drag(ereignis) {
    40. posx = document.all ? window.event.clientX : ereignis.pageX;
    41. posy = document.all ? window.event.clientY : ereignis.pageY;
    42. if(dragobjekt != null) {
    43. dragobjekt.style.left = (posx - dragx) + "px";
    44. dragobjekt.style.top = (posy - dragy) + "px";
    45. }
    46. }
    47. //-->
    48. </script>
    49. </head>
    50. <body onload="draginit();">
    51. <div onmousedown="dragstart(this)" class="avb">
    52. <div onmousedown="dragstop()" class="avbtext">
    53. sdfg<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>fs
    56. </div>
    57. </div>
    58. </body>
    59. </html>
    Alles anzeigen


    die Code ist aus Selfhtml. Danke im Voraus