Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Jak wypisać ilość znaków w formularzu jako zwykły tekst?
ublizzard
post
Post #1





Grupa: Zarejestrowani
Postów: 40
Pomógł: 1
Dołączył: 17.12.2011
Skąd: Lublin

Ostrzeżenie: (0%)
-----


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ść?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




No to zamiast do pola, wpisuj go do np. DIVa
Go to the top of the page
+Quote Post
thek
post
Post #3





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




A to z poziomu JS możesz jedynie inputy zmieniać? (IMG:style_emoticons/default/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.
Go to the top of the page
+Quote Post
kamil4u
post
Post #4





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


Poczytaj o:
- document.getElementById
- innerHTML

Za pomocą tych 2 rzeczy zrobisz to co potrzebujesz (IMG:style_emoticons/default/smile.gif)
Pozdrawiam
Go to the top of the page
+Quote Post
ublizzard
post
Post #5





Grupa: Zarejestrowani
Postów: 40
Pomógł: 1
Dołączył: 17.12.2011
Skąd: Lublin

Ostrzeżenie: (0%)
-----


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>


Ten post edytował ublizzard 11.01.2012, 11:55:47
Go to the top of the page
+Quote Post
kamil4u
post
Post #6





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 25.08.2025 - 04:19