Zoque.Forum
»
js : textarea maxlength
|
| Arsiv Bölümü Webtasarımı ve internet bölümünde önemli olduğunu düşündüğümüz mesajların toplandığı bölüm. Foruma yeni bir soru sunmadan bu bölümdeki mesajlara göz atılması tavsiye olunur. (Arama motorundan daha eski mesajlara ulaşılabilir). |
![]() |
|
|
LinkBack | Seçenekler |
|
|
#1 (permalink) |
|
Üyelik Tarihi: 16.06.2002
Yer: x-ist.com
Yaş: 27
Mesaj: 10
|
js : textarea maxlength
textarea da girilen karakterleri sayan bi script arıyorum en kötü ihitmalle 500 üzerinde karakter girince uyarsın...
teşekkür ederim...
__________________
Webgroup of Işık Uni. www.isikun.edu.tr |
|
|
|
|
|
#2 (permalink) |
|
Üyelik Tarihi: 21.10.2000
Yer: Istanbul, Türkiye
Yaş: 28
Mesaj: 1,995
|
head kısmı
Kod:
<script type="text/JavaScript"><!-- var limit = 500; function check() { if(document.form.box.value.length > limit) { alert('uff, çok oldu!'); document.form.box.focus(); return false; } else return true; } function update() { var old = document.form.counter.value; document.form.counter.value=document.form.box.value.length; if(document.form.counter.value > limit && old <= limit) { alert('Çok yazdınız!'); if(document.styleSheets) { document.form.counter.style.fontWeight = 'bold'; document.form.counter.style.color = '#ff0000'; } } else if(document.form.counter.value <= limit && old > limit && document.styleSheets ) { document.form.counter.style.fontWeight = 'normal'; document.form.counter.style.color = '#000000'; } } //--></script> body kısmı Kod:
<form action="submit.ASP" name="form" onsubmit="return check();"> <textarea rows="7" cols="40" name="box" onkeyup="update();"></textarea><br> <noscript> <p><small>(Browser'ınız JavaScript desteklemiyor.)</small> </noscript> <script type="text/JavaScript" language="JavaScript1.2"><!-- document.write('Karakter sayısı: <input '+ 'type="text" size="3" name="counter" value=""'+ 'readonly onfocus="this.form.box.focus()"> (limit: '+ limit+')'); //--></script> <p><input type="submit" value="gönder"> <input type="reset" value="temizle"> </form>
__________________
::: e? - Online Yaşam ve Tasarım Kültürü Sorunuz belki çoktan cevaplanmıştır? Faydalı: W3 - MACCAWS - WaSP |
|
|
|
|
|
#3 (permalink) |
|
Üyelik Tarihi: 21.10.2000
Yer: Istanbul, Türkiye
Yaş: 28
Mesaj: 1,995
|
ayrıca, textarea 'daki karakterlerin limitini belirleme konusunda ayrıntılı bilgi istersen,
http://www.cs.tut.fi/~jkorpela/forms/textarea.html
__________________
::: e? - Online Yaşam ve Tasarım Kültürü Sorunuz belki çoktan cevaplanmıştır? Faydalı: W3 - MACCAWS - WaSP |
|
|
|
|
|
#5 (permalink) |
|
Üyelik Tarihi: 22.06.2001
Yer: Antalya
Yaş: 37
Mesaj: 531
|
bende bir şeyler karaladım.
Kod:
<HTML> <head> <title>Biolight - textarea(MaxText)</title> </head> <body> <!-- Karakter limiti MaxText de belirleniyor --> <textarea id="myarea" MaxText="8"></textarea> <br><span id="ikaz"></span> <script> var ilkikaz=" adet Yazı karakter limitiniz vardır"; var araikaz=" Yazı karakter limitiniz kalmıştır"; var durikaz="Yazı karakter limitiniz dolmuştur !!" var dur=myarea.MaxText; ikaz.innerText=dur+ilkikaz; function textstop(){ var yazi=myarea.value; var limit=yazi.length; var kadar=dur-limit; if(limit>=dur) {myarea.value=yazi.substring(0,dur); ikaz.innerText=durikaz;ikaz.style.color="red";} else { ikaz.style.color=""; if(limit==0) {ikaz.innerText=dur+ilkikaz;} else{ikaz.innerText=kadar+araikaz;} }} myarea.onkeyup=textstop; myarea.onkeydown=textstop; </script> </body> </HTML> |
|
|
|
Zoque'a hoşgeldiniz!