Tijden veranderen
Form data niet in form laten zien
Ik heb een karakter teller gemaakt voor een textarea (eigenlijk heb ik hem van internet;). Het werkt heel netjes, maar het aantal karakters dat over blijft naarmate je typt zit in een form. Ik wil graag dat de cijfers niet in een form, maar gewoon normaal in beeld komt met een mooie lettertype.
Dit is de code:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script language=JavaScript>
<!--
function check_length(my_form)
{
maxLen = 2000;
// max number of characters allowed
if (my_form.my_text.value.length >= maxLen) {
// Reached the Maximum length so trim the textarea
my_form.my_text.value = my_form.my_text.value.substring(0, maxLen);
}
else{ // Maximum length not reached so update the value of my_text counter
my_form.text_num.value = maxLen - my_form.my_text.value.length;}
}
//-->
</script>
<!--
function check_length(my_form)
{
maxLen = 2000;
// max number of characters allowed
if (my_form.my_text.value.length >= maxLen) {
// Reached the Maximum length so trim the textarea
my_form.my_text.value = my_form.my_text.value.substring(0, maxLen);
}
else{ // Maximum length not reached so update the value of my_text counter
my_form.text_num.value = maxLen - my_form.my_text.value.length;}
}
//-->
</script>
De form voor het oproepen ziet er als volgt uit:
Code (php)
1
<input value=2000 name=text_num> Characters Left
Ik wil dus die <input type wegwerken en gewoon het bijhorende getal oproepen. Maar iedere keer als ik het op die manier probeer op te roepen werkt het aftellen niet.
Wie helpt me verder?
Alvast bedankt!
Mvg,
Piet
Code (php)
1
2
3
4
5
2
3
4
5
<span id="text_num">2000</span>
//de regel
my_form.text_num.value = maxLen - my_form.my_text.value.length;}
//vervang je door
document.getElementById("text_num").innerHTML = maxLen - my_form.my_text.value.length;}
//de regel
my_form.text_num.value = maxLen - my_form.my_text.value.length;}
//vervang je door
document.getElementById("text_num").innerHTML = maxLen - my_form.my_text.value.length;}
Gewijzigd op 12/10/2011 18:14:21 door Ger van Steenderen