ilosc znaków, w textarea Opcje

[bronx]

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

[miedzna]

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