[JS] Licznik znaków w textarea - Problem pod FF

[DemoNCS]

Witam.

Kod: Zaznacz cały

<SCRIPT language="javaScript">

var obj='';
var ilosc=255;
var timer='';
function iloscZnakow(o){
   if (o) obj=o;
   var div=document.getElementById('iloscZnakow');
   div.style.fontWeight='bold';
   var iloscWpisanych = obj.value.length;
   if (iloscWpisanych > 255)
      iloscWpisanych = '<span style="color:red">'+iloscWpisanych+'</span>';
   div.innerHTML='wpisanych znakow '+iloscWpisanych+'/'+ilosc;
   timer=setTimeout('iloscZnakow()', 100);
}
function skoncz(){
   clearTimeout(timer);
   var div=document.getElementById('iloscZnakow');
   div.style.fontWeight='normal';
}

</SCRIPT>
<FORM >
<TEXTAREA onFocus="iloscZnakow(this)" onBlur="skoncz(this)" style="overflow:auto" name="opis" rows="10" cols="40"></TEXTAREA>
<DIV id="iloscZnakow" style="text-align:left;margin-right:10;font-size:10;">wpisanych znakow
<SCRIPT>document.write(parseInt(document.forms[0].opis.value.length))</SCRIPT>/255</DIV>

Jest to licznik znaków w polu textarea.
Dziła pieknie pod IE i zlicza prawidłowo szczególnie znak ENTER, czyli : \n\r

Natomiast w FF zlicza ENTER jako 1(jeden) znak czyli : \n

I tutaj moje pytanie
Czy umial by ktoś przerobić ten licznik tak by działał prawidłowo pod FF i zliczał Enter jako 2 znaki ?

Podobny problem jest opisany tutaj : http://webmade.org/porady/css_html/textarea_znaki.php

Aczkolwiek nie chce stosować w liczniku pola input, tylko tak jak w tym kodzie co podałem.

Pozdrawiam.

[DemoNCS]

Witam ponownie

Rozwiązanie problemu było proste
Na polskich stronach nie było konkretnej odpowiedzi ^^
Wystarczyło zamienic :

Kod: Zaznacz cały

obj.value.length;

Na :

Kod: Zaznacz cały

obj.value.replace(/\n/g,'\n\r').length;

Pozdrawiam.

[Mirek]

Wystarczy dodać:

Kod: Zaznacz cały

 + document.forms[0].opis.value.split(/\n/).length-1

czyli rozbić pole tekstowe na tablicę wierszy i sprawdzić ile w wyniku takiej operacji powstało wierszy.
Tylko będziesz musiał rozróżniać przeglądarki - i w zależności od tego dodawać lub nie powyższą wartość - np. tak:

Kod: Zaznacz cały

 + (navigator.appName == "Netscape") ? (document.forms[0].opis.value.split(/\n/).length-1) : 0

- choć wypadałoby posprawdzać jak to w innych przeglądarkach:

Poza tym w temacie Przydatne skryptozakładki są dwa Liczniki znaków - może jakieś rozwiązanie Ci się spodoba, ale to jeśli znasz się na JS. Sposób zliczania opisany w Twoim linku też jest dobry (może więcej pisania, ale za to ciut mniej pamięci pożerania - choć dałoby się jeszcze zoptymalizować, gdyby się tym kierować...). W każdym razie nikt nie zmusza do stosowania inputa - bo wyliczoną wartość możesz równie dobrze przekazać do funkcji document.write().
parseInt() w Twoim kodzie chyba nie jest potrzebny.

Pozdrawiam,
Mirek

-----
Update
Widzę, że w międzyczasie znalazłeś już jakieś rozwiązanie - tylko czy po takiej przeróbce dobrze zlicza w IE? Bo podejrzewam, że tu też trzeba rozróżniać jaka przeglądarka jest używana...

[DemoNCS]

Update
Widzę, że w międzyczasie znalazłeś już jakieś rozwiązanie - tylko czy po takiej przeróbce dobrze zlicza w IE? Bo podejrzewam, że tu też trzeba rozróżniać jaka przeglądarka jest używana...

Stosuje 2 skrypty
Przegladarke wykrywam za pomocą PHP a nie JS.
Aczkolwiek.. pobawie sie kodem jaki wpisałeś w swoim poscie

Na JS sie nie znam niestety... i nie chce sie tego uczyć dla jednego licznika

Jesli tą zmiane zastosować przy IE którą podałem.. to zamiast 2 znaków zlicza 3 ^^
Ta zmiana w kodzie potrafi też zmusić przegladarke IE do czytania ENTER jako jeden znak, w FF nic nie zmienia wtedy
Podobno prawidłowo powinno być \n a nie \n\r

Tylko że w bazie danych zapisanie takiego tekstu z enter równa sie 2 znaki, a nie chce nic kombinować już przy skrypcie

Pozdrawiam.