Layer folgt cursor (Höhe / Breite)

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Layer folgt cursor (Höhe / Breite)

    Hallo zusammen,

    ich habe ein kleines Problem:

    ich habe einen Layer Bsp:
    ---------------------------
    <style type="text/css">
    #myLayer {
    border-width:1px;
    border-style:dotted;
    border-color:red;
    }
    </style>

    <div id="myLayer" style="position:absolute; left:100px; top:100px; width:200px; height:200px;"></div>
    ---------------------------

    jetzt möchte ich, dass die Position (left:100px; top:100px des Layer erhalten wird, die Höhe und die Breite an den Cursor anhaften, bzw. dynamisch verändert werden...

    wie geht denn sowas???

    Gruss und Dank

    Vladimir

  • #2
    So gehts (zumindest beim IE)

    Code:
    <SCRIPT LANGUAGE="JavaScript"> 
    
    
    function handlerMM(e){ 
    Xmm = (isNav) ? e.pageX : event.clientX; 
    Ymm = (isNav) ? e.pageY : event.clientY; 
    document.getElementById("myDiv").style.width = Xmm-100;
    document.getElementById("myDiv").style.height = Ymm-100;
    
    } 
    document.onmousemove = handlerMM; 
    </script> 
    
    
    <br><br>
    
    <style type="text/css">
    #myDiv {
    border-width:1px;
    border-style:solid;
    border-color:red;
    }
    </style>
    
    <div id="myDiv" style="position:absolute; left:100px; top:100px;">&nbsp;</div>

    Kommentar

    Lädt...
    X