Magen til med spalte definering ... Men ulempen er dog at den ikke fjerner teksten, men kopierer alt teksten og viser den flere gange men blot skjuler det ekstra med overflow hidden. Samt at man skal definere linjehøjden - så jeg hælder nok mest til
http://www.zastica.com/entries/creating-columns-with-javascript/ af hensyn til evt. billeder eller andet indhold i teksten.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<script type="text/javascript">
function ael(elm,evt,f){
if(elm.addEventListener)elm.addEventListener(evt, f, false);
else if(elm.attachEvent)elm.attachEvent("on"+evt, f);
}
ael(window,"load",wload);
inputlinepxheight=17;
cols=5;
function wload(){
elm=document.getElementById("inpholder").getElementsByTagName("div")[0];
col1=Math.floor((elm.offsetHeight/cols)/inputlinepxheight)*inputlinepxheight;
tmpresttop=col1;
tmprest=elm.offsetHeight-col1;
for(i=0;i<cols-1;i++){
tmp=elm.cloneNode(true);
if(i+2!=cols){
coltmp=Math.floor((tmprest/(cols-(i+1)))/inputlinepxheight)*inputlinepxheight;
tmp.firstChild.style.marginTop="-"+tmpresttop+"px";
tmp.style.height=coltmp+"px";
tmpresttop=tmpresttop+coltmp;
tmprest=tmprest-coltmp;
}else{tmp.style.height=tmprest+"px";tmp.firstChild.style.marginTop="-"+tmpresttop+"px";}
elm.parentNode.appendChild(tmp);
}
elm.style.height=col1+"px";
}
</script>
<style type="text/css">
.inputhold {overflow:hidden;float:left;width:200px;margin:10px 10px 0 0;}
.input {font:15px arial,sans-serif;line-height:17px;}
</style>
</head><body>
<div id="inpholder">
<div class="inputhold"><div class="input">1Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig! 2Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig! 3Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig! 4Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig! 5Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig! 6Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig! 7Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig! 8Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig! 9Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig! 10Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig! 11Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig! 12Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig! 13Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig! 14Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig! 15Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig! 16Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig! 17Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig! 18Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig! 19Hej med dig jeg hedder Kaj, dubi dubi dubi dig, Kaj, Kaj, Kaj - JA! Det er mig!</div></div>
</div>
</body></html>
Slettet bruger
Ny bruger
Nybegynder
Opret
Preview
