Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Jak wypisać ilość znaków w formularzu jako zwykły tekst?
Forum PHP.pl > Forum > Przedszkole
ublizzard
Znalazłem taki kod zliczający ilość znaków w tekstarea:
  1. <script language="javascript" type="text/javascript">
  2. <!--
  3. function licz() {
  4. document.frmInfo.disp.value = document.frmInfo.text.value.length
  5. }
  6. //-->
  7. </SCRIPT>
  8.  
  9. <FORM name="frmInfo" action="cel.php" method="post">
  10. Wpisanych znaków: <INPUT type="text" name="disp" value="0"><br>
  11. <TEXTAREA name="text" rows="6" cols="40" onkeyup="licz()"></TEXTAREA>
  12. </FORM>

W tym przypadku ilość znaków jest umieszczana w <INPUT type="text" name="disp" value="0">.
Wolałbym jednak, żeby ta ilość była wypisywana jako zwykły tekst, czy jest taka możliwość?
nospor
No to zamiast do pola, wpisuj go do np. DIVa
thek
A to z poziomu JS możesz jedynie inputy zmieniać? wink.gif Nie chcesz by pole było modyfikowalne na tyle, by submit posyłał ją? To choćby dowolny element wystarczy. Czy będzie to p, div czy choćby label, jest sprawą bez znaczenia.
kamil4u
Poczytaj o:
- document.getElementById
- innerHTML

Za pomocą tych 2 rzeczy zrobisz to co potrzebujesz smile.gif
Pozdrawiam
ublizzard
Dzięki kamil4u tego mi właśnie brakowało. JavaScript uczę się z kursów www a tam nie było tych informacji.
Mój kod teraz tak wygląda:
  1. <script language="javascript" type="text/javascript">
  2. <!--
  3. function licz() {
  4. document.getElementById('d').innerHTML = 'Wpisanych znaków: '+document.frmInfo.text.value.length;
  5. }
  6. //-->
  7. </SCRIPT>
  8.  
  9. <FORM name="frmInfo" action="cel.php" method="post">
  10. <div id="d">Wpisanych znaków: 0</div>
  11. <TEXTAREA name="text" rows="6" cols="40" onkeyup="licz()"></TEXTAREA>
  12. </FORM>
kamil4u
Dodam tylko, że odchodzi się od takich instrukcji: document.frmInfo.text , na rzecz metod DOM-owskich, czyli między innymi getElemntById czy getElementsByName. Ale jeśli jest Ci pisać łatwiej tak jak teraz to nie ma problemu.

Koniecznie poczytaj o DOM, bo bez tego w JS jest ciężko.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.