Forum PHP.pl > [JavaScript] Zliczanie znakow w textarea :]

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] Zliczanie znakow w textarea :]

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

konradmm

9.09.2009, 14:58:25

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

kemot

9.09.2009, 15:09:48

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.

pablo89pl

9.09.2009, 15:15:20

no to w js jedziesz

[HTML] pobierz, plaintext 
<script type="text/javascript">
var i = 0;
$(document).ready( function()
{
	$('#pierwszetextarea').keyUp(
		function()
		{
			var dlugosc = $(this).val().len;
			dlugosc += $('#drugietextarea').val().len;
			i=dlugosc*50
			$('#ilosc').val( i );
		}
	);
	$('#drugietextarea').keyUp(
		function()
		{
			var dlugosc = $(this).val().len;
			dlugosc += $('#pierwszetextarea').val().len;
			i=dlugosc*50
			$('#ilosc').val( i );
		}
	);
}
);
</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

konradmm

9.09.2009, 16:16:33

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

dla osob niechcacych wchodzic na se7en.webd.pl, podaje kod

[PHP] pobierz, plaintext 
<html> 
<head> 
<title>Strona z licznikiem znak&#65533;w formularza</title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<!-- dodanie jQuery do dokumentu --> 
 
<script type="text/javascript" src="jQuery.js"></script> 
 
<!-- Nasz kod java script: --> 
 
<script type="text/javascript"> 
 
	$(document).ready(
	function()
	{	
		$("form[name=formularz] textarea[name=content]").keyup(
		function()
		{
			$("#countChars").html($(this).val().length);
		});
 
	});
</script> 
 
</head> 
<body> 
<form name="formularz" action=""> 
	<textarea name="content"></textarea> 
</form> 
 
<p id="countChars"></p> 
 
</body> 
</html>
[PHP] pobierz, plaintext

baa

9.09.2009, 18:43:10

[HTML] pobierz, plaintext 
<html> 
<head> 
<title>Strona z licznikiem ularza</title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1");</script>  
<script type="text/javascript"> 
	$(document).ready(function(){
			$("form[name=formularz] textarea").keyup(function() {
					var secondLength = $(this).siblings('textarea').val().length;
					$("#countChars").html((secondLength + this.value.length) * 50);
			});
	});
</script> 
 
</head> 
<body> 
<form name="formularz" action=""> 
	<textarea></textarea> 
	<textarea></textarea> 
</form> 
 
<p id="countChars"></p> 
</body> 
</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.

konradmm

10.09.2009, 11:08:50

ufff, jakos samemu rozwiazalem ten problem

Kod

[PHP] pobierz, plaintext 
	<tr>
		<td width='25%'>Tytul:</td>
		<td width='25%'>
		<input type='text' name='title' id="text1" onkeyup="licznik()"  size='40' maxlength='100'>
		</td>
	</tr>
 
	<tr>
 
		<td width='25%'>Opis:</td>
		<td width='25%'>
		<textarea name='message' id="text3" onkeyup="licznik()" cols='60' rows='4' ></textarea>
		</td>
	</tr>
 
	<tr>
		<td width='25%'>Koszt:</td>
		<td width='25%'>
		$ <a id="text2" title="Aktualny koszt za Reklame">0</a>
		</td>
	</tr>
[PHP] pobierz, plaintext

zrobilem to tak i dziala :]

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.