Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Ile znaków
kapral
post
Post #1





Grupa: Zarejestrowani
Postów: 208
Pomógł: 0
Dołączył: 5.03.2005

Ostrzeżenie: (20%)
X----

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
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 14)
TomASS
post
Post #2





Grupa: Zarejestrowani
Postów: 1 660
Pomógł: 13
Dołączył: 9.06.2004
Skąd: Wrocław i okolice

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

[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

Ten post edytował TomASS 3.02.2006, 17:46:48


--------------------
www.fajrant.pl/
Go to the top of the page
+Quote Post
kapral
post
Post #3





Grupa: Zarejestrowani
Postów: 208
Pomógł: 0
Dołączył: 5.03.2005

Ostrzeżenie: (20%)
X----

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

Ten post edytował kapral 3.02.2006, 18:49:02
Go to the top of the page
+Quote Post
LBO
post
Post #4





Grupa: Zarejestrowani
Postów: 1 415
Pomógł: 117
Dołączył: 7.09.2005
Skąd: Warszawa

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

[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
Go to the top of the page
+Quote Post
Zajec
post
Post #5





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

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

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']
Go to the top of the page
+Quote Post
TomASS
post
Post #6





Grupa: Zarejestrowani
Postów: 1 660
Pomógł: 13
Dołączył: 9.06.2004
Skąd: Wrocław i okolice

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

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


--------------------
www.fajrant.pl/
Go to the top of the page
+Quote Post
vieri_pl
post
Post #7





Grupa: Zarejestrowani
Postów: 406
Pomógł: 9
Dołączył: 24.07.2005
Skąd: Bydgoszcz

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

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ć ?
Go to the top of the page
+Quote Post
Zajec
post
Post #8





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

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

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

Ten post edytował Zajec 4.02.2006, 14:57:39
Go to the top of the page
+Quote Post
gekon
post
Post #9





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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

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


--------------------
Pokaż kod = Pokaż CAŁY kod, najlepiej działający na jakimś serwerze.
Fanatycy | glazar.info | semantyka | HTML i XHTML FAQ
Go to the top of the page
+Quote Post
LBO
post
Post #10





Grupa: Zarejestrowani
Postów: 1 415
Pomógł: 117
Dołączył: 7.09.2005
Skąd: Warszawa

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

eeee... a co z getElementByName()?
Go to the top of the page
+Quote Post
revyag
post
Post #11





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

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.


--------------------
-------------

------
Go to the top of the page
+Quote Post
TomASS
post
Post #12





Grupa: Zarejestrowani
Postów: 1 660
Pomógł: 13
Dołączył: 9.06.2004
Skąd: Wrocław i okolice

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

Cytat
Zwraca listę elementów w dokumencie o żądanym atrybucie name.


getElementsByName

Ten post edytował TomASS 4.02.2006, 22:06:34


--------------------
www.fajrant.pl/
Go to the top of the page
+Quote Post
gekon
post
Post #13





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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

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.

Ten post edytował gekon 7.02.2006, 19:58:27


--------------------
Pokaż kod = Pokaż CAŁY kod, najlepiej działający na jakimś serwerze.
Fanatycy | glazar.info | semantyka | HTML i XHTML FAQ
Go to the top of the page
+Quote Post
revyag
post
Post #14





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

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ą ?


--------------------
-------------

------
Go to the top of the page
+Quote Post
gekon
post
Post #15





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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

Powtórzenie: name; robi się OT.


--------------------
Pokaż kod = Pokaż CAŁY kod, najlepiej działający na jakimś serwerze.
Fanatycy | glazar.info | semantyka | HTML i XHTML FAQ
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 09:35
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn