Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > Overige

[Opgelost]tekst teller

Explosive - 13/08/2006 17:39 (laatste wijziging 13/08/2006 20:16)
Lid		beste mede webmasters, Ik ben een sms alarm systeem aan het bouwen. Dit lukt allemaal prima echter zit ik met een klein probleempje. Een smsje mag maar uit 160 tekens bestaan. Nou heb ik een texterea begrenst op 160 tekens. Ik zou echter graag een soort tellertje toevoegen zodat ik precies kan zien uit hoeveel tekens het smsje bestaat. Iemand enig idee hoe ik dit moet doen, ik zal zelf aan javascript te denken, maar heb dan geen idee hoe dit zou moeten. bedankt alvast voor het meedenken!

6 antwoorden

Gesponsorde links

Maarten - 13/08/2006 17:40
Erelid		Met onkeydown kan je een actie laten uitvoeren wanneer iemand een toets indrukt. Dus je berekent bij iedere aanslag de lengte van het veld, en als deze reeds te lang is = biep.

Explosive - 13/08/2006 17:42 (laatste wijziging 13/08/2006 17:46)
Lid		bedankt, ik zal even kijken hoe ver ik hiermee kan komen! Oke, probleem 1.. met welke functie kan ik de tekst lengte achterhalen? iets als document.getElementById(smstext) ? heb je messchien een goede site voor me

Simon - 13/08/2006 18:58 (laatste wijziging 13/08/2006 18:58)

PHP expert

php code - Bekijk de code zonder highlighting - Klap code in

                length = document.forms['posten'].elements['smstext'].value.length;
            
length = document.forms['posten'].elements['smstext'].value.length;

nu moet je:

php code - Bekijk de code zonder highlighting - Klap code in

                <form name="posten" ...>
en
<textarea name="smstext" onkeydown="javascript: checkLength()">
            
<form name="posten" ...>
en
<textarea name="smstext" onkeydown="javascript: checkLength()">
 

...
aanpassen

Explosive - 13/08/2006 19:58 (laatste wijziging 13/08/2006 19:59)

Lid

Bedankt voor je hulp, nu heb ik dit:

php code - Bekijk de code zonder highlighting - Klap code in

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">
function checkLength(){
	length = document.forms['posten'].elements['smstext'].value.length;
	document.forms['posten'].elements['count'].length.print;
}
</script>
</head>

<body>
<form name="posten" action="sendsms.php" method="post">
<textarea name="smstext" cols="40" rows="7" onkeydown="javascript: checkLength()"></textarea>
<input name="count" disabled="disabled" type="text" />
</form>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">
function checkLength(){
	length = document.forms['posten'].elements['smstext'].value.length;
	document.forms['posten'].elements['count'].length.print;
}
</script>
</head>
 
<body>
<form name="posten" action="sendsms.php" method="post">
<textarea name="smstext" cols="40" rows="7" onkeydown="javascript: checkLength()"></textarea>
<input name="count" disabled="disabled" type="text" />
</form>
</body>
</html>

de error die ik krijg is als volgt:

Citaat:

Fout document.forms.posten.elements.count.length has no properties
Bronbestand http://127.0.0.1/w/WorkCenter/tmp.php
Regel 9

enig idee hoe dit komt? ik ben nog maar een beginneling met javascript

Dark_Paul - 13/08/2006 20:00 (laatste wijziging 13/08/2006 20:06)

PHP ver gevorderde

nvm, niet goed gekeken ;)
ik heb hier trouewns nog een script voor liggen, ff zoeken

php code - Bekijk de code zonder highlighting - Klap code in

                function textCounter(maxlimit) {
	var field				= document.forms[0].elements['smstekst'];
	var countfield	= document.forms[0].elements['count'];
	if (field.value.length > maxlimit) { // if too long...trim it!
	field.value = field.value.substring(0, maxlimit);
	}
	// otherwise, update 'characters left' counter
	else {
	countfield.value = maxlimit - field.value.length;
	}
}
            
function textCounter(maxlimit) {
	var field				= document.forms[0].elements['smstekst'];
	var countfield	= document.forms[0].elements['count'];
	if (field.value.length > maxlimit) { // if too long...trim it!
	field.value = field.value.substring(0, maxlimit);
	}
	// otherwise, update 'characters left' counter
	else {
	countfield.value = maxlimit - field.value.length;
	}
}
 

dan maak je je formpje als volgt aan:

php code - Bekijk de code zonder highlighting - Klap code in

                <form method="post" action="">
<textarea name="smstekst" cols="4" rows="8" onkeyup="textCounter('160')" onkeydown="textCounter('160')">
<input type="text" name="count" disabled="disabled" value="160">
</form>
            
<form method="post" action="">
<textarea name="smstekst" cols="4" rows="8" onkeyup="textCounter('160')" onkeydown="textCounter('160')">
<input type="text" name="count" disabled="disabled" value="160">
</form>
 

Explosive - 13/08/2006 20:15
Lid		Dankjewel! Dit is precies wat ik zocht!

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten