Jag använder jojoxxx.net's javascript för att visa hur många tecken man har kvar. På den andra funkar det men på den första <input>-taggen funkar det inte.
Så här ser min kod ut.
<tr>
<td>Rubrik (istället för länk (max 30 tecken <input type="text" name="display-rubrik" size="4" value="30 kvar" disabled="disabled" onfocus="this.blur();">)):</td>
<td><input type="text" name="rubrik" size="30" value="" onkeyup="checkLength(this,this.form.display-rubrik,30);" onkeypress="checkLength(this,this.form.display-rubrik,30);"></td>
<script type="text/javascript">
/* Detta script finns att hämta på http://www.jojoxx.net och
får användas fritt så länge som dessa rader står kvar. */
function checkLength(obj,dispobj,mlength){
if(obj.value.length>mlength){
obj.value = obj.value.substr(0,mlength);
alert('Detta fält får maximalt innehålla '+mlength+' tecken.');
obj.focus();
}
dispobj.value=mlength-obj.value.length;
}
</script>
</tr>
<tr>
<td>Beskrivning (högst 60 tecken, <input type="text" name="display" size="4" value="60 kvar" disabled="disabled" onfocus="this.blur();">):</td>
<td>
<input type="text" name="beskrivning" value="" onkeyup="checkLength(this,this.form.display,60);" onkeypress="checkLength(this,this.form.display,60);" ></td>
<script type="text/javascript">
/* Detta script finns att hämta på http://www.jojoxx.net och
får användas fritt så länge som dessa rader står kvar. */
function checkLength(obj,dispobj,mlength){
if(obj.value.length>mlength){
obj.value = obj.value.substr(0,mlength);
alert('Detta fält får maximalt innehålla '+mlength+' tecken.');
obj.focus();
}
dispobj.value=mlength-obj.value.length;
}
</script>
</tr>
Källa: http://www.jojoxx.net/jscript/archive/show.asp?id=22
Tack på förhand, och trevlig kväll eller natt eller vad det nu är...
EDIT: Felet är att i den första (display-rubrik) ändras inte tecken som de gör i den andra.