login  Naam:   Wachtwoord: 
Registreer je!
 Forum

karakter teller

Offline bigsmoke - 16/06/2006 18:21 (laatste wijziging 16/06/2006 18:23)
Avatar van bigsmokePHP interesse Ik vond deze karakter teller maar ik zou willen dat als je begint te typen en onder het max aantal tekens zit je text rood is en erboven groen. Ik ben een echte noob in JS dus ik weet er zelf niks van.
Kan iemand me helpen?
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript">
  2. function restw(){
  3. var inp = document.forms[0].werk.value;
  4. var l = parseInt(inp.length)
  5. if (l > 50)
  6.  
  7.  // Verander het getal 50 hierboven als je het maximum aantal wilt veranderen
  8.  
  9.  
  10. {alert("You need more then 5O tokens.")
  11. 		inp = inp.substr(0,50)
  12. 		document.forms[0].werk.value = inp
  13. 		return;}
  14. document.forms[0].rest.value=inp.length;
  15. }
  16.  
  17. </script>
  18. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  19. <title>Untitled Document</title>
  20. </head>
  21.  
  22. <body>
  23. <textarea onKeyUp="javascript:restw()" style="overflow:hidden" name="werk" cols="50" rows="5"></textarea>Totaal <input style="font-weight:bold;color:red;" name="rest" value="0" size="2">

10 antwoorden

Gesponsorde links
Offline svm - 16/06/2006 18:26 (laatste wijziging 16/06/2006 18:30)
Avatar van svm PHP ver gevorderde Ik zou je graag willen helpen maar kun je a.u.b. met AN (algemeen nederland) schrijven.
Ik begrijp er geen *** van!

Dit script werkt trouwens niet, je hebt hem incompleet geplaatst.
Ik haal wel de complete van leejoo. 
Offline DenMette - 16/06/2006 18:28
Avatar van DenMette PHP gevorderde het is AN tegen woordig Algemeen Nederlands geen ABN!!
Offline svm - 16/06/2006 18:36 (laatste wijziging 16/06/2006 18:37)
Avatar van svm PHP ver gevorderde Ik heb hem aangepast.
Nu moet hij goed zijn met de groene tekst.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript">
  2. function restw(){
  3. var inp = document.forms[0].werk.value;
  4. var l = parseInt(inp.length)
  5. if (l > 50)
  6. {alert("Je hebt het maximaal aantal karakters bereikt !!!!")
  7. inp = inp.substr(0,50)
  8. document.forms[0].werk.value = inp
  9. return;}
  10. document.forms[0].rest.value=inp.length;
  11. }
  12. </script>
  13.  
  14. <form>
  15. <font size="2" face="Verdana">
  16. <textarea onKeyUp="javascript:restw()" style="overflow:hidden;font-weight:bold;color:green;" name="werk" cols="50" rows="5"></textarea><p>
  17.  Totaal <input style="font-weight:bold;color:red;" name="rest" value="0" size="2">         characters.</form>
Offline bigsmoke - 16/06/2006 18:58
Avatar van bigsmoke PHP interesse Ik bedoel niet het niet zo. Maar als je start met typen en onder de 50 tekens zit moet je ingetypte text rood zijn, ben je er boven groen.


Offline Xfader - 16/06/2006 19:12 (laatste wijziging 16/06/2006 19:20)
Avatar van Xfader Lid En het is altijd nog tegenwoordig, Denmette!

@Proximus: Hehe:p
Offline Gerard - 16/06/2006 19:13
Avatar van Gerard Ouwe rakker We kunnen natuurlijk ook gaan mierenneuken hé mannen. Ontopic dus graag 
Offline bigsmoke - 16/06/2006 21:12
Avatar van bigsmoke PHP interesse hehe maar weet iemand nu iets?
Offline BramBo - 17/06/2006 11:01
Avatar van BramBo JS gevorderde Dien je de stijl van de textarea aan te passen dmv js. dit kan pretty easy :
php code - Bekijk de code zonder highlighting - Klap code in 
  1. document.forms[0].TxtAreaNaam.style.color='#FF0000';


komt dus neer op :
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2.  
  3. function restw(){
  4.  
  5.   var inp = document.forms[0].werk;
  6.   var l = parseInt(inp.value.length);
  7.  
  8.   document.forms[0].rest.value=inp.length;
  9.  
  10.  if (l > 50){
  11.  
  12.     inp.style.style.color='#00FF00';
  13.  } else {
  14.     inp.style.style.color='#FF0000';
  15.  }
  16.  return;
  17.  
  18. }
  19.  
  20. </script>
Offline bigsmoke - 17/06/2006 19:08
Avatar van bigsmoke PHP interesse Maar moet je dat dan niet mee aanroepen in je form?? Want het werkt bij mij niet.

Hij geeft altijd 'undefined' en de text veranderd/is niet rood/groen.

Kzou ook maar eens js moeten gaan leren:p
Offline BramBo - 18/06/2006 14:13
Avatar van BramBo JS gevorderde ik zie dat je geen form gebruikt als je de html aanpast zodat hij een form bevat zou de syntax document.forms[0].werk; het element werk moeten matchen in het eerste formulier op de pagina 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.231s