[Javascript] Odlicznianie znaków i blokowanie textera Opcje

[-Gość-]

Witam,
Używam takich skryptów do odliczania ile zostało znaków do napisania i do blokowania textera:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function counter( dataElem ) 
{
   var maxLength = 500;
   var oSpan = document.getElementById( 'counter' );
   oSpan.innerHTML = (maxLength - ( dataElem.length ) ) +' characters left';
}
 
function textCounter(field, countfield, maxlimit) 
{
   if (field.value.length > maxlimit)
      field.value = field.value.substring(0, maxlimit);
   else 
      countfield.value = maxlimit - field.value.length;
}
</script>
[HTML] pobierz, plaintext 

i takie ma textera

[HTML] pobierz, plaintext 
<textarea id="123" name="123" rows="5" cols="40" onkeyup="counter(this.value);" onKeyDown="textCounter(this.form.123,this.form.remLen,499);" onKeyUp="textCounter(this.form.123,this.form.remLen,499);"></textarea>
[HTML] pobierz, plaintext 

I ma pewien problem... jak zrobić żeby jak ktoś wkleja tekst większy od 499 znaków to żeby mu automatycznie usunęło tą ilośc znaków które nie powinny się tam znaleźć?? Bo teraz pokazuje np "-333"

Pozdrawiam i proszę o pomoc

[skowron-line]

Zrób akcje na onChange i policz sobie liczbe znaków i jezeli jest więcej niż 500 to substr i od 0 do 500 i wklejasz spowrotem

[-Gość-]

Hym... Tylko że ja w ogóle nie kapuję javascript i nie wiem jak to napisać...
Mógłbym Cię prosić o napisani tego?

[sowiq]

http://forum.php.pl/index.php?showtopic=20881
http://serwis.magazynyinternetowe.pl/artyk...formularzu.html
http://www.google.pl/search?q=limit+znak%C...lient=firefox-a

Wklepanie 3 słów do Google zajęło mi na pewno mniej czasu niż Tobie napisanie tematu...

A jeśli jesteś po prostu leniwy, to zapraszamy na Giełdę - na pewno ktoś Ci chętnie pomoże.

Ten post edytował sowiq 24.09.2008, 15:24:52

[-F912D2-]

Witam,
Sorki że odgrzebuje temat ale nie chce zakładać nowego... Używam tych skryptów do liczenia znaków i blokowania w polu textarea ale znalazłem pewien problem...
Jak w textarea za pomocą skryptu dodaje dane np. <textarea name="333">ssssdsdsd sdsd</textarea> to te znaki są dopiero liczone jak aktywuje pole czyli w nie kliknę...
a jak mozna zrobić żeby od razu po odświeżeniu strony były zliczone??

Pozdraiwm

[drPayton]

Jeżeli dodajesz do textarea dane za pomoca skryptu, to zaraz po fragmencie, który to robi wywołaj funkcję odpowiedzialną za liczenie znaków...

[-Gość-]

yyy.... czyli jaką

[drPayton]

o_O

Tą, której używasz, a która obecnie wywoływana jest w momencie kliknięcia w pole textarea...

[-Gość-]

Używam takiej... tylko że ja nie umiem javascript i nie wiem jak ją wywołać...

Kod

function counter( dataElem )
{
   var maxLength = 500;
   var oSpan = document.getElementById( 'counter' );
   if( (maxLength - ( dataElem.length ) ) < 0 )
   {
      document.forms['rootform'].artshortsummary.value =  
      document.forms['rootform'].artshortsummary.value.substring(0, 500);
      oSpan.innerHTML = '0 characters left';
   }
   else
   {
      oSpan.innerHTML = (maxLength - ( dataElem.length ) ) +' characters left';
   }
}

[drPayton]

O mate...

[HTML] pobierz, plaintext 
<script type="text/javascript">
/* Tu kod wstawiający dane do textarea */
counter(textareaId);
/* gdzie textareaId to id pola textarea */
</script>
[HTML] pobierz, plaintext 

[-Gość-]

Ale ja wstawiam tekst za pomocą php...

[drPayton]

[PHP] pobierz, plaintext 
<?php
echo '<script type="text/javascript">
counter(textareaId);
/* gdzie textareaId to id pola textarea */
</script>';
?>
[PHP] pobierz, plaintext 

Albo i nie...

Padam na pysk, więc nie chce mi się już myśleć, czy jakiejś głupoty nie napisałem, niech ktoś inny to napisze...

Ten post edytował drPayton 26.09.2008, 15:54:58

[decha-design]

Jak korzystam z czegoś takiego ...

[HTML] pobierz, plaintext 
<script type="text/javascript">
<!--
 
// Count words in the textarea
var obj='0';
var ilosc=500;
var timer='';
function iloscZnakow(o){
   if (o) obj=o;
   var div=document.getElementById('iloscZnakow');
   div.style.fontWeight='normal';
   var iloscWpisanych = obj.value.length;
   if (iloscWpisanych > ilosc)
      iloscWpisanych = '<span style="color: #FF0000">'+iloscWpisanych+'</span>';
   div.innerHTML='Znaków '+iloscWpisanych+' / ' +ilosc;
   timer=setTimeout('iloscZnakow()', 100);
}
 
function skoncz(){
   clearTimeout(timer);
   var div=document.getElementById('iloscZnakow');
   div.style.fontWeight='normal';
}
 
function licz(pole,max){
	if (pole.value.length > max){
	   pole.value = pole.value.substr(0,max);
	}
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<textarea onFocus="iloscZnakow(this)" onBlur="skoncz(this)" name="text" rows="10" cols="50" onkeyup="licz(this,500)"></textarea>
<div id="iloscZnakow" style="text-align: center;">
Znaków <script>document.write(parseInt(document.forms[0].text.value.length))</script> / 500
</div>
[HTML] pobierz, plaintext 

Ten post edytował decha-design 26.09.2008, 16:22:29