<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
/*Fun��o de DropDown Tabela*/
function ShowTabela(obj, e, tabela, vis)
{
var mOver = '';
var mOut = '';
var mClick = '';
var vis;
var tipo ='';
if(window.event)
tipo = window.event.type;
else
tipo = e.type;
if(tipo == 'click')
{
if(vis == 'show')
{
obj.onmouseover = function onmouseover(event){ '' };
obj.onmouseout = function onmouseout(event){ '' };
obj.onclick = function onclick(event){ ShowTabela(this,event,tabela,'hide')}
obj.title = "Clique para esconder a tabela";
document.getElementById(tabela).style.display = '';
}
else
{
obj.onmouseover = function onmouseover(event){ ShowTabela(this,event,tabela,'show') };
obj.onmouseout = function onmouseout(event){ ShowTabela(this,event,tabela,'hide') };
obj.onclick = function onclick(event){ ShowTabela(this,event,tabela,'show' )}
obj.title = "Clique para fixar a tabela";
document.getElementById(tabela).style.display = 'none';
}
}
else
{
document.getElementById(tabela).style.display = (vis == 'show' ? '' : 'none');
}
}
</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#F5F5F5" title="Clique para fixar a tabela" onClick="ShowTabela(this,event,'tbTeste1', 'show')" onMouseOver="ShowTabela(this,event,'tbTeste1', 'show')" onMouseOut="ShowTabela(this,event,'tbTeste1', 'hide')" style="cursor: pointer; border-bottom:1px solid #666666;border-top:1px solid #666666">teste 1
<table width="80%" border="0" align="right" cellpadding="0" cellspacing="0" id="tbTeste1" style="display:none">
<tr>
<td bgcolor="#CCCCCC">oi tabela 1</td>
</tr>
<tr>
<td bgcolor="#CCCCCC">oi tabela 1</td>
</tr>
<tr>
<td bgcolor="#CCCCCC">oi tabela 1</td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#F5F5F5" title="Clique para fixar a tabela" onClick="ShowTabela(this,event,'tbTeste2','show')" onMouseOver="ShowTabela(this,event,'tbTeste2','show')" onMouseOut="ShowTabela(this,event,'tbTeste2','hide')" style="cursor: pointer; border-bottom:1px solid #666666">teste 2
<table width="80%" border="0" align="right" cellpadding="0" cellspacing="0" id="tbTeste2" style="display:none">
<tr>
<td bgcolor="#00FF00">oi tabela 2</td>
</tr>
<tr>
<td bgcolor="#00FF00">oi tabela 2</td>
</tr>
<tr>
<td bgcolor="#00FF00">oi tabela 2</td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#F5F5F5" title="Clique para fixar a tabela" onClick="ShowTabela(this,event,'tbTeste3', 'show')" onMouseOver="ShowTabela(this,event,'tbTeste3', 'show')" onMouseOut="ShowTabela(this,event,'tbTeste3', 'hide')" style="cursor: pointer; border-bottom:1px solid #666666">teste 3
<table width="80%" border="0" align="right" cellpadding="0" cellspacing="0" id="tbTeste3" style="display:none">
<tr>
<td bgcolor="#FFFF00">oi tabela 3</td>
</tr>
<tr>
<td bgcolor="#FFFF00">oi tabela 3</td>
</tr>
<tr>
<td bgcolor="#FFFF00">oi tabela 3</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>