Günün Sözü


Günün Sözü

19 Haziran 2009 Cuma

"Gömleğin bir düğmesi yanlış iliklensin, diğerleri de yanlış olur."


Reklam Siteye Destek

İçin Reklamı Tıklayın

--------------------------


•Bilgi-avim


Pagerank


 


BiLgi Dünyası

Java Script'te Metin Komutları

Java Script'te Metin Komutları

Şu ana kadar document. başlangıçlı tek kod gördük: document.write şimdilik bu kodla devam edeceğiz ve metinsel yöntemler üzerinde duracağız. DHTML sayfalarında document. başlangıçlı kodların hepsini ayrıca ele alacağız

Karakter Sayısı Belirleme
Bu sayfadaki metinsel kodlar, metinsel değerleri şekillendirme yöntemleridir. Örneğin değişken.length yöntemiyle metinsel bir ifadenin kaç karakterden oluştuğunu bulabiliriz. Not: Boşluklar da karakter ifade eder.

Kod: Tümünü seç
<html>
<head>
<title>Karakter sayısı</title>
<script language="JavaScript">
function bul()
{
var metin
metin = prompt("Metinsel bir ifade yazın.", "Buraya lütfen...")
if (metin == null || metin == "") alert("Yazı kutusuna birşey yazmadınız.")
else
{
document.write("Yazılan metin: " + metin + "<br>")
document.write("Karakter sayısı: " + metin.length)
}
}
</script>
</head>
<body>

<form>
<p>Aşağıdaki düğme yazılan bir ifadenin karakter sayısını bulmaya yarar:</p>
<input type="button" value="Karakter Sayısı" onclick="bul()">
</form>

</body>
</html>



Uygulamamız da metin isimli değişkene length yöntemi uygulanıyor. (Kalın harflerle yazdım.)

Metin İçinde Metin Arama
Aynı yapıda başka bir yöntem koduna geçelim: indexOf("..."). indexOf yöntem kodu ile metinsel bir ifadeyi, başka metinlerin arasında ararız. (Arama motoru yapmak isteyenler iyi okusun.) Mesela i değişkenin değeri "Cameron Diaz" olsun. Biz "Diaz" metinsel ifadesinin bu metin içinde bulunup bulunmadığını bu kodla şöyle anlarız: j = i.indexOf("Diaz"). "Diaz" metinsel ifadesi "Cameron Diaz" metin değerli i içinde var. Bu durumda j pozitif bir tamsayı değeri alır. Olmasaydı -1 değeri alacaktı. Aşağıdaki uygulama herşeyi anlatıyor:

Kod: Tümünü seç
<html>
<head>
<title>Karakter Bulma</title>
<script language="JavaScript">
function bul()
{
var metin = prompt("Öyle bir şey yazın ki içinde küçük "a" harfi olmasın.")
var karakter=metin.indexOf("a")
if (karakter >= 0)
{
document.write("<b>"" + metin + ""</b> ifadesinde "a" harfi var.")
}
else
{
document.write("<b>"" + metin + ""</b> ifadesinde "a" harfi yok.")
}
}
</script>
</head>
<body>

<form>
<p>Aşağıdaki düğmeye basın...</p>
<input type="button" value="Karakter Arama" onclick="bul()">
</form>

</body>
</html>



indexOf koduna çok benzeyen bir başka yöntem koduna geçelim: match. Kullanım şekli indexOf() ile aynıdır. Tek farkı, eğer ifade aranan metnin içinde yoksa null (yok) değerini, varsa ifadenin metinsel değerini alır:

Kod: Tümünü seç
<html>
<head>
<title>Karakter Bulma</title>
<script language="JavaScript">
function bul()
{
var metin = prompt("Öyle bir şey yazın ki içinde küçük "a" harfi olmasın.")
var karakter=metin.match("a")
if (karakter == "a")
{
document.write("<b>"" + metin + ""</b> ifadesinde "a" harfi var.")
}
else
{
document.write("<b>"" + metin + ""</b> ifadesinde "a" harfi yok.")
}
}
</script>
</head>
<body>

<form>
<p>Aşağıdaki düğmeye basın...</p>
<input type="button" value="Karakter Arama" onclick="bul()">
</form>

</body>
</html>


Yukarıdaki uygulama bir öncekiyle aynı sonucu veriyor ancak match kodu kullanılmakta.

Metin İçinde Bölüm Belirleme
Bir başka yöntem koduna geçiyorum: substr(...,...). substr kodu metinin belli bir bölümünü ifade etmeye yarar. Örneğin met = "Cameron Diaz" şeklindeki metinsel değerlikli bir değişkene kodu şöyle uygularsak: met.substr(7,4), "Diaz" metinsel değerini elde ederiz. Buradaki 7 sayısı, alıntı bölümünün 8. harften başladığını (ilk harf 0. sırada sayılıyor) ve 4 sayısı alıntının 4 harften oluştuğunu belirtiyor. Aşağıdaki uygulamaya bakalım:

Kod: Tümünü seç
<html>
<head>
<title>Karakter Alıntısı</title>
<script language="JavaScript">
function al()
{
var metin = prompt("Yazılım buraya yazacağınız metnin 3. harfinden itibaren 5 harflik kısmını yazdırır.")
var karakter=metin.substr(2,5)
document.write("<b>"" + metin + ""</b> ifadesindeki 3. harften itibaren 5 harflik kısım şöyledir:")
document.write("<br>"" + karakter + """)
}
</script>
</head>
<body>

<form>
<p>Aşağıdaki düğmeye basın...</p>
<input type="button" value="Karakter Alıntısı" onclick="al()">
</form>

</body>
</html>



Uygulama sayesinde kodun işlevi iyice anlaşıldığını sanıyorum. Boşluklarında birer karakter olduğunu tekrar hatırlatayım.

Büyük Harfe veya Küçük Harfe Çevirme
Bu bölümün son yöntem kodları: toLowerCase (küçük harfe çevirir), toUpperCase (büyük harfe çevirir). Bu kodlar da öncekiler gibi değişkenden sonra .toLowerCase(...) veya .toUpperCase(...) şeklinde kullanılır. Anlaşılması çok kolay olduğu için hemen uygulamamıza geçelim.

Kod: Tümünü seç
<html>
<head>
<title>Babalama</title>
<script language="JavaScript">
function babala()
{
var metin = prompt("İsminizi yazın...","Buraya lütfen")
var buyuk=metin.toUpperCase(metin)
var kucuk=metin.toLowerCase(metin)
babalasayfa=window.open("","Yeni_Sayfa", "toolbar=no,location=no,directories=no, status=no, menubar=no,scrollbars=yes, resizable=no,copyhistory=no,width=480, height=180, left=200, screenX=200, top=100, screenY=100")
babalasayfa.document.write("<html><head></head><body bgcolor=#ffffcc>")
babalasayfa.document.write("<h1>En büyük " + buyuk + "! Başka büyük yok!</h1><br>")
babalasayfa.document.write("<h4>Sayın " + kucuk + ", babalama ücreti 50 milyon! Hemen ödeyin</h4>")
babalasayfa.document.write("</body></html>")
}
</script>
</head>
<body>

<form>
<p>İsmini yazın lütfen...</p>
<input type="button" value="Babalama Düğmesi" onclick="babala()">
</form>

</body>
</html>


Bu sayfada metinsel yöntem kodlarının bir kısmını inceledik. O kadar çok var ki bu sayfada hepsini incelemenin imkanı yok. Ama hepsi böyle kullanımı basit kodlar. JavaScript Komutlarını anlatan referans sayfalarında tüm metinsel kodları görebilirsiniz.

 

dizilerWebmasterim.ComGenelSiteni EkleHit-Kurdu

Site EkLe, Hit Kazan, Toplist, Hit Al, Hit Kazan Google Toplist, Googlelist, Google ListAradur.com | Arama Motoru

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol