.js ya da .css ile satir uzunlugunu kontrol etmek - 2. Sayfa

biolight · 08.10.2003

Alıntı:

zoque tarafından gönderilen mesaj:

su an imzalarda kullanilan karakter kisitlamasi var, 300 karakterden olusuyor. fakat benim kullanmak istedigim satir olarakta bunu kontrol edebilmek. bir bakalim artik

o zaman aşağıdaki kodlar işine yarıya bilir

Kod:

<script>
function kontrol(){
var r, re; 
var s =escape(document.myform.imza.value);
re = /%0D%0A/ig; /* %0D%0A == enter */
r = s.match(re);
if(r!=null && r.length>=3){
alert("Lütfen Dikkat !\nİmza kısmında 3 satırdan fazla kullanmayınız!");
document.myform.imza.focus();
return false;
}
else{return true;}
}
</script>

<form name="myform" onsubmit="return kontrol()">
<textarea name="imza" style="width:200px;height:200px;"></textarea>
<input type="submit">
</form>

absconder · 08.10.2003

biraz daha farklı bir yaklaşımla

ASCII(10) New Line (NL)'ı ifade eder, buna göre textarea'yı split edip kaç satırdan oluştuğunu hesaplatıyorum...

Kod:

<HTML>
<body>
<script>
function bak()
{	
	var mytext = document.aa.txt.value.split(String.fromCharCode(10));
	alert(mytext.length + " satırdan oluşuyor");
	alert("ilk satır verisi " + mytext[0]);
}
</script>
<form name="aa" id="aa">
<textarea name="txt" id="txt"></textarea><br>
<input type="button" id="ss" name="s"s onclick="bak();" value="say">
</form>
</body>
</HTML>

/. @biolight, re = /%0D%0A/ig; /* %0D%0A == enter */ ben bulamamıştım

biolight · 08.10.2003

@absconder,
senin yöntem daha kısa ve güzel olmuş

%0D%0A nın enter olduğunu ise direk deniyerek buldum.
boş bir form yap textarea da bir kere enter tıla ve sonra direk submit yap
ve adres çubuğunu gözlemle

soul · 08.10.2003

Kod:

<HTML>
<body>
<script>
function bak()
{ 
 var linelimit=5;
 var mytext = document.aa.txt.value.split("\n");
 for(var i=0;i<mytext.length;i++){
  if(mytext[i].length>linelimit)alert((i+1) + ". satır "+linelimit+" karakterden fazla");
 }
}
</script>
<form name="aa" id="aa">
<textarea name="txt" id="txt"></textarea><br>
<input type="button" id="ss" name="ss" onclick="bak();" value="say">
</form>
</body>
</HTML>

Şu şekilde de olabilir @absconder' ın yazdığının üzerine ekledim.
Bir de Enter için "\n" kullanımını atlamışsınız sanırım

Bir de şu var, HTML' ler replace edilerek kullanılırsa daha sağlıklı olabilir;

Şu Regex Pattern işi görebilir sanırım; ("" ile replace edilecek.)

Kod:

"<[^>]*>"

Bu sayede satırdaki gözükecek gerçek karakter sayısı alınabilir.

biolight · 09.10.2003

@soul,
biz imzanın kaç satırdan oluşabileceğini hesapladık
sen her bir satırda kaç karekter olacağını hesapladın
yanlız dediğin gibi HTML' ler replace edilerek kullanmaya bir örnek yazarmısın.

sonra JavaScriptleri birleştirip sağlam bir ürün elde edebiliriz gibi

absconder · 10.10.2003

Kod:

.replace(/<font class="([^"]+)"(.*?)<\/font>/gi, "<span class=\"$1\"$2</span>");

<font class="myclass">deneme yazisi</font>

yazısını

<span class="myclass">deneme yazisi</span>

haline getiriyor... vaktim yok, uğraşamıyorum, sizler uğraşabilirseniz, burdan yola çıkabilirsiniz, vakit bulduğum anda uğraşacağım

soul · 10.10.2003

Buyrun;

HTML Code:

 <HTML> 
<body>
<script>
function bak()
{ 
var linelimit=5,tmpline;
var mytext = document.aa.txt.value.split("\n");
var Regex=/<[\s\S]*>/
for(var i=0;i<mytext.length;i++){
tmpline=mytext.replace(Regex,"");
if(tmpline.length>linelimit)alert((i+1) + ". satır "+linelimit+" karakterden fazla");
}
}
</script>
<form name="aa" id="aa">
<textarea name="txt" id="txt"></textarea><br>
<input type="button" id="ss" name="ss" onclick="bak();" value="say">
</form>
</body>
</HTML>

[i]
// bir hafta buralarda yokum foruma son bir katkımız olsun

absconder · 10.10.2003

Kod:

<HTML>
<body>
<script>
function bak()
{
/*
 script [.....] arasına yazılan ifadeleri görmezden gelir...
 <br>,<br/> gibi tag'lere göre optimize edilmesi gerekiyor...
 bir satırdaki karaktere göre de sınırlama getirilebilir...
*/

/* satır limiti */
	var linelimit=3;
/* satırdaki karakter limiti */
	var charLimit=100;

/* değer alınıyor */
	var txt=document.aa.txt.value;
/*
 HTML tag replace ediliyor...
 [ = HTML tag açılış
 ] = HTML tag kapanış*/
	txt=txt.replace(/\[(.*?)\]/gi, ""); 

/* satır sonu ifadesine göre split ediliyor */
	var mytext = txt.split("\n");

/* satırdaki karakter limiti kontrol ediliyor */
	for(var i=0;i<mytext.length;i++){
		if(mytext[i].length>charLimit) {alert((i+1) + ". satır "+ charLimit +" karakterden fazla");}
	}

/* satır limiti kontrol ediliyor */
	if(mytext.length>linelimit) alert("imzanız " + linelimit + " satırdan fazla olamaz...");
}
</script>
<form name="aa" id="aa">
<textarea name="txt" rows=10 cols=100 id="txt"></textarea><br>
<input type="button" id="ss" name="s"s onclick="bak();" value="say">
</form>
</body>
</HTML>

baka öneri?

cihangir · 10.10.2003

birsey söylecegim ama kizmak yok

template'ler icinde textarea'yi bulamiyorum. $messagearea diye bir degisken var ama tanimini template'lerden degil .PHP'lerden aliyor olmali.

quelltext'te söyle birsey gözüküyor zaten.

Kod:

<textarea name="message" rows="20" cols="70" wrap="virtual" tabindex="1" onkeyup="getActiveText(this);" onmouseup="getActiveText(this);" onchange="getActiveText(this);" style="width:100%">

textarea'yi bulunca sizlere haber veririm :P

absconder · 10.10.2003

view source dan bakınca imza alanının

Kod:

<textarea name="message" rows="20" cols="70" wrap="virtual" tabindex="1" onkeyup="getActiveText(this);" onmouseup="getActiveText(this);" onchange="getActiveText(this);" style="width:100%">

olduğu şeklinde haberler oldım

form'un onsubmit'ine de yukarıdaki scriptlerin modifiye edilmiş halini koyarsan olur sanırım...

08.10.2003	#12 (permalink)
absconder Üyelik Tarihi: 09.12.2000 Yer: istanbul Yaş: 30 Mesaj: 1,951	biraz daha farklı bir yaklaşımla ASCII(10) New Line (NL)'ı ifade eder, buna göre textarea'yı split edip kaç satırdan oluştuğunu hesaplatıyorum... Kod: <HTML> <body> <script> function bak() { var mytext = document.aa.txt.value.split(String.fromCharCode(10)); alert(mytext.length + " satırdan oluşuyor"); alert("ilk satır verisi " + mytext[0]); } </script> <form name="aa" id="aa"> <textarea name="txt" id="txt"></textarea><br> <input type="button" id="ss" name="s"s onclick="bak();" value="say"> </form> </body> </HTML> /. @biolight, *re = /%0D%0A/ig; / %0D%0A == enter /* ben bulamamıştım __________________ "oturduğum mahallenin yolları çamurluydu, boyalı ayakkabı giysem bile, o yollardan geçtikten sonra çamurlanmamaları mümkün değildi. hayatım da böyle." yılmaz güney http://www.sipidik.com Mesaj absconder tarafından 08.10.2003 (16:18) yeniden düzenlendi..

08.10.2003	#14 (permalink)
soul Üyelik Tarihi: 13.07.2000 Yer: LND Mesaj: 4,279	Kod: <HTML> <body> <script> function bak() { var linelimit=5; var mytext = document.aa.txt.value.split("\n"); for(var i=0;i<mytext.length;i++){ if(mytext[i].length>linelimit)alert((i+1) + ". satır "+linelimit+" karakterden fazla"); } } </script> <form name="aa" id="aa"> <textarea name="txt" id="txt"></textarea><br> <input type="button" id="ss" name="ss" onclick="bak();" value="say"> </form> </body> </HTML> Şu şekilde de olabilir @absconder' ın yazdığının üzerine ekledim. Bir de Enter için "\n" kullanımını atlamışsınız sanırım Bir de şu var, HTML' ler replace edilerek kullanılırsa daha sağlıklı olabilir; Şu Regex Pattern işi görebilir sanırım; ("" ile replace edilecek.) Kod: "<[^>]>" Bu sayede satırdaki gözükecek gerçek karakter sayısı alınabilir. __________________ FERRUH*.MAVİTUNA - İnanmıyorum, yeni site!

10.10.2003	#16 (permalink)
absconder Üyelik Tarihi: 09.12.2000 Yer: istanbul Yaş: 30 Mesaj: 1,951	Kod: .replace(/<font class="([^"]+)"(.?)<\/font>/gi, "<span class=\"$1\"$2</span>"); <font class="myclass">deneme yazisi</font>* yazısını <span class="myclass">deneme yazisi</span> haline getiriyor... vaktim yok, uğraşamıyorum, sizler uğraşabilirseniz, burdan yola çıkabilirsiniz, vakit bulduğum anda uğraşacağım __________________ "oturduğum mahallenin yolları çamurluydu, boyalı ayakkabı giysem bile, o yollardan geçtikten sonra çamurlanmamaları mümkün değildi. hayatım da böyle." yılmaz güney http://www.sipidik.com

10.10.2003	#19 (permalink)
cihangir Üyelik Tarihi: 11.04.2000 Yer: Karlsruhe / Freiburg Yaş: 33 Mesaj: 5,644 Görsel: 169	birsey söylecegim ama kizmak yok template'ler icinde textarea'yi bulamiyorum. $messagearea diye bir degisken var ama tanimini template'lerden degil .PHP'lerden aliyor olmali. quelltext'te söyle birsey gözüküyor zaten. Kod: <textarea name="message" rows="20" cols="70" wrap="virtual" tabindex="1" onkeyup="getActiveText(this);" onmouseup="getActiveText(this);" onchange="getActiveText(this);" style="width:100%"> textarea'yi bulunca sizlere haber veririm :P __________________ Üyeler tanisiyor \| Üyeler kendilerini tanitiyorlar. İletisim Merkezi \| Forumla ilgili sorulariniz, problem bildirimi icin lütfen daha fazla ö.m. atmayiniz.

10.10.2003	#20 (permalink)
absconder Üyelik Tarihi: 09.12.2000 Yer: istanbul Yaş: 30 Mesaj: 1,951	view source dan bakınca imza alanının Kod: <textarea name="message" rows="20" cols="70" wrap="virtual" tabindex="1" onkeyup="getActiveText(this);" onmouseup="getActiveText(this);" onchange="getActiveText(this);" style="width:100%"> olduğu şeklinde haberler oldım form'un onsubmit'ine de yukarıdaki scriptlerin modifiye edilmiş halini koyarsan olur sanırım... __________________ "oturduğum mahallenin yolları çamurluydu, boyalı ayakkabı giysem bile, o yollardan geçtikten sonra çamurlanmamaları mümkün değildi. hayatım da böyle." yılmaz güney http://www.sipidik.com

08.10.2003	#13 (permalink)
biolight Üyelik Tarihi: 22.06.2001 Yer: Antalya Yaş: 38 Mesaj: 531	@absconder, senin yöntem daha kısa ve güzel olmuş %0D%0A nın enter olduğunu ise direk deniyerek buldum. boş bir form yap textarea da bir kere enter tıla ve sonra direk submit yap ve adres çubuğunu gözlemle

09.10.2003	#15 (permalink)
biolight Üyelik Tarihi: 22.06.2001 Yer: Antalya Yaş: 38 Mesaj: 531	@soul, biz imzanın kaç satırdan oluşabileceğini hesapladık sen her bir satırda kaç karekter olacağını hesapladın yanlız dediğin gibi HTML' ler replace edilerek kullanmaya bir örnek yazarmısın. sonra JavaScriptleri birleştirip sağlam bir ürün elde edebiliriz gibi

Sponsorlu Bağlantılar
Zoque.Forum Reklam