Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Zliczanie znakow w textarea :], hmmm...
konradmm
post
Post #1





Grupa: Zarejestrowani
Postów: 68
Pomógł: 0
Dołączył: 18.12.2007

Ostrzeżenie: (10%)
X----

znalazlem gotowiec w internecie na zliczanie znakow w textarea...

wyglada to tak.

http://se7en.webd.pl/a.html

(źródło po kliknieciu prawym)

dodatkowo wymagany plik .js

http://se7en.webd.pl/jQuery.js

i wszystko fajnie dziala

ale chodzi mi o kilka dodatkow...

1) chce miec 2 takie text area i jedno naliczanie z obu textarea...
jak juz bede mial oba text area i dzialajace naliczanie, potrzebuje drugiej rzeczy
2) Chce by ilosc pokazywanych znakow byla pomnozona przez 50...

przyklad:

TextArea1: Tytul
TextArea2: Wiadomosc

//znakow jest tutaj 14
//a chcialbym by bylo pokazane cos takiego

... 700

Da sie cos takiego zrobic ?
prosze o odpowiedz...

p.s. nie znam sie kompletnie na JS, a w php nie da sie czegos takiego zrobic...

Pozdrawiam, konradmm
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 5)
kemot
post
Post #2





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 27.09.2007

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

Nie wiem czy do końca zrozumiałem, ale sprawdź sobie kod z tej strony klik
Autor zapewnia, że można dostosować go do każdego formularza więc może i do twojego się nada. Wystarczy, że odwołasz się do odpowiednich pól formularza.
Go to the top of the page
+Quote Post
pablo89pl
post
Post #3





Grupa: Zarejestrowani
Postów: 143
Pomógł: 19
Dołączył: 7.09.2009
Skąd: Rzeszów

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

no to w js jedziesz
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. var i = 0;
  3. $(document).ready( function()
  4. {
  5. 	$('#pierwszetextarea').keyUp(
  6. 		function()
  7. 		{
  8. 			var dlugosc = $(this).val().len;
  9. 			dlugosc += $('#drugietextarea').val().len;
  10. 			i=dlugosc*50
  11. 			$('#ilosc').val( i );
  12. 		}
  13. 	);
  14. 	$('#drugietextarea').keyUp(
  15. 		function()
  16. 		{
  17. 			var dlugosc = $(this).val().len;
  18. 			dlugosc += $('#pierwszetextarea').val().len;
  19. 			i=dlugosc*50
  20. 			$('#ilosc').val( i );
  21. 		}
  22. 	);
  23. }
  24. );
  25. </script>
[HTML] pobierz, plaintext

PS.1 moze byc jakas literowka lub zamiast val dawalo sie text...nie pamietam, pisalem z palca:)
PS.2 mozna na pewno to zoptymalizowac ;] ale na szybko by dzialalo wydaje mi sie ze jest ok

Ten post edytował pablo89pl 9.09.2009, 15:21:30
Go to the top of the page
+Quote Post
konradmm
post
Post #4





Grupa: Zarejestrowani
Postów: 68
Pomógł: 0
Dołączył: 18.12.2007

Ostrzeżenie: (10%)
X----

a czy moglby to ktos zedytowac ze skryptu ktory aktualnie posiadam ?

dla osob niechcacych wchodzic na se7en.webd.pl, podaje kod
[PHP] pobierz, plaintext 
  1. <html> 
  2. <head> 
  3. <title>Strona z licznikiem znak&#65533;w formularza</title> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  5. <!-- dodanie jQuery do dokumentu --> 
  6.  
  7. <script type="text/javascript" src="jQuery.js"></script> 
  8.  
  9. <!-- Nasz kod java script: --> 
  10.  
  11. <script type="text/javascript"> 
  12.  
  13. 	$(document).ready(
  14. 	function()
  15. 	{	
  16. 		$("form[name=formularz] textarea[name=content]").keyup(
  17. 		function()
  18. 		{
  19. 			$("#countChars").html($(this).val().length);
  20. 		});
  21.  
  22. 	});
  23. </script> 
  24.  
  25. </head> 
  26. <body> 
  27. <form name="formularz" action=""> 
  28. 	<textarea name="content"></textarea> 
  29. </form> 
  30.  
  31. <p id="countChars"></p> 
  32.  
  33. </body> 
  34. </html>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
baa
post
Post #5





Grupa: Zarejestrowani
Postów: 18
Pomógł: 4
Dołączył: 14.08.2009

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

[HTML] pobierz, plaintext 
  1. <html> 
  2. <head> 
  3. <title>Strona z licznikiem ularza</title> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  5. <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  6. <script type="text/javascript">google.load("jquery", "1");</script>  
  7. <script type="text/javascript"> 
  8. 	$(document).ready(function(){
  9. 			$("form[name=formularz] textarea").keyup(function() {
  10. 					var secondLength = $(this).siblings('textarea').val().length;
  11. 					$("#countChars").html((secondLength + this.value.length) * 50);
  12. 			});
  13. 	});
  14. </script> 
  15.  
  16. </head> 
  17. <body> 
  18. <form name="formularz" action=""> 
  19. 	<textarea></textarea> 
  20. 	<textarea></textarea> 
  21. </form> 
  22.  
  23. <p id="countChars"></p> 
  24. </body> 
  25. </html>
[HTML] pobierz, plaintext

To będzie działać, jeśli oba pola textarea będą rodzeństwem, ale jeśli potrzebujesz jakiś inny układ to powiedz, spróbujemy trochę inaczej odnajdować drugie pole.
Go to the top of the page
+Quote Post
konradmm
post
Post #6





Grupa: Zarejestrowani
Postów: 68
Pomógł: 0
Dołączył: 18.12.2007

Ostrzeżenie: (10%)
X----

ufff, jakos samemu rozwiazalem ten problem (IMG:style_emoticons/default/tongue.gif)

Kod
<script type="text/javascript">
function licznik()
{
document.getElementById("text2").innerHTML = (document.getElementById("text1").value.length + document.getElementById("text3").value.length)* 50;
}
</script>

[PHP] pobierz, plaintext 
  1. 	<tr>
  2. 		<td width='25%'>Tytul:</td>
  3. 		<td width='25%'>
  4. 		<input type='text' name='title' id="text1" onkeyup="licznik()"  size='40' maxlength='100'>
  5. 		</td>
  6. 	</tr>
  7.  
  8. 	<tr>
  9.  
  10. 		<td width='25%'>Opis:</td>
  11. 		<td width='25%'>
  12. 		<textarea name='message' id="text3" onkeyup="licznik()" cols='60' rows='4' ></textarea>
  13. 		</td>
  14. 	</tr>
  15.  
  16. 	<tr>
  17. 		<td width='25%'>Koszt:</td>
  18. 		<td width='25%'>
  19. 		$ <a id="text2" title="Aktualny koszt za Reklame">0</a>
  20. 		</td>
  21. 	</tr>
[PHP] pobierz, plaintext


zrobilem to tak i dziala :]
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 22.08.2025 - 17:44
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn