Skriv noe her:

Dette scriptet lager en progressiv bar under tekstområdet som viser hvor mye skriveplass du har igjen.
Holder du musa over teksfeltet får du beskjed om hvor mange karakterer du kan skrive inn.

Dette puttes mellom HEAD-taggene:
<script language="JavaScript" type="text/JavaScript"> function textCounter(field,counter,maxlimit,linecounter) { var fieldWidth = parseInt(field.style.width); var charcnt = field.value.length; if (charcnt > maxlimit) { field.value = field.value.substring(0, maxlimit); } else { var percentage = parseInt(100 - (( maxlimit - charcnt) * 100)/maxlimit) ; document.getElementById(counter).style.width = parseInt((fieldWidth*percentage)/100)+"px"; setcolor(document.getElementById(counter),percentage,"background-color"); } } function setcolor(obj,percentage,prop){ obj.style[prop] = "rgb(80%,"+(100-percentage)+"%,"+(100-percentage)+"%)"; } </script> <style type="text/css"> .progress { width: 1px; height: 2px; background-color:#CCFFFF; } </style>
Marker teksten

Tekstfeltet putter du der du vil ha det:

<form>Skriv noe her:<br> <textarea style="width:300px" rows="5" name="maxchar" id="maxchar" title="Du kan skrive inn max. 200 karakterer" onKeyDown="textCounter(this,'progressbar1',200)" onKeyUp="textCounter(this,'progressbar1',200)" onFocus="textCounter(this,'progressbar1',200)" > </textarea><br /> <div id="progressbar1" class="progress"> </div> <script>textCounter(document.getElementById("maxchar"),"progressbar1",200)</script> </form>