Expandir conteúdo
Olá pessoal, estou com um probleminha aqui, como não entendo muito de javascript, resolvi pedir ajuda.
Tenho um sistema o qual ele me retorna um lista de conteúdo, só que na lista ele só aparece o título e depois clico em um sinal de + para expandir e aparecer o restante do conteúdo. Funciona mais ou menos bem, o problema que quando a página é carregada, ele deixa expandido dos os conteúdo, menos o último.
Será que alguém poderia dar uma olhada no código e ver o q está de errado?
Obrigado
<script language="javascript">
var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) { if (ie4) { return document.all[id]; } else { return document.getElementById(id); } }
function toggle(link, divId) { var lText = link.innerHTML; var d = getObject(divId);
if (lText == '+') { link.innerHTML = '-'; d.style.display = 'block'; }
else { link.innerHTML = '+'; d.style.display = 'none'; } }
</script>
<?php
$query = "SELECT id,semana, DAY(data) as dia,MONTH(data) as mes,YEAR(data) as ano,horainicial,horafinal,local,tempo,qtdguardas,qtdhoras1,qtdhoras2,missao,lanc
he FROM escalahoraextra where status='S' order by id desc";
$resultado = $obj->executaQuery($query);
while ( $linhaN = mysql_fetch_array($resultado) )
{
$id = $linhaN['id'];
$semanaN = $linhaN['semana'];
$horainicial = $linhaN['horaincial'];
$horafinal = $linhaN['horafinal'];
$qtdhoras1 = $linhaN["qtdhoras1"];
$qtdhoras2 = $linhaN["qtdhoras2"];
$qtdguardas = $linhaN["qtdguardas"];
$local = $linhaN['local'];
$missao = $linhaN["missao"];
$dia = $linhaN['dia'];
$mes = $linhaN['mes'];
$ano = $linhaN['ano'];
$tempo = $linhaN['tempo'];
$lanche = $linhaN['lanche'];
?>
<table width="100%" border="0" cellspacing="1" cellpadding="1">
<tr bgColor="cccccc">
<td width="8%" align="center" class="negrito"><?php echo $dia." / ".$mes." / ".$ano; ?></A></td>
<td width="10%" align="center" class="negrito"><? echo $linhaN['horainicial']; ?> ás <? echo $linhaN['horafinal']; ?></td>
<td width="29%" align="left" class="negrito"><? echo $linhaN['local'].' - '.$semanaN; ?></td>
<td width="47%" align="left" class="negrito"><? echo $linhaN['tempo']; ?></td>
<td width="4%" class="negrito" align="center">
//link que quando clicado expande o restante do conteúdo
[<a title="show/hide" id="<? echo $id; ?>_link" href="java script: void(0);" onclick="toggle(this, '<? echo $id; ?>');" class="Teste s" style="text-decoration: none; color: #FFFFFF; ">-</a>]
</td>
<td width="2%" class="negrito" align="center"><A HREF="../classes/controleNomeEscala.php?id=<? echo $linhaN['id']; ?>&login=<? echo $linhaS['login']; ?>&chave=1" border="0"><IMG SRC="images/true.gif" ALT="Clic na imagem para fazer parte da escala" width="14" height="13"BORDER="0"></A></td>
</tr>
</table>
//div que mostra o restante do conteúdo quando clico no link acima
<div id="<? echo $id; ?>" style="padding: 3px;">
<table width="100%" border="1" cellpadding="1" cellspacing="1" bordercolor="#CCCCCC">
<tr>
<td width="351" align="right" bgcolor="#006699" class="branco">Data:</td>
<td width="881" align="left" class="negrito"><?php echo $dia." / ".$mes." / ".$ano; ?></td>
</tr>
<tr>
<td width="351" align="right" bgcolor="#006699" class="branco">Semana:</td>
<td width="881" align="left" class="negrito"><?php echo $semanaN; ?></td>
</tr>
<tr>
<td align="right" bgcolor="#006699" class="branco">Hora:</td>
<td align="left" class="negrito"><?php echo $horainicial; ?> ás <?php echo $horafinal; ?></td>
</tr>
<tr>
<td align="right" bgcolor="#006699" class="branco">Qtd de Horas: </td>
<td align="left" class="negrito"><?php echo $qtdhoras1; ?> de 100% e <?php echo $qtdhoras2; ?> de 200%</td>
</tr>
<tr>
<td align="right" bgcolor="#006699" class="branco">Qtd de Guardas: </td>
<td align="left" class="negrito"><?php echo $qtdguardas; ?></td>
</tr>
<tr>
<td align="right" bgcolor="#006699" class="branco">Evento:</td>
<td align="left" class="negrito"><?php echo $local; ?></td>
</tr>
<tr>
<td align="right" valign="top" bgcolor="#006699" class="branco">Missão:</td>
<td align="left" class="negrito"><?php echo $missao; ?></td>
</tr>
<tr>
<td align="right" bgcolor="#006699" class="branco">Tempo de publicação:</td>
<td align="left" class="negrito"><?php echo $tempo; ?></td>
</tr>
<tr>
<td align="right" bgcolor="#006699" class="branco">Lanche:</td>
<td align="left" class="negrito"><?php echo $lanche; ?></td>
</tr>
</table>
</div>
<?php
}
?>
//chama a função script
<script language="javascript">toggle(getObject('<? echo $id; ?>_link'), '<? echo $id; ?>');</script>Discussão (2)
Carregando comentários...