[js] policzenie przejść do następnej linii w textarea (enterów) Opcje

[KCG]

Chodzi mi policzenie '\n' (przynajmniej w php tak jest zaznaczane przejście do następnej linii), aby użytkownik w textarea mógł np. wpisać tylko 7 linii.
W php było by coś w stylu:

[PHP] pobierz, plaintext 
<?php
$br = explode('\n',$tekst);
$ile = count($br);
?>
[PHP] pobierz, plaintext 

Jednak wolałbym zrobić to w js

pzdr

[Jarod]

A nie mógłbyś odczytać kodu ASCII (enter ma 13- jak dobrze pamiętam)? Przerobiona na szybko funkcja do blokowania klawiszy (nie sprawdzałem). I podczep ją pod zdarzenie onKeyUp
Kod JS:

[PHP] pobierz, plaintext 
<?php
var counter = 0;
function sum(evt)
{
	var keyCode
 
	if (window.event)
	{
		keyCode = window.event.keyCode;
		if (keyCode == 13 && counter < 7) counter++;
		if (counter < 7) window.event.returnValue = true;
		else window.event.returnValue = false;
	}
	else
	{
		keyCode = evt.which;
		if (keyCode == 13 && counter < 7) counter++;
		if (counter < 7)
		{
			evt.returnValue = true;
		}
		else
		{
			evt.returnValue = false;
			evt.preventDefault();
		}
	}
 
	document.forms["test"]["counter"].value = counter;
}
?>
[PHP] pobierz, plaintext 

Kod html

[HTML] pobierz, plaintext 
(...)
echo '<form name="test" action="akcja" method="post">';
				echo '<p><textarea name="sCompanyName" cols="70" rows="4" id="sCompanyName" onkeypress="sum(event);"></textarea></p>';
				echo '<p>Ilość enterów: <input type="text" name="iQuantity[]" value="" id="counter" /></p>';
			echo '</form>';
(...)
[HTML] pobierz, plaintext 

Ten post edytował Jarod 19.02.2008, 20:23:56

[KCG]

counter chyba bez '$'
A jako evt przy wywoływaniu funkcji, co mam przekazać? I na koniec if (counter == 7) to coś tam?
Bo na razie jakoś mi nie wychodzi, ale mam nadzieję, że damy radę razem, dzięki

[Jarod]

Sorry ale sam jestem początkujący w JS. Kod poprawiłem i sprawdziłem.

Pzdr

Edit: Jeszcze raz poprawiłem bo zapomniałem że ma być blokowane po 7 enterach..

Ten post edytował Jarod 19.02.2008, 20:24:22

[KCG]

Dzięki, spróbuję

Coś nie działa, a że za bardzo też w js nie jestem, to nie wiem co. Jeśli kliknę 'wyczyść', to okienko się czyści, a już żadnego 'entera' nie można zrobić. Kolejny problemy w 7 linii nie można już nic wpisać, ani zrobic 'backspace' do poprzedniej linii.
A tak to wygląda:
http://pytak.no-ip.org/~trudny/motocykl/ga...id=55&id=10

Ten post edytował KCG 20.02.2008, 22:39:02

[Jarod]

Dorób sobie pomniejszanie licznika. Jeśli naciśniesz backspace (kod 8) to counter--

[KCG]

Troche zmieniłem, jakby ktoś był zainteresowany:

[HTML] pobierz, plaintext 
var counter = 0;
function setCounter () {
	counter = 0;
}
function sum(evt) {
	var keyCode
 
	if (window.event) {
		keyCode = window.event.keyCode;
		if (keyCode == 13 && counter < 7) counter++;
		if (keyCode == 8) counter--;
		if (counter >= 7 && keyCode == 13) window.event.returnValue = false;
			else window.event.returnValue = true;
	} else {
		keyCode = evt.which;
		if (keyCode == 13 && counter < 7) counter++;
		if (keyCode == 8) counter--;
		if (counter >= 7 && keyCode == 13) {
			evt.returnValue = false;
			evt.preventDefault();
		} else evt.returnValue = true;
	}
 
	document.forms["f_comment"]["counter"].value = counter;
}
[HTML] pobierz, plaintext 

Jeśli jest przycisk RESET to wtedy przypisujemy mu onclick="setCounter();", aby wyzerować licznik Dodatkowo w 7 linii normalnie można pisać i jest możliwość backspace'a, czego u Jaroda nie było (blokada wszystkich klawiszy w 7 linii).

W każdym razie dzięki Jarod, że mnie naprowadziłeś

[Jarod]

@KCG: Zdajesz sobie sprawę, że to nie jest jeszcze tak jak chcesz? Jak counter to wcześniej przydałoby się sprawdzić czy nsciśnięty klawisz to backspace && usuwany znak to enter...
Na stronie, do której podałeś linka widziałem że ustawiłeś na 15 enterów max. Ale da się to obejść..

[KCG]

Hym, faktycznie.
Masz pomysł, jak sprawdzić usuwany znak?

[Jarod]

Hym, faktycznie.
Masz pomysł, jak sprawdzić usuwany znak?

Stwórz tablicę i dodawaj do niej kod naciśniętego znaku (jeśli wciśnięty znak jest różny niż backspace).
Jeśli naciskasz backspace to z końca tej tablicy pobierasz kod znaku, sprawdzasz czy to enter (jeśli tak to wtedy counter--) i usuwasz z tablicy ten znak (z końca). Jak stworzyć tablicę znajdziesz http://developer.mozilla.org/pl/docs/ja...C4%85tek#Arrays

Ale to taki pomysł bo nie znam JS i możliwe że jest do tego jakaś funkcja A na tym forum jest tyle ludzie obcykanych w JS, że może ktoś inny wskaże Ci lepszą drogę do uzyskania tego efektu.

Pozdrawiam

[KCG]

To kilka pytanek:
- mogę dodawać znaki w sposób: tablica[] = keyCode; ? Czy muszę podać w [] liczbę?
- do wyciągniecia ostatniego elementu użyć lastindexOf?
- jak skrócić tablicę o ten ostatni znak?

[Jarod]

To kilka pytanek:
- mogę dodawać znaki w sposób: tablica[] = keyCode; ? Czy muszę podać w [] liczbę?

push
Dodaje nowe elementy do końca tablicy i zwraca nową długość tablicy.

- do wyciągniecia ostatniego elementu użyć lastindexOf?
- jak skrócić tablicę o ten ostatni znak?

pop
Usuwa ostatni element tablicy i zwraca ten element.

Źródło: http://developer.mozilla.org/pl/docs/Dokum...C5.9Bci_tablicy

[KCG]

Dzięki wielkie

[HTML] pobierz, plaintext 
var counter = 0;
var znaki = new Array();
function setCounter () {
	counter = 0;
	znaki = new Array();
}
function sum(evt) {
	var keyCode
 
	if (window.event) {
		keyCode = window.event.keyCode;
		if (keyCode != 8) {
			if (counter == 7) {
				if (keyCode != 13) znaki.push(keyCode);
			} else znaki.push(keyCode);
		}
		if (keyCode == 13 && counter < 7) counter++;
		if (keyCode == 8) {
			if (znaki.pop() == 13) counter--;
		}
		if (counter >= 7 && keyCode == 13) window.event.returnValue = false;
			else window.event.returnValue = true;
	} else {
		keyCode = evt.which;
		if (keyCode != 8) {
			if (counter == 7) {
				if (keyCode != 13) znaki.push(keyCode);
			} else znaki.push(keyCode);
		}
		if (keyCode == 13 && counter < 7) counter++;
		if (keyCode == 8) {
			if (znaki.pop() == 13) counter--;
		}
		if (counter >= 7 && keyCode == 13) {
			evt.returnValue = false;
			evt.preventDefault();
		} else evt.returnValue = true;
	}
 
	document.forms["f_comment"]["counter"].value = counter;
	document.forms["f_comment"]["znaki"].value = znaki;
}
[HTML] pobierz, plaintext 

Teraz chyba okej, co? Można pod tym linkiem wcześniejszym zobaczyć, bo wrzuciłem.

[Jarod]

Teraz chyba okej, co? Można pod tym linkiem wcześniejszym zobaczyć, bo wrzuciłem.

No nie do końca potestuj jeszcze

[KCG]

Hym, jakbym nie testował, to bym nie wysuwał takich tez
Możesz powiedzieć co?

[Jarod]

Hym, jakbym nie testował, to bym nie wysuwał takich tez

No to słabo testujesz Bo mi to zajęło kilka sekund

Wpisz:

1
2
3
4
5
6
7

Skasuj 7 i spróbuj zrobić enter. Skasuj 7, 6 i spróbuj zrobić enter.

[KCG]

No faktycznie, ale widzisz gdzieś błąd?

[lord_t]

Trochę przeredagowałem to co zrobiliście;) Z istotnych zmian to przeniosłem 2 ify co pociągnęło za sobą zmianę siódemek na szóstki.

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
var counter = 0;
var znaki = new Array();
function setCounter () {
counter = 0;
znaki = new Array();
}
 
function sum(evt) {
var keyCode;
 
if (window.event) {
 
keyCode = window.event.keyCode;
 if (keyCode == 8) {
   if (znaki.pop() == 13) counter--;}
 else {
  if (counter == 6) {
   if (keyCode != 13) znaki.push(keyCode);
   } 
  else znaki.push(keyCode);
  }
 
 if (counter >= 6 && keyCode == 13) window.event.returnValue = false;
 else window.event.returnValue = true;
 
 if (keyCode == 13 && counter < 6) counter++;
 
} 
 
else
 {
keyCode = evt.which;
 if (keyCode == 8)  {  if (znaki.pop() == 13) counter--;   }
 else  {
   if (counter == 6)  {
    if (keyCode != 13) znaki.push(keyCode);
    }
  else znaki.push(keyCode); 
  }
 
 if (counter >= 6 && keyCode == 13)
   {
   evt.returnValue = false;
   evt.preventDefault();
   } 
  else evt.returnValue = true;
 
  if (keyCode == 13 && counter < 6) counter++;
} 
 
document.forms["f_comment"]["counter"].value = counter;
document.forms["f_comment"]["znaki"].value = znaki;
}
</script>
[HTML] pobierz, plaintext 

A co do formularza to zamieniłem onkeypress na onkeydown(<frameset> wyciąłem sobie dla przejrzystości):

[HTML] pobierz, plaintext 
<form action="galeria_comments.php" method="post" name="f_comment">
<textarea cols="30" rows="6" name="comment" onkeydown="sum(event);"></textarea><br />
 
<input type="hidden" name="counter" value="" />
<input type="hidden" name="znaki" value="" />
<input type="hidden" name="a" value="add_t" />
<input type="hidden" name="uid" value="55" />
<input type="hidden" name="id" value="10" />
<input type="RESET"  name="res" value="Wyczyść" onclick="setCounter();" />
<input type="button" name="sub" value="Dodaj" onclick="form_comments();" />
</form>
[HTML] pobierz, plaintext 

Testowałem na FF i IE 6

Ten post edytował lord_t 27.02.2008, 00:37:02

[KCG]

Z tego co widzę, to kilka 6 zamiast 7 (błędy logiczne) i trochę nie w tej kolejności? (też logiczny) Jaka różnica jest między onkeypress a -down?

Dzięki i pzdr

[Jarod]

Jaka różnica jest między onkeypress a -down?

Wiesz, jesteś straszny leń!

http://4programmers.net/(X)HTML/Zdarzenia/...45817945009c788
http://kurs.browsehappy.pl/JavaScript/Zdarzenia

Ten post edytował Jarod 27.02.2008, 14:42:45