2 Divs samen 100% hoog.

[Remi1995]

Hallo.


Ik heb met een beetje Jquery en Javascript het zo gemaakt dat ik zonder de pagina opnieuw te laden de grootte van een div kan veranderen.
Nu wil ik graag dat de grootte van de div die daaronder zit ook automatisch word aangepast zodat de 2 divs samen 100% hoog zijn.

Bijvoorbeeld als ik invoer dat Div1 60% hoog moet worden dan wil ik graag dat Div2 automatisch 40% hoog word.

[JS]$(document).ready(function(){
$('#formulier').submit(function(event){
$('#screen1').css({width : $('#breedte').val() + '%', height : $('#hoogte').val() + '%'});



event.preventDefault();
return false;
});
});[/JS]



Groetjes, Remi1995.

 

[ScorpionX]

Hai,

var hoogte = document.getElementById('div1').style.height;
hZonderpx = hoogte.split("p");
var div2Hoogte = 100 - hZonderpx[0];
document.getElementById('div2').style.height = div2Hoogte + 'px';

ik heb het nu met px gedaan maar volgens mij kun je ook gewoon % gebruiken. hoop dat je er wat aan hebt. suc6!

 

[Remi1995]

Hai,

var hoogte = document.getElementById('div1').style.height;
hZonderpx = hoogte.split("p");
var div2Hoogte = 100 - hZonderpx[0];
document.getElementById('div2').style.height = div2Hoogte + 'px';

ik heb het nu met px gedaan maar volgens mij kun je ook gewoon % gebruiken. hoop dat je er wat aan hebt. suc6!

Heel erg bedankt, ik ga het nu uitproberen.


Groetjes, Remi.

 

[Remi1995]

Het werkt!

Bedankt.

 

[ScorpionX]

top! ben er verbaasd over dat ie in 1x werkt lol, had em niet getest.