Skocz do zawartości


Zdjęcie

[AJAX/JS] Zliczanie znaków w polu tekstowym


  • Zaloguj się, aby dodać odpowiedź
Brak odpowiedzi do tego tematu

#1 Ziele

Ziele

    Biblioteka Zielińskiego

  • 1 812 postów

Napisano 21 02 2008 - 14:16

Tutorial ten (zresztą jak większość, które napisałem) przydaje się przy dbaniu o estetykę strony www.
Albowiem dzisiaj zajmiemy się zliczaniem ilości znaków w polu tekstowym. Spytacie po co?
Odpowiedź jest bardzo prosta... Jeżeli nie chcemy, aby komentarze na naszej stronie zajmowały kilkadziesiąt linijek wprowadzamy opcję ograniczenia znaków w tekście. Wszystko byłoby pięknie gdyby nie to, że nasz gość nie wie ile znaków już zużył i pisze dalej aż nagle w połowie jego rozbudowanej wypowiedzi będzie musiał układać nową, bo myslał, że zostało mu więcej znaków i nie zdołał wyrazić tego wszystkiego co miał do powiedzenia.
Ten mały trik możemy również zastosować podczas pisania wstępu do newsów na stronie głównej (tzw. zajawki). Wtedy wszystkie wstępy będą miały mniej więcej po tyle samo znaków co będzie wyglądało bardziej estetycznie od 10 znaków, a pod spodem 100 ;)

Zastosowań jest wiele, ale jak wiecie wasz kochany admin nie ma tyle czasu, żeby wypisywać wam je wszystkie :P. Przejdźmy zatem do skryptu:
<script language="java_script" type="text/java_script">
 <!--
 function licz() {
 document.form.text.value = document.form.poletekstowe.value.length
 
 }
 //-->
 </script>
Teraz wystarczy dopisać element formularza, który będzie wyświetlał ile znaków już napisaliśmy:
<form name="form" action="wyslij.php" method="get">
 <textarea name="poletekstowe" rows="4" cols="40" onkeyup="licz()"></textarea><br>
 znakow: <input type="text" name="text" style="border-style: solid; border-color: #FFFFFF" value="0">
 </form>


  • 0

Zobacz więcej tematów z tagiem: formularz liczniki



Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych