Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: zablokować wielkość tekstu
Forum PHP.pl > Forum > PHP
comin
21.06.2007, 21:13:42
Witam
Chciałbym z poniższego przykładu przenieść "liczbę" pozostałych znaków do wprowadzenia w inne miejsce np. do innej tabeli, aby utrzymać funkcjonalność skryptu.

Worek złota i pół królestwa za pomoc winksmiley.jpg

Strona z przykładem

[PHP] pobierz, plaintext 
  1. <?php
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <head>
  4. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. 	<title>Ograniczenie ilości wpisywanych znaków w textarea.</title>
  6. <script type="text/javascript">
  7. onl=window.onload||Function;
  8. onload=function(){
  9. 	onl();
  10. 	for(var i=0,d,k; d=document.getElementsByTagName('*')[i++];){
  11. 		if(d.className=='zostalo'){
  12. 			d.m=+d.innerHTML;
  13. 			(k=d.previousSibling).onkeypress=k.onkeyup=function(){
  14. 				var n=this.nextSibling;
  15. 				if(this.value.length>n.m)this.value=this.value.slice(0,n.m);
  16. 				n.innerHTML=n.m-this.value.length;
  17. 			}
  18. 		}
  19. 	}
  20. }
  21. </script>
  22. </head>
  23. <body>
  24.  
  25. <h1>Ograniczenie ilości znaków wpisywanych do pola textarea</h1>
  26. <p>Aby wprowadzić takie ograniczenie wystarczy zaraz za polem textarea wstawić dowo
    lny znacznik klasy zostalo, do którego należy wpisać wartość maksymalnej ilości znaków.</p>
  27.  
  28. <p><code>
  29. &lt;textarea rows="6" cols="40"&gt;&lt;/textarea&gt;&lt;span class="zostalo"&gt;3&lt;/span&gt;
  30. </code></p>
  31.  
  32. <p>Przykłady:</p>	
  33. <p><textarea rows="6" cols="40"></textarea><span class="zostalo">3</span></p>
  34. <p><textarea rows="6" cols="40"></textarea><span class="zostalo">30</span></p>
  35.  
  36. </body>
  37. </html>
  38. ?>
[PHP] pobierz, plaintext
starach
22.06.2007, 06:49:21
Kod
<script>
function check_len()
{
    var lol = document.getElementById('lol').value
        document.getElementById('sprawdz').value = lol.length
}
document.write('<textarea id="lol" onkeyup="check_len()"></textarea><input type="text" id="sprawdz">');
</script>

A reszta jest tutaj:
http://www.w3schools.com/jsref/jsref_obj_string.asp
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.