Apologies to you all; getting to the grips with this. The attached file is on
http://www.geocities.com/myjavascrip...lticolTest.htm
and pasted below:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>test</TITLE>
<SCRIPT>
function make_columns(){
document.body.style.backgroundColor = "black"
var columnWidth = 200
var columnHeight = document.body.clientHeight-100
var columnGap = 20
var x = document.getElementById("stuff")
var i = 0
var k = 0
while(k<x.childNodes.length){
var new_column = document.createElement("div")
new_column.style.position = "absolute";
new_column.style.left = i*(columnWidth+columnGap)+50+"px";
new_column.style.top = 50+"px";
new_column.style.width = columnWidth+"px";
new_column.style.color = "white";
new_column.style.fontSize = "8pt";
new_column.style.fontFamily = "verdana, arial, helvetica, sans-serif";
new_column.style.lineHeight = "9pt";
new_column.style.padding = "3px";
new_column.style.textAlign = "justify";
document.body.appendChild(new_column)
if(i==0){
var c = x.childNodes[k].nodeValue
var b = document.createElement("div")
b.innerText = c.substring(0,1)
b.style.color = "white"
b.style.fontSize = "40pt"
b.style.height = b.style.fontSize.split("pt")[0]/2+"pt"
b.style.fontFamily = "verdana, arial, helvetica, sans-serif"
b.style.float = "left"
b.setAttribute("align","center")
new_column.appendChild(b)
c = c.substring(1,c.length)
x.childNodes[k].nodeValue = c
}
new_column.innerHTML = new_column.innerHTML+""
while(new_column.offsetHeight<columnHeight&&k<x.ch ildNodes.length){
node_clone = x.childNodes[k].cloneNode(true)
new_column.appendChild(node_clone)
k++
}
if(new_column.offsetHeight>columnHeight){
k--
if(node_clone.nodeType!==3)
var cnode = node_clone.childNodes[0]
else
var cnode = node_clone
if(cnode.nodeType!==3) alert("cnode is geen tekst node!")
var indx,ccnode
var dd = ""
while(new_column.offsetHeight>columnHeight){
indx = cnode.nodeValue.lastIndexOf(" ")
if(indx==-1) {
dd = cnode.nodeValue+dd
cnode.nodeValue = ""
}
else {
cnode.splitText(indx)
ccnode = cnode.nextSibling
dd = ccnode.nodeValue+dd
cnode.parentNode.removeChild(ccnode)
}
}
if(node_clone.nodeType!==3)
x.childNodes[k].childNodes[0].nodeValue = dd
else
x.childNodes[k].nodeValue = dd
var b = document.createElement("span")
b.style.visibility = "hidden"
b.innerText = " someverylongword"
new_column.appendChild(b)
i++
}
}
}
</SCRIPT>
</HEAD>
<BODY onresize=window.location.reload() onload="make_columns();return false;">
<DIV id=stuff style="DISPLAY: none">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Vestibulum nisl leo, faucibus varius, venenatis quis, faucibus
non, pede. Aliquam diam eros, fringilla ut, gravida ut, bibendum non, erat.
Aliquam porttitor faucibus justo. Morbi justo nisl, euismod vel, tincidunt at,
sagittis et, sapien. Vestibulum ante ipsum primis in faucibus orci luctus et
ultrices posuere cubilia Curae; Nullam scelerisque elit. Nullam dictum, arcu sit
amet adipiscing sodales, felis arcu sagittis odio, eget mattis mi leo sit amet
augue. Nulla sit amet wisi ac eros ornare molestie. Vivamus luctus tellus in
diam. Nullam lacinia massa vitae augue. Maecenas iaculis, nibh eu accumsan
tempus, dolor sapien volutpat lacus, sed semper felis pede at diam. Pellentesque
libero mauris, consequat non, imperdiet eu, egestas nec, dui. In ut leo. Nullam
mattis commodo justo. Donec est. Integer bibendum viverra felis. In porttitor
nibh vitae lorem. Pellentesque porttitor. Sed vestibulum, nulla eu euismod
consectetuer, magna dolor commodo sem, id nonummy erat ipsum a nulla. Fusce
laoreet magna nec sem. Proin sagittis odio vitae odio. Suspendisse potenti.
Mauris sit amet lacus. Maecenas quam. Pellentesque habitant morbi tristique
senectus et netus et malesuada fames ac turpis egestas. Morbi mauris tortor,
dignissim sit amet, elementum quis, mattis at, quam. Phasellus varius orci.
Pellentesque venenatis, diam et suscipit porttitor, mi massa porta tortor, a
dignissim ante neque quis massa. Morbi viverra dolor. In vitae dolor vitae
sapien molestie tincidunt. Integer eu eros. Duis vel nisl nec felis fringilla
tempor. Sed porttitor. Morbi et sem quis arcu porta rhoncus. In at arcu sed
mauris interdum convallis. Proin adipiscing commodo mi. Ut vestibulum augue
vitae arcu. Suspendisse lacus erat, facilisis vitae, dapibus eget, aliquam non,
libero. Ut sem. Praesent fringilla est quis erat. Duis nec quam. Vestibulum sed
eros lacinia ante faucibus fermentum. Etiam ac orci non pede fermentum
porttitor. Mauris dolor nulla, vestibulum egestas, consectetuer non, sodales in,
velit. Curabitur blandit eros non sem. In mi sem, semper id, tempor nec,
hendrerit vitae, nisl. Phasellus diam leo, varius vel, pretium sed, elementum
commodo, odio. Curabitur vitae justo cursus justo iaculis fringilla. Cras ligula
eros, cursus et, ornare et, tristique non, tellus. Nam non diam. Morbi mauris
justo, nonummy sit amet, ultrices id, consectetuer et, justo. Quisque non ipsum.
Aenean lacus felis, vulputate in, dignissim pulvinar, scelerisque eget, wisi.
Aenean lectus mauris, egestas ac, sollicitudin at, cursus in, ligula. Mauris
adipiscing, ipsum eget tincidunt convallis, magna dolor consequat lacus, vitae
pretium mi massa sit amet pede. Donec et nibh eget ligula facilisis vulputate.
Ut sodales dui nec metus. Quisque vitae dui. Proin rhoncus suscipit dolor. Sed
aliquam. Sed ipsum erat, placerat non, dignissim vitae, rutrum non, purus. Donec
vel erat. Vestibulum pharetra, risus vel facilisis euismod, mi urna feugiat
nibh, eu mollis erat lectus eget odio. Proin ipsum felis, laoreet a, consequat
vel, laoreet ut, nibh. Sed consequat, nisl a accumsan bibendum, metus arcu
iaculis magna, ut commodo erat lorem quis massa. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam felis.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos.
</DIV></BODY></HTML>