Ir para conteúdo
Fórum Script Brasil
  • 0

Expandir conteúdo


JonasFloripa

Pergunta

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&ccedil;&atilde;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 JonasFloripa
Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...