Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> ilosc znaków, w textarea
bronx
post
Post #1





Grupa: Zarejestrowani
Postów: 333
Pomógł: 0
Dołączył: 4.03.2004

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

witam

jak ma wyglądać skrypt który pokazuje ile jeszcze znaków można wpisać w odpowiedni formularz (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

z góry dzieki za pomoc

pozdrawiam
Go to the top of the page
+Quote Post
wassago
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 701
Pomógł: 0
Dołączył: 26.06.2002
Skąd: Londyn

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

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <!--
  4. This file retrieved from the JS-Examples archives
  5. http://www.js-x.com
  6. 1000s of free ready to use scripts, tutorials, forums.
  7. Author: Saqib - http://usgems.net/HALF
  8. -->
  9.  
  10. <script>
  11. function alll() {
  12. var m = document.f1.t1.value;
  13. var mm = m.length;
  14. document.f1.t2.value = mm;
  15. if(mm >= 10) {
  16. alert("Max is 10");
  17. document.f1.t1.value = "";
  18. }
  19. setTimeout("alll()" ,0);
  20. }
  21. </script>
  22.  
  23.  
  24. </head>
  25. <body>
  26.  
  27. <form name="f1">
  28.   <input type="Textbox" name="t1" onfocus="alll()"><br />
  29.   <input type="Textbox" name="t2">
  30. </form>
  31. </body>
  32. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
bronx
post
Post #3





Grupa: Zarejestrowani
Postów: 333
Pomógł: 0
Dołączył: 4.03.2004

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

dzięki, ale chodziło mi o taki który pokazuje np. 30 i z każdym wpisanym znakiem ta liczba maleje (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
wassago
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 701
Pomógł: 0
Dołączył: 26.06.2002
Skąd: Londyn

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

nie mam czasu szukac wiec: google.pl => "javascript+count+letters",
powodzenia (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
czachor
post
Post #5





Grupa: Zarejestrowani
Postów: 897
Pomógł: 40
Dołączył: 16.12.2003
Skąd: Warszawa

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

Kod
function zliczaj_znaki() {
    if(document.form.pole.value.length<501){
    a=document.form.pole.value.length;
    b=500;
    c=b-a;
    document.form.pole_z_odliczaniem.value=c;
    }
    else{
    alert('Przekroczono dozwoloną ilość znaków (IMG:http://forum.php.pl/style_emoticons/default/exclamation.gif) !');
}}

pole - z tego zliczasz znaki
pole_z_odliczaniem - tu następuje odliczanie (ustaw value="500")
Go to the top of the page
+Quote Post
miedzna
post
Post #6





Grupa: Zarejestrowani
Postów: 401
Pomógł: 1
Dołączył: 10.03.2004
Skąd: Warszawa

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

Cytat(bronx @ 2004-07-03 17:21:14)
witam

jak ma wyglądać skrypt który pokazuje ile jeszcze znaków można wpisać w odpowiedni formularz (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

z góry dzieki za pomoc

pozdrawiam

Tu scrypt:

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. var ns6=document.getElementById&&!document.all
  3. function restrictinput(maxlength,e,placeholder){
  4. if (window.event&&event.srcElement.value.length>=maxlength)
  5. return false
  6. else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength){
  7. var pressedkey=/[a-zA-Z0-9\.\,\/]/ //detect alphanumeric keys
  8. if (pressedkey.test(String.fromCharCode(e.which)))
  9. e.stopPropagation()
  10. }
  11. }
  12. function countlimit(maxlength,e,placeholder){
  13. var theform=eval(placeholder)
  14. var lengthleft=maxlength-theform.value.length
  15. var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder)
  16. if (window.event||e.target&&e.target==eval(placeholder)){
  17. if (lengthleft<0)
  18. theform.value=theform.value.substring(0,maxlength)
  19. placeholderobj.innerHTML=lengthleft
  20. }
  21. }
  22. function displaylimit(thename, theid, thelimit){
  23. var theform=theid!=""? document.getElementById(theid) : thename
  24. var limit_text='<font color="red" size="2"><b><span id="'+theform.toString()+'">'+thelimit+'</span></b></font> znaków do wprowadzenia.'
  25. if (document.all||ns6)
  26. document.write(limit_text)
  27. if (document.all){
  28. eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)}
  29. eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)}
  30. }
  31. else if (ns6){
  32. document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true); 
  33. document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true); 
  34. }
  35. }
  36. </script>
[HTML] pobierz, plaintext



W form dajesz name="sampleform"
<form action="dodaj.php" method="post" name="sampleform">

a przy inpucie:
<input type="text" name="tytul">
<script>
displaylimit("document.sampleform.tytul","",60)
</script>

calosc wyglądała by tak:

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. var ns6=document.getElementById&&!document.all
  3. function restrictinput(maxlength,e,placeholder){
  4. if (window.event&&event.srcElement.value.length>=maxlength)
  5. return false
  6. else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength){
  7. var pressedkey=/[a-zA-Z0-9\.\,\/]/ //detect alphanumeric keys
  8. if (pressedkey.test(String.fromCharCode(e.which)))
  9. e.stopPropagation()
  10. }
  11. }
  12. function countlimit(maxlength,e,placeholder){
  13. var theform=eval(placeholder)
  14. var lengthleft=maxlength-theform.value.length
  15. var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder)
  16. if (window.event||e.target&&e.target==eval(placeholder)){
  17. if (lengthleft<0)
  18. theform.value=theform.value.substring(0,maxlength)
  19. placeholderobj.innerHTML=lengthleft
  20. }
  21. }
  22. function displaylimit(thename, theid, thelimit){
  23. var theform=theid!=""? document.getElementById(theid) : thename
  24. var limit_text='<font color="red" size="2"><b><span id="'+theform.toString()+'">'+thelimit+'</span></b></font> znaków do wprowadzenia.'
  25. if (document.all||ns6)
  26. document.write(limit_text)
  27. if (document.all){
  28. eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)}
  29. eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)}
  30. }
  31. else if (ns6){
  32. document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true); 
  33. document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true); 
  34. }
  35. }
  36. </script>
  37.  
  38.  
  39.  
  40. <form action="dodaj.php" method="post" name="sampleform">
  41. <B>Tytuł</B> (max 60 znaków)<BR>
  42. <input type="text" name="tytul" maxlength="60">
  43. <script>
  44. displaylimit("document.sampleform.tytul","",60)
  45. </script>
  46. <BR><BR>
  47. <B>Wstęp</B> (max 200 znaków)<BR>
  48. <textarea cols="60" rows="5" name="wstep"></textarea>
  49. <script>
  50. displaylimit("","wstep",200)
  51. </script>
  52. <input type="submit" name="submit" value="Wy&para;lij" class="ramka" style="margin-top:5px;">
  53. </form>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
bronx
post
Post #7





Grupa: Zarejestrowani
Postów: 333
Pomógł: 0
Dołączył: 4.03.2004

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

ooooooooo wielkie dzięki, zaje*** skrypt (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) właśnie o to mi chodziło

THX i pozdrawiam (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Vir
post
Post #8





Grupa: Zarejestrowani
Postów: 91
Pomógł: 0
Dołączył: 25.02.2004

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

A ja napisałem i podzielę się z Wami takim oto skryptem:

java script:
Kod
function count(mCh,p,w)
   {
     t=document.getElementById(w);s=document.getElementById(p);s.innerHTML=mCh;
     if(t.value.length>mCh){alert('Za duża liczba znaków!');t.value=t.value.substring(0,mCh)}
     i=mCh-t.value.length;s.innerHTML="Zostało "+i+" znaków do wpisania.";
   }


HTML:
[HTML] pobierz, plaintext 
  1. <textarea cols="5" rows="2" name="test" id="txt1" onkeyup="count(180,'char1','txt1')"></textarea>
  2. <br />
  3. <span id='char1'></span>
  4. <script type="text/javascript">count(180,'char1','txt1');</script>
[HTML] pobierz, plaintext


Kod
count(mCh,p,w)

gdzie:
mCh - maksymalna liczba znaków, które mogą być wpisane
p - pole, w którym ma być wyświetlana ta liczba (mCh)
w - pole (textarea, text), do którego odnosi się licznik

Podstawowe zalety:
- możliwość użycia w odniesieniu do kilku pól
- jeżeli przekroczysz dozwoloną liczbę znaków to nie tylko pojawi się alert, ale także znaki powyżej określonego limitu zostaną obcięte
Go to the top of the page
+Quote Post
ridle
post
Post #9





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 19.06.2012

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

[PHP] pobierz, plaintext 
  1.  
  2.         <div class="full clearfix border_t box">         
  3.         <p>
  4.             <label for="comment"><?php echo SPEC($GLOBALS['_LANG']['_tpl_add14']) ?><span class="required">*</span></label><br /> 
  5.             <textarea tabindex="4" class="long" rows="4" name="form[description]" id="short2" style="height:300px;"><?php if(isset($_POST['action']) && !isset($data) ){ echo $_POST['form']['description']; }elseif(isset($data)){ echo $data['post_content']; } ?></textarea><br /> 
  6.             <small><?php echo SPEC($GLOBALS['_LANG']['_tpl_add15']) ?></small> 
  7.         </p>        
  8.         </div>  
[PHP] pobierz, plaintext


A jak wstawić licznik zanków w ten kod ponieważ meczę się już godzinę i nie mogę ogarnąć. Pomóżcie proszę bo narazie raczkuję w PHP i Java.
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

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

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

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