Jump to content
Fórum Script Brasil
  • 0

Expandir conteúdo


JonasFloripa

Question

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>

Edited by JonasFloripa
Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...