Vertical align
Hej Eksperter.Har lavet et lille script for at centrere et div vertikalt på min side. Hvis jeg sætter en alert ind lige før den bliver skrevet er det pixel antal div'et skal flyttes ned korrekt, den gør det bare ikke.
Det er sikkert simpelt.
På forhånd tak.
<script type="text/javascript">
function __init__(){
document.form.field.focus();
oH = document.getElementById('container').offsetHeight;
if(window.innerHeight && window.innerWidth){
wH = window.innerHeight;
}
else {
wH = document.body.clientHeight;
}
document.getElementById('container').style.top = (Math.round(wH/2)) - (Math.round(oH/2))+"px";
}
function toggle(obj){
if(document.getElementById(obj).style.display=="block"){
document.getElementById(obj).style.display = "none";
}
else{
document.getElementById(obj).style.display = "block";
}
}
</script>
<body onload="__init__();">
<a href="#" style="float:right; margin-right:20px;">Tilføj workout</a>
<div id="container" style="border:solid #000000 2px; height:auto; width:800px; margin:0 auto; padding: 20px 50px 20px 50px;">
<form method="post" name="form">
<input name="field" type="text" style="width:800px;"/>
</form>
<a href="java script:void(0);" onclick="toggle('advSearch');">Avanceret søgning</a>
<div id="advSearch" style="display:none;">
<p>Avanceret søgning: ON</p>
</div>
</div>
</body>
