Location: PHPKode > scripts > LinkRow > linkrow/sampleoutput.html

<HTML>
<HEAD>
<TITLE>LinkRow Demo</TITLE>
<style>
body    { background: #FFFFCC; padding:0; margin: 0; text-align: center}
TABLE   { margin:0; padding:0; border: none}
H1      { background: lightgreen; padding: 5; margin: 5}
H1.test { background: lightblue; padding: 5; margin: 5}
H2      { background: pink; padding: 5; margin: 5; text-align: center; border:groove}
</style>

<!-- Link Item Entries Format specifiy here -->
<style>
.linkheader { background: lightblue; color: red; width: 100px;
              border: outset; text-align: center}
.linkitem   { background: lightgreen; color: blue; widht: 100px;
              border: solid 1 black; text-align: center}
.linkcomment    {   font-family: Tahoma; font-size: 8pt;
                    text-align: center;   background: white;
                    margin: 0; padding: 1; width: 100;
                    border: solid 1 black;
                 }
.linkheader2 { font-weight: bold; font-size: 10pt;
        background: cyan; color: red;
        vertical-align: top; width: 100px;  padding: 1;
        border: outset; text-align: center}
.linkitem2    {   font-family: Tahoma; font-size: 8pt;
                    text-align: center;   background: #9999CC;
                    margin: 0; padding: 1; width: 100;
                    border: outset;
                 }
.linkcomment2    {   font-family: Tahoma; font-size: 8pt;
                    text-align: center;   background: white;
                    margin: 0; padding: 1; width: 100;
                    border: solid;
                 }
:hover { background: white}
</style>
</HEAD>
<BODY>
<H1>LinkRow Demo</H1>
<HR><H2>Drop Down Menu</H2>
<CENTER>
<script>
if (document.all)
   divTag=document.all;
else  divTag=document.getElementsByTagName('DIV');
</script>
<TABLE CELLSPACING=0 CELLPADDING=0>
<TR>
	<TD>
<DIV class=linkheader 
	onmouseover="divTag.UNIQUED0.style.display='block'" onmouseout="divTag.UNIQUED0.style.display='none' " >
Web Tool<BR>
</DIV>
<DIV ID=UNIQUED0 style='display: none; position: absolute;' onmouseover="divTag.UNIQUED0.style.display='block'" onmouseout="divTag.UNIQUED0.style.display='none' " >
<DIV class=linkitem><A HREF='http://www.php.net'>PHP</A></DIV><DIV class=linkcomment>This is comment</DIV><DIV class=linkitem><A HREF='http://www.apache.net'>Apache</A></DIV><DIV class=linkitem><A HREF='http://www.mysql.com'>MySql</A></DIV><TD>
<DIV class=linkheader2 
	onmouseover="divTag.UNIQUED1.style.display='block'" onmouseout="divTag.UNIQUED1.style.display='none' " >
<A HREF='http://www.w3c.org'>Web Tool 2</A><BR>
</DIV>
<DIV ID=UNIQUED1 style='display: none; position: absolute;' onmouseover="divTag.UNIQUED1.style.display='block'" onmouseout="divTag.UNIQUED1.style.display='none' " >
<DIV class=linkitem2><A HREF='http://www.php.net'>PHP</A></DIV><DIV class=linkitem2><A HREF='http://www.apache.net'>Apache</A></DIV><DIV class=linkitem2><A HREF='http://www.mysql.com'>MySql</A></DIV></DIV></TD>
<TD>
<DIV class=linkheader 
	onmouseover="divTag.UNIQUED2.style.display='block'" onmouseout="divTag.UNIQUED2.style.display='none' " >
<A HREF='http://www.w3c.org'>Web Tool 2</A><BR>
</DIV>
<DIV ID=UNIQUED2 style='display: none; position: absolute;' onmouseover="divTag.UNIQUED2.style.display='block'" onmouseout="divTag.UNIQUED2.style.display='none' " >
</DIV></TD></TABLE></CENTER>

Return current item: LinkRow