23 sty 2008

Dymek nad komórką tabeli HTML

Dymek nad komórką tabeli HTML. Dymek generowany jest w Java Script

<!DOCTYPE>
<HTML>

<HEAD>
    <TITLE> New Document </TITLE>
</HEAD>

<BODY>  
  <SCRIPT LANGUAGE="JavaScript">

    function vDymek(nazwa) {

      var div = document.getElementById(nazwa);
      div.style.display = 'block';

      //var par = div.parentNode.parentNode;
      //alert(div.parentNode.parentNode.style.height );
    }

    function hDymek(nazwa) {
      var div = document.getElementById(nazwa);
      div.style.display = 'none';
    }
  </SCRIPT>
    <TABLE border="0" bgcolor="#F0F0F0">
      <TR>
          <TD style="height: 20px;">
        <div style="position: relative;" onMouseOver="vDymek('dymekA')" onMouseOut="hDymek('dymekA')">MS-G Tekst"<div
            id="dymekA"
            style="position: absolute; display: none; border: 1px solid; width: 700px; top: 0; left: 0; background-color: #efefef;">
            MS-G Tekst" Tłumacz Przysięgły Języka Francuskiego, Czeskiego i Rosyjskiego Małgorzata Sibilska-Górska</div>
        </div>
      </TD>
          <TD>druga kolumna</TD>
          <TD>trzecia kolumna</TD>
        </TR>
      </TABLE>
   </BODY>

</HTML>