[HTML/JS] Div in div probleem

[Mamphiz]

He,

Ik heb een div(1) in een div(2)
Als ik div(2) hide, dan resized div(1) niet automatisch mee, wat resulteert in een gat in mijn website.

Is dit probleem doormiddel van JS op te lossen?

[McVirusS]

Misschien een linkje/code? Hier kunnen we niks mee. Ik denk zelf dat je de visibility op hidden zet. Als je wilt dat de ruimte niet meer in beslag wordt genomen kan je beter style.display op "none" zetten .

[Mamphiz]

dit is mijn code:

code:

function show_hide(naam,image,standaard) {
    if (dd.elements[naam].visible){
        dd.elements[naam].hide(true);
        MM_swapImage(image,'','images/icon.plus.gif',1);
    }else{
        dd.elements[naam].show();
        MM_swapImage(image,'','images/icon.min.gif',1);
    }
}

Gebruik DHTML component.
Als ik hide() doe, dan verbergt hij de html, maar als ik hide(true) doe, "verwijderd" hij de code en moet hij de informatie omhoog schuiven (die eronder staat). Met een enkele div werkt het wel, maar een div in een div werkt niet...

[ Voor 15% gewijzigd door Mamphiz op 23-09-2004 11:07 ]

[McVirusS]

Ik denk niet dat we hier genoeg aan hebben. Heb je misschien ook de HTML code? Of gewoon een URL naar de pagina als het mogelijk is?

[McVirusS]

Liefst zou ik ook code van de hide en/of show functie willen zien dan kunnen we zien wat die functie precies doet .

[Mamphiz]

Website kan ik niet laten zien, is een interne applicatie...

code:

<p class='subtitle'><a href="javascript:show_hide('commentaar','commentaar_img')">[img]'images/icon.plus.gif'[/img]Commentaar</a></p>
<div id='commentaar'>
      <%
      i = 1
      while i<4
                  %>
      <table width="100%" border="0" cellspacing="0" cellpadding="2">
        <tr>
          <td><a href="javascript:show_hide('commentaar<%=i%>','commentaar<%=i%>_img','plus')">[img]'images/icon.plus.gif'[/img]_img' border='0' align='absMiddle'></a></td>
          <td><em>Werknemer:</em></td>
          <td><em>Datum:</em></td>
        </tr>
      </table>
      <div id="commentaar<%=i%>">
      <table width="100%" border="0" cellspacing="0" cellpadding="2">
        <tr bgcolor="<%=bgcolor%>">
          <td colspan='3'>
            
            <table width="100%" border="0" cellspacing="0" cellpadding="2">
              <tr> 
                <td>tekst</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
            </table>
          
        </td>
      </tr>
      </table>
                 </div>

    </div>

En het DHTML script wat ik gebruik is hier http://www.walterzorn.com/dragdrop/api_e.htm te vinden.

--edit--
Excuses voor de niet zo nette opmaak

[ Voor 33% gewijzigd door Mamphiz op 23-09-2004 11:17 ]

[André]

Oke, dat script veranderd alleen de visibility terwijl je eigenlijk de display wil toggelen. Dus je zult het script moeten ombouwen.

Hoe zien die Hide() en Show() functies er precies uit? Daar zul je het in moeten veranderen.

[ Voor 28% gewijzigd door André op 23-09-2004 11:20 ]

[Mamphiz]

Hoe bedoel je?
Je kan hem op 2 manieren hideen, eerste is gewoon de content valt weg, terwijl de ruimte wel blijft staan, de tweede verwijderd de content en de ruimte valt ook wel, echter doet die dit niet wanneer er een div binnen een div staat...

Ik wil dus ervoor zorgen dat die parent div gaat resizen ofzo zodat die ruimte als nog "verwijderd" wordt er geen gat valt in mijn applicatie...

[Mamphiz]

code:

DDObj.prototype.hide = function(d_m, d_o, d_p)
{
    if (this.div && this.visible)
    {
        d_p = this.css || this.div;
        if (d_m && !dd.n4)
        {
            this.display = dd.getCssProp(this.div, "display", "display", "display");
            if (this.oimg)
            {
                this.oimg.display = dd.getCssProp(this.oimg, "display", "display", "display");
                this.oimg.style.display = "none";
            }
            d_p.display = "none";
            dd.recalc();
        }
        else d_p.visibility = "hidden";
    }
    this.visible = false;
    var d_i = this.children.length; while (d_i--)
        if (!(d_o = this.children[d_i]).detached) d_o.hide(d_m);
};

DDObj.prototype.show = function(d_o, d_p)
{
    if (this.div)
    {
        d_p = this.css || this.div;
        if (d_p.display && d_p.display == "none")
        {
            d_p.display = this.display || "block";
            if (this.oimg) this.oimg.style.display = this.oimg.display || "inline";
            dd.recalc();
        }
        else d_p.visibility = "visible";
    }
    this.visible = true;
    var d_i = this.children.length; while (d_i--)
        if (!(d_o = this.children[d_i]).detached) d_o.show();
};

Hide/show functie uit het script wat ik gebruik