Forum PHP.pl > ilosc znaków

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: ilosc znaków

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

bronx

3.07.2004, 16:21:14

witam

jak ma wyglądać skrypt który pokazuje ile jeszcze znaków można wpisać w odpowiedni formularz

z góry dzieki za pomoc

pozdrawiam

wassago

3.07.2004, 16:52:56

[HTML] pobierz, plaintext 
<html>
<head>
<!--
This file retrieved from the JS-Examples archives
http://www.js-x.com
1000s of free ready to use scripts, tutorials, forums.
Author: Saqib - http://usgems.net/HALF
-->
 
<script>
function alll() {
var m = document.f1.t1.value;
var mm = m.length;
document.f1.t2.value = mm;
if(mm >= 10) {
alert("Max is 10");
document.f1.t1.value = "";
}
setTimeout("alll()" ,0);
}
</script>
 
 
</head>
<body>
 
<form name="f1">
  <input type="Textbox" name="t1" onfocus="alll()"><br />
  <input type="Textbox" name="t2">
</form>
</body>
</html>
[HTML] pobierz, plaintext

bronx

3.07.2004, 18:55:08

dzięki, ale chodziło mi o taki który pokazuje np. 30 i z każdym wpisanym znakiem ta liczba maleje

wassago

3.07.2004, 19:57:35

nie mam czasu szukac wiec: google.pl => "javascript+count+letters",
powodzenia

czachor

3.07.2004, 20:08:53

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

!');
}}

pole - z tego zliczasz znaki
pole_z_odliczaniem - tu następuje odliczanie (ustaw value="500")

miedzna

7.03.2005, 15:45:50

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

z góry dzieki za pomoc

pozdrawiam

Tu scrypt:

[HTML] pobierz, plaintext 
<script type="text/javascript">
var ns6=document.getElementById&&!document.all
function restrictinput(maxlength,e,placeholder){
if (window.event&&event.srcElement.value.length>=maxlength)
return false
else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength){
var pressedkey=/[a-zA-Z0-9\.\,\/]/ //detect alphanumeric keys
if (pressedkey.test(String.fromCharCode(e.which)))
e.stopPropagation()
}
}
function countlimit(maxlength,e,placeholder){
var theform=eval(placeholder)
var lengthleft=maxlength-theform.value.length
var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder)
if (window.event||e.target&&e.target==eval(placeholder)){
if (lengthleft<0)
theform.value=theform.value.substring(0,maxlength)
placeholderobj.innerHTML=lengthleft
}
}
function displaylimit(thename, theid, thelimit){
var theform=theid!=""? document.getElementById(theid) : thename
var limit_text='<font color="red" size="2"><b><span id="'+theform.toString()+'">'+thelimit+'</span></b></font> znaków do wprowadzenia.'
if (document.all||ns6)
document.write(limit_text)
if (document.all){
eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)}
eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)}
}
else if (ns6){
document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true); 
document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true); 
}
}
</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 
<script type="text/javascript">
var ns6=document.getElementById&&!document.all
function restrictinput(maxlength,e,placeholder){
if (window.event&&event.srcElement.value.length>=maxlength)
return false
else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength){
var pressedkey=/[a-zA-Z0-9\.\,\/]/ //detect alphanumeric keys
if (pressedkey.test(String.fromCharCode(e.which)))
e.stopPropagation()
}
}
function countlimit(maxlength,e,placeholder){
var theform=eval(placeholder)
var lengthleft=maxlength-theform.value.length
var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder)
if (window.event||e.target&&e.target==eval(placeholder)){
if (lengthleft<0)
theform.value=theform.value.substring(0,maxlength)
placeholderobj.innerHTML=lengthleft
}
}
function displaylimit(thename, theid, thelimit){
var theform=theid!=""? document.getElementById(theid) : thename
var limit_text='<font color="red" size="2"><b><span id="'+theform.toString()+'">'+thelimit+'</span></b></font> znaków do wprowadzenia.'
if (document.all||ns6)
document.write(limit_text)
if (document.all){
eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)}
eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)}
}
else if (ns6){
document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true); 
document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true); 
}
}
</script>
 
 
 
<form action="dodaj.php" method="post" name="sampleform">
<B>Tytuł</B> (max 60 znaków)<BR>
<input type="text" name="tytul" maxlength="60">
<script>
displaylimit("document.sampleform.tytul","",60)
</script>
<BR><BR>
<B>Wstęp</B> (max 200 znaków)<BR>
<textarea cols="60" rows="5" name="wstep"></textarea>
<script>
displaylimit("","wstep",200)
</script>
<input type="submit" name="submit" value="Wy&para;lij" class="ramka" style="margin-top:5px;">
</form>
[HTML] pobierz, plaintext

bronx

7.03.2005, 23:04:30

ooooooooo wielkie dzięki, zaje*** skrypt

właśnie o to mi chodziło

THX i pozdrawiam

Vir

7.03.2005, 23:33:18

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 
<textarea cols="5" rows="2" name="test" id="txt1" onkeyup="count(180,'char1','txt1')"></textarea>
<br />
<span id='char1'></span>
<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

ridle

25.06.2012, 19:37:11

[PHP] pobierz, plaintext 
 
        <div class="full clearfix border_t box">         
        <p>
            <label for="comment"><?php echo SPEC($GLOBALS['_LANG']['_tpl_add14']) ?><span class="required">*</span></label><br /> 
            <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 /> 
            <small><?php echo SPEC($GLOBALS['_LANG']['_tpl_add15']) ?></small> 
        </p>        
        </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.

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.