Abas

[Guest --agitonoticias --]

Ola amigos!

Estou com um probleminha, não entendo quase nada de java script

e estou com um menu com abas mas eu dei uma modificada nele

pra ficar igual aqueles itens do coonteudo da pagina principal do yahoo.

O problema é que quando eu clico pra ativar a aba, desativa as outras

se vocês derem uma olhada na hora já vão saber o que é, mas eu não intendo quase nada

Me ajudem por favor!

Muito obrigado desde já...

Vou enviar a pagina para darem uma olhada:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

&lt;script>

function AbreAbas(nome_div)

{

var total_divs = document.getElementsByTagName('div').length;

var div = "";

var td = "";

for (var i=1; i < total_divs+1; i++)

{

div = "div"+i;

td = "td"+i;

document.getElementById(div).style.display = "none";

document.getElementById(td).style.backgroundColor = "";

document.getElementById(div).className="div";

if (div == nome_div)

{

document.getElementById(nome_div).style.display = "block";

document.getElementById(td).style.backgroundColor = "#CCCCCC";

}

}

}

</script>

<div id="div3" style="position:absolute; left:158; top:411; width:425px; height:181px; z-index:2">

<table width="425" height="180" border="0" cellpadding="0" cellspacing="1" bgcolor="#d4d6df">

<tr>

<td valign="top" bgcolor="#FFFFFF"> <table width="421" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td width="198" align="center" valign="middle" background="../img_design/fatia_item2.jpg" class="menu3">Artigos</td>

<td width="26"><img src="../img_design/fatia_item.jpg" width="26" height="24"></td>

<td width="197" align="center" valign="middle" background="../img_design/fatia_item3.jpg" class="menu" id="td4">

<a href="#" onClick="AbreAbas('div4')"> Palavra

do Bispo</a></td>

</tr>

</table></td>

</tr>

</table>

</div>

<div id="div4" style="position:absolute; left:158px; top:411px; width:426px; height:180px; z-index:1">

<table width="425" height="180" border="0" cellpadding="0" cellspacing="1" bgcolor="#d4d6df">

<tr bgcolor="#FFFFFF">

<td valign="top"><table width="421" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td width="198" align="center" valign="middle" background="../img_design/fatia_item3.jpg" class="menu" id="td3">

<a href="#" onClick="AbreAbas('div3')"> Artigos </a> </td>

<td width="26"><img src="../img_design/fatia_item4.jpg" width="26" height="24"></td>

<td width="197" align="center" valign="middle" background="../img_design/fatia_item2.jpg" class="menu3">Palavra

do Bispo</td>

</tr>

</table></td>

</tr>

</table>

</div>

<div id="div1" style="position:absolute; left:158px; top:220px; width:425px; height:180px; z-index:3">

<table width="425" height="180" border="0" cellpadding="0" cellspacing="1" bgcolor="#d4d6df">

<tr>

<td height="150" valign="top" bgcolor="#FFFFFF"><table width="421" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td width="198" align="center" valign="middle" background="../img_design/fatia_item2.jpg" class="menu3">Ultimos

eventos </td>

<td width="26"><img src="../img_design/fatia_item.jpg" width="26" height="24"></td>

<td width="197" align="center" valign="middle" background="../img_design/fatia_item3.jpg" class="menu" id="td2">

<a href="#" onClick="AbreAbas('div2')"> Notícias </a> </td>

</tr>

</table></td>

</tr>

</table>

</div>

<div id="div2" style="position:absolute; left:158; top:220; width:426px; height:181px; z-index:2">

<table width="425" height="180" border="0" cellpadding="0" cellspacing="1" bgcolor="#d4d6df">

<tr bgcolor="#FFFFFF">

<td valign="top"><table width="421" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td width="198" align="center" valign="middle" background="../img_design/fatia_item3.jpg" class="menu" id="td1">

<a href="#" onClick="AbreAbas('div1')"> Ultimos eventos </a> </td>

<td width="26"><img src="../img_design/fatia_item4.jpg" width="26" height="24"></td>

<td width="197" align="center" valign="middle" background="../img_design/fatia_item2.jpg" class="menu3">Notícias</td>

</tr>

</table></td>

</tr>

</table>

</div>

[Guest --Agitonoticias --]

já resolvi valeu!

[fahledu]

Posta a solução...

Pode ajudar outros também...