Uitklappen DIV

adeboer · 14 mrt 2010

Ik wil graag d.m.v. javascript een div laten 'uitklappen'. Nu heb ik veel oplossingen gevonden via Google maar die zijn (voor zover ik kan zien) allemaal zo dat je een div van niets uitklapt. Wat ik graag wil is dat een div standaard bijvoorbeeld 200 pixels hoog is en dat je dan op "lees meer" klikt om de div zijn 100% hoogte te geven.

Iemand een advies?

vreugde · 14 mrt 2010

Een klein voorbeeld wat je zou kunnen doen

Code:

<html>
...
<style type="text/javascript">
function div_click() {
    document.getElementById("div_name").style.height = windowHeight - 100+"px";
}
</style>
...
<div id="div_name" style="height:200px;" onclick="div_click()"></div>
...
</html>

groeten vreugde

That Guy · 15 mrt 2010

"lees meer" klikt om de div zijn 100% hoogte te geven.

je kan een div een overflow:hidden geven, en dan met JS de hoogte weghalen. Weet niet of t werkt, maar mocht het werken, zoiets:
[JS]function doeStuff()
{
var div = document.getElementById('ding');
div.style.height = 'auto';
div.style.overflow = 'visible';
}[/JS]

HTML:

<div style='height: 200px; overflow: hidden;' id='div'>
   veel data hier
</div>
<a href='#' onclick='doeStuff();'>open div totaal</a>

:thumb:

Uitklappen DIV

adeboer

Nieuwe gebruiker

vreugde

Gebruiker

That Guy

Meubilair

Nieuwste berichten

Wij waarderen jouw privacy