none
Escondendo DIV RRS feed

  • Pergunta

  • Estou tendo problema ao esconder um div, eu consigo setar a propriedade visible dele, mas ele ainda fica conservando espaço...

    Eu queria saber como esconder também o ESPAÇO que ele ocupa.

    Exemplo :

    Como está :
    -------------------------
    __
    |_|      div1
    __
    |_|      div2

    -------------------------
    eu escondo o div 1 e fica assim :
    -------------------------


    __
    |_|      div2

    -------------------------

    e eu queria que ficasse assim :
    -------------------------
    __
    |_|      div2



    -------------------------

    deu pra intender? se sim, me ajudem com isso plz.
    sábado, 8 de março de 2008 16:19

Respostas

  • R3n4n,

     

    configure a propriedade position da DIV para relative e veja se funciona:

     

    <div id="div1" style="position:relative">...</div>


    Ricardo Oneda
    http://oneda.mvps.org/blog

    domingo, 9 de março de 2008 18:54
    Moderador
  •  

    http://www.macul.eti.br/tecnologia/web/javascript/displaynone.htm

     

     

     

    Code Snippet

    <script language="JavaScript">
    <!--

    function aparece()
    {
    document.getElementById('linhatabela').style.display='';
    }

    function desaparece()
    {
    document.getElementById('linhatabela').style.display='none';
    }
    // -->
    </script>


    <table width="99%" border="0" align="center" cellpadding="0" cellspacing="0" ID="Table1">
     <tr>
       <td>
       Linha 1
      </td>
     </tr>
     <tr bgcolor="#F0F0F0" id="linhatabela" style="display:none">
      <td>
       Linha escondida
      </td>
     </tr>
     <tr>
      <td>
       Linha 3
      </td>
     </tr>

     <tr>
      <td>
       Linha 4
      </td>
     </tr>
     <tr>
      <td>
       <input type=button name=bt value=Aparece onclick="BLOCKED SCRIPTaparece();" ID="Button2">
       <input type=button name=bt value=Desaparece onclick="BLOCKED SCRIPTdesaparece();" ID="Button3">
      </td>
     </tr>
    </table>

     

     

    segunda-feira, 10 de março de 2008 12:44

Todas as Respostas

  • R3n4n,

     

    configure a propriedade position da DIV para relative e veja se funciona:

     

    <div id="div1" style="position:relative">...</div>


    Ricardo Oneda
    http://oneda.mvps.org/blog

    domingo, 9 de março de 2008 18:54
    Moderador
  •  

    http://www.macul.eti.br/tecnologia/web/javascript/displaynone.htm

     

     

     

    Code Snippet

    <script language="JavaScript">
    <!--

    function aparece()
    {
    document.getElementById('linhatabela').style.display='';
    }

    function desaparece()
    {
    document.getElementById('linhatabela').style.display='none';
    }
    // -->
    </script>


    <table width="99%" border="0" align="center" cellpadding="0" cellspacing="0" ID="Table1">
     <tr>
       <td>
       Linha 1
      </td>
     </tr>
     <tr bgcolor="#F0F0F0" id="linhatabela" style="display:none">
      <td>
       Linha escondida
      </td>
     </tr>
     <tr>
      <td>
       Linha 3
      </td>
     </tr>

     <tr>
      <td>
       Linha 4
      </td>
     </tr>
     <tr>
      <td>
       <input type=button name=bt value=Aparece onclick="BLOCKED SCRIPTaparece();" ID="Button2">
       <input type=button name=bt value=Desaparece onclick="BLOCKED SCRIPTdesaparece();" ID="Button3">
      </td>
     </tr>
    </table>

     

     

    segunda-feira, 10 de março de 2008 12:44
  • Blz, vou tentar das duas formas, agora estou sem tempo para ver especificadamente esse problema, portanto acho que demorarei a dar uma resposta se funcionou.

    Obrigado pela ajuda.

    Retornarei assim q possível =D
    segunda-feira, 10 de março de 2008 15:54