Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Ile znaków
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
kapral
3.02.2006, 17:29:37
robie skrypt który bedzie wyświetlał ile znaków pozostało do wpisania. Np w polu mozna wpisac tylko 10 znakow to za każdym wpisaniem znaku z boku wyświetla sie liczba ile jeszcze zostało, nawet jesli ktos wpisze wiecej niz dziesiec to niech sie nie zatrzymuje tylko odejmuje dalej czyli bedą liczby ujeme.
Zrobiłem cos takiego ale to mi nie działa:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function 10-znakow()
  5. {
  6. formularz=document.form.imie.value.length;
  7. max=10;
  8. pozostalo=max-formularz;
  9. zmienna=document.getElementById('znakow');
  10. zmienna.value = "pozostalo";
  11. }
  12. </script>
  13. </head>
  14. <body>
  15. <form>
  16. <input type="text" name="imie" onFocus="10-znakow()"> <span id="znakow"></span>
  17. </form>
  18. </body>
  19. </html>
[HTML] pobierz, plaintext
TomASS
3.02.2006, 17:46:14 
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
  4. <script type="text/javascript">
  5. function $(id) {
  6.         return document.getElementById(id);
  7. }
  8.  
  9. function znakow(){
  10. 	formularz=parseInt($("imie").value.length);
  11. 	var maximum=10;
  12. 	pozostalo=maximum-formularz;
  13. 	$("pozostalo").value = pozostalo;
  14. }
  15. </script>
  16. </head>
  17. <body>
  18. <form>
  19. <input type="text" id="imie" onChange="znakow()" onFocus="znakow()"> 
  20. <input type="pozostalo" id="pozostalo"/>
  21. </form>
  22. </body>
  23. </html>
[HTML] pobierz, plaintext


Musi działać smile.gif Chcesz wiedzieć co miałeś źle, czy to Ci wystarcza smile.gif
kapral
3.02.2006, 17:51:22
do TomASS ale twój przykład nie działa poprawnie no i ja bym chciał żeby liczby ile jeszcze zostało nie były wyświetlane w formularzu.

Juz zrobiłem:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function ile_znakow()
  5. {
  6. ile=formularz.imie.value.length
  7. max=10;
  8. pozostalo=max-ile;
  9. formularz.znak.value=pozostalo;
  10. }
  11. </script>
  12. </head>
  13. <body>
  14. <form name="formularz">
  15. <input type="text" name="imie" size="50" onkeyup="ile_znakow()" onkeypress="ile_znakow()">
  16. <br>
  17. pozostało znaków
  18. <br>
  19. <input type="text" name="znak" size="3" disabled="true" value="10">
  20. </form>
  21. </body>
  22. </html>
[HTML] pobierz, plaintext


Teraz bym chciał zrobić z tego funkcje tak abym mógł bym podawać w funkcji ile znaków, tak abym jedna funkcje mógłbym wykorzystać do kilku pól formularzy, podając max liczbe znaków jako parametr funkcji
LBO
3.02.2006, 19:05:08 
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function ile_znakow(max, val, id) {
  5.     document.getElementById(id).value = max - val.length;;
  6. }
  7. </script>
  8. </head>
  9. <body>
  10. <form name="formularz">
  11. <input type="text" name="imie" size="50" onkeyup="javascript:ile_znakow(10, this.value, 'pierwszy')" onkeypress="javascript:ile_znakow(10, this.value, 'znak')">
  12. <br>
  13. pozostalo znakow
  14. <br>
  15. <input type="text" id="pierwszy" name="znak" size="3" disabled="true" value="10">
  16. <br>
  17. <input type="text" name="nazwisko" size="50" onkeyup="javascript:ile_znakow(30, this.value, 'drugi')" onkeypress="javascript:ile_znakow(30, this.value, 'drugi')">
  18. <br>
  19. pozostalo znakow
  20. <br>
  21. <input type="text" id="drugi" name="znak" size="3" disabled="true" value="10">
  22. <br>
  23. </form>
  24. </body>
  25. </html>
[HTML] pobierz, plaintext
Zajec
4.02.2006, 07:56:16
Ludzie, trochę zgodności ze standardami :-|

1) Wszystkie onclick onmouseover onmouseout onfocus itp. to zdarzenia JavaScript - a nie zwykłe parametry z adresem odnośnika. Wstawiamy w nie kod JavaScript, np.:
Kod
onclick="alert('opla');"


2) Odowłania document.all (lub wręcz samo all) dawno wyszyły z mody i ich stosowania odradza sam M$. Nauczcie się więc, jak wygląda prawidłowe odwołanie do formularza (bez korzystania z id):
Kod
document.forms['formularz'].elements['element']
TomASS
4.02.2006, 11:35:22
Cytat
(bez korzystania z id):

A może masz jakiś artykuł na ten temat, ciekaw jestem argumentacji... smile.gif Zapewne masz rację - ja tak z przyzwyczjenia i uproszczenia tongue.gif
vieri_pl
4.02.2006, 11:44:59
a czy można zrobić, tak że jak ktoś kto pisze w polu textarea widzi ze pozostalo np. 0 znaków z 255 to żeby już niemógł pisać ?
Zajec
4.02.2006, 14:56:05
Cytat(TomASS @ 2006-02-04 11:35:22)
Cytat
(bez korzystania z id):

A może masz jakiś artykuł na ten temat, ciekaw jestem argumentacji... smile.gif Zapewne masz rację - ja tak z przyzwyczjenia i uproszczenia tongue.gif
Z id można oczywiście korzystać i jest to zalecane. Ale czasami webmasterzy nie lubią robić rzeczy typu
Kod
<input type="text" name="imie" id="imie">
czyli powtarzać dwukrotnie nazwy pola. Dlatego podałem sposób na dostanie się do elementu formularza znając tylko jego "name".



Jeśli chodzi o sprawę z document.all to sprawa jest prosta. Załóżmy, że jest sobie strona z następującymi fragmentami kodu:
Kod
<p id="test">Witam na stronie</p>
<img name="test" src="buzia.png" alt=":-)" />
<form name="test" action="" method="get"></form>
Oczywiście wszystko jest poprawne, bo W3C zabrania jedynie nadawania takich samych wartości "id".


Do czego teraz biedna przeglądarka ma się odnieść widząc kod w postaci:
Kod
document.test.style.display="none";
? :-)


http://osiolki.net/faq/documentall
http://msdn.microsoft.com/workshop/author/...ew.asp#benefits
gekon
4.02.2006, 16:25:38
Zajec w przykładzie mogłeś użyć innego elementu niż form, przecież w XHTML 1.0 Strict nie ma atrybutu "name" dla formularzy smile.gif
LBO
4.02.2006, 16:36:28
eeee... a co z getElementByName()?
revyag
4.02.2006, 21:23:23
Cytat
getElementByName()

Nie ma takiej funkcji snitch.gif
getElementsByName() - zwróci listę elementów o określonym atrybucie name, AFAIR nie ma funkcji która da dostęp do elementu przez jego name.
TomASS
4.02.2006, 22:06:07
Cytat
Zwraca listę elementów w dokumencie o żądanym atrybucie name.


getElementsByName
gekon
7.02.2006, 19:56:24
Cytat(revyag)
getElementsByName() - zwróci listę elementów o określonym atrybucie name, AFAIR nie ma funkcji która da dostęp do elementu przez jego name.

@revyag: trochę sie zamotałeś smile.gif Jak już zdążyliście zauwazyć jest metoda getElementsByName, a także getElementsByTagName.
revyag
7.02.2006, 20:27:51
Cytat
@revyag: trochę sie zamotałeś smile.gif Jak już zdążyliście zauwazyć jest metoda getElementsByName, a także getElementsByTagName.

W czym niby zamotałem questionmark.gif Nie za bardzo rozumiem. No wiem że jest ta funkcja, ale co to ma wspólnego z moją wypowiedzią ?
gekon
7.02.2006, 20:53:57
Powtórzenie: name; robi się OT.
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.