<HTML>
<HEAD>
<TITLE>Waciwo offsetParent</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function setImagePosition(){
    var cElement = document.all.myCell
    // Ustawiamy flag okrelajc czy w obliczeniach naley uywa
    // waciwoci client- czy offset-. W przegldarkach
    // IE5/Mac i IE4/Win naley uywa waciwoci client-; a w pozostaych
    // przypadkach waciwoci offset-. Niestety jest to 
    // konieczne rozwizanie.
    
    var useClient = (cElement.offsetTop == 0) ? 
        ((cElement.offsetParent.tagName == "TR") ? false : true) : false
    if (useClient) {
        var x = cElement.clientLeft
        var y = cElement.clientTop
    } else {
        var x = cElement.offsetLeft
        var y = cElement.offsetTop
    }
    var pElement = document.all.myCell.offsetParent
    while (pElement != document.body) {
        if (useClient) {
            x += pElement.clientLeft
            y += pElement.clientTop
        } else {
            x += pElement.offsetLeft
            y += pElement.offsetTop
        }
        pElement = pElement.offsetParent
    }
    document.all.myDIV.style.pixelLeft = x
    document.all.myDIV.style.pixelTop = y
    document.all.myDIV.style.visibility = "visible"
}
</SCRIPT>
</HEAD>
<BODY onload="setImagePosition()">
<SCRIPT LANGUAGE="JavaScript">
</SCRIPT>
<H1>Waciwo offsetParent</H1>
<HR>
<P>Po zaadowaniu dokumentu skrypt wywietla may obrazek dokadnie w prawym, grnym 
wierzchoku drugiej komrki tabeli.</P>
<TABLE BORDER=1 ALIGN="center">
<TR>
    <TD>Oto pierwsza komrka tabeli</TD>
    <TD ID="myCell">A to druga komrka.</TD>
</TR>
</TABLE>
<DIV ID="myDIV" STYLE="position:absolute; visibility:hidden; height:12; width:12">
<IMG SRC="end.gif" HEIGHT=12 WIDTH=12></DIV>
</BODY>
</HTML>
