Untitled

<html>
<head>
<script type=text/javascript>
var lines = new Array();
str = '';
//realtime list sorter, a bit buggy but I can put up with it
function update(){
    //todo: reposition cursor after finishing
    var x = countLines(document.getElementById("three"));
    lines.length = 0;
    for (var j=0; j<x; j++) {
        lines.push(document.getElementById("three").value.split(/\n/g)[j]);
    }
    lines.sort();
    str = '';
    for (var i=0; i<lines.length; i++) {
        if (i == lines.length - 1) {
            str = str + lines[i];
        }
        else {
            str = str + lines[i] + '\n';
        }
    }
    document.getElementById("three").innerHTML = str;
    document.getElementById("three").value = str;
}

function countLines(obj)
{
    if (!/Opera/.test(navigator.userAgent)){
        return obj.value.split(/\n/g).length;
    } else {
        return obj.value.split(/\n/g).length-1;
    }
}

</script>
</head>
<body>
<form id="one" name="two" action="nope.php" method="get">
<textarea id="three" name="four" onKeyUp="update(); return false;" rows="11" cols="30">shark
aardvark
carpark
bulwark
underdark</textarea>
</form>
</body></html>