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>
Pergunta
JonasFloripa
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,lanche 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>Editado por JonasFloripaLink para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.