Bu Konu Kez Okundu 0 Cevap Aldı Toplam 1 Sayfa Mevcut / 1. Sayfa
YAZAN
  • margon23
    • MESAJI dhtml de katman taşıma problemi 07.04.2008 18:54:58 Şikayet Alıntı Yap
    selam arkadaşlar. dhtml de katman taşıma konusunda bazı problemler yaşıyorum. bu konuda iyi olan ve bana yardımcı olabalecek arkadaşlar varsa cevaplarınızı bekliyorum.
    Kod
    <script language="javascript">

    var     farkX, farkY, obje ;




    function     tut(event){
    obje    = event.currentTarget
    var x    = parseInt(obje.style.left);
    var     y     = parseInt(obje.style.top);
    farkX    = event.clientX - x;
    farkY    = event.clientY    - y;

    document.addEventListener( "mousedown",tasi,  true);
    document.addEventListener("mouseup",birak, true);
    event.stopPropogation();
    event.preventDefault();

    }

    function     tasi(event){
    obje.style.left    = (event.clientX - farkX);
    obje.style.top    = (event.clientY - farkY);
    event.stopPropagation();

    }


    function     birak(event){
    document.removeEventListener(mouseup, birak, true);
    document.removeEventListener(mousemove, tasi, true);
    event.stopPropogation();
    }


    </script>
    </head>

    <body>
    <div id="katman"  align="center" onmousedown="tut(event)" style="position:absolute;
        top:109px;
        left:283px;
        background-color: silver;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12pt;
        width:166px;
        height:150;">
    sürüklenebilir katman</div>

    </body>


    yukarıdaki kodda x ve y değişkeninde obje.style.left ve obje.style.top kodlamasının tanımsız bir nesne olduğu hatasını alıyorum ama objeyi event.currentTarget olarak atamıştım. neyse çok uzatmayım kodu inceleyip yardımcı olabilecek arakdaş varsa sevinirim.