Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> zablokować wielkość tekstu, textarea
comin
post 21.06.2007, 21:13:42
Post #1





Grupa: Zarejestrowani
Postów: 43
Pomógł: 1
Dołączył: 16.02.2007

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
starach
post 22.06.2007, 06:49:21
Post #2





Grupa: Zarejestrowani
Postów: 999
Pomógł: 30
Dołączył: 14.01.2007
Skąd: wiesz ?

Ostrzeżenie: (0%)
-----

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

Ten post edytował orglee 22.06.2007, 06:53:42
Go to the top of the page
+Quote Post
« Następny starszy · PHP · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 03:07
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn