View Single Post
Eski 18/08/2007, 16:41   #5 (permalink)
mkarabulut
Luke is back...
 
mkarabulut Adlı Üyenin Profil Grafiği
 
Üyelik Tarihi: 05/2002
Yer: ../Dark_Side
Mesaj: 2,443
Varsayılan

Neyse artık...

Ufak bir örnek. Kodları incele. Olabildiğince basit olmasına çalştım
Kod:
<html>
<head>
<script language=javascript>
function findPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft
        curtop = obj.offsetTop
        while (obj = obj.offsetParent) {
            curleft += obj.offsetLeft
            curtop += obj.offsetTop
        }
    }
    return [curleft,curtop];
}

function ShowMenu(obj)
{
  var pos = findPos(obj);
  var div = document.getElementById('DIV_Menu');

  div.style.position = 'absolute';
  div.style.left = pos[0] + 'px';
  div.style.top  = pos[1] + 'px';
  div.style.display = 'inline';
  div.innerHTML = 'Üzerine gelinen içerik : ' + obj.innerHTML;
}

function HideMenu()
{
   document.getElementById('DIV_Menu').style.display = 'none';
}
</script>
<body>

<div style="border:1px solid blue;background-color:whitesmoke;width:300px;padding:10px;">
    <div onmouseover="ShowMenu(this)" onmouseout="HideMenu()">Bu satırın üstüne gelin (DIV)</div>
    <br>
</div>

<div id="DIV_Menu" style="display:none;width:100px;background-color:red;color:white;"></div>
</body>
</html>
__________________
Do or do not. There is no try.
mkarabulut hatta değil   Alıntı Yaparak Yanıtla