Jan 12
Checkbox ve radio düğmeleri formlar içerisinde kullandığımız diğer elemanlardır. Bu elemanların sonuçları bir index içerisinde tutulurlar. Fakat bu sonuçlar value değerleri değildir. Çünkü bu elemanların value değerleri sabit bir yapıdadır. Sonuçları ise işaretli(true), işaretsiz(false) olarak elde edilir. Bir formun içerisindeki eleman sayısını tespit edebiliriz. Bunun için lenght metodunu kullanıyoruz. document.formAdi.lenght şeklinde bir kullanım formun içerisindeki eleman sayısını verecektir.
Yine bir checkbox veya radio elemanının indexi document.formAdi.radioAdi.lenght şeklinde bulunabilir. Böylece kaç adet radio düğmesi veya checkbox kullanıldığı bulunabilir. Yine bu index sayesinde her radio veya checkbox elemanının değeri(true/false) bulunabilir.
Mesela üç checkbox elemanından bir form oluşturalım.
<form name=deneme>
Okumaya Devam Et »
Jan 12
Javascript açısından formlar birer nesnedir. Bir formun tüm elemanlarına ulaşılabilir. Formun javascript için adı forms dur ve tüm formlar forms[] dizisi altında tutulurlar. Formları oluşturan elemanlar da javascript için elements dir ve elments[] dizisi altında tutulurlar.
Bir forma ulaşmak için forms[] dizisi kullanılabilirsede biz forma ulaşmak için onun adından yararlanacağız. Her form bir nesne olduğuna göre her formun birde adı olmak zorundadır. Yine her form elemanına ulaşmak için o elemanın adından faydalanacağız.
Daha önce formlar ile ilgili örnekler görmüştük şimdi ise form elemanlarına ulaşmak ve onlara değer aktarıp değer almayı öğreneceğiz.
Okumaya Devam Et »
Jan 12
Javascript açısından <HTML>…</HTML> tagları arasında kalan bölüm bir belgedir ve adı document tir. Document nesnesi tüm sayfaya verilen isimdir. Bu neden ile önemli bir bölümdür.
document.alinkColor mouse üzerine geldiğinde linklerin alacağı rengi belirler.
document.vlinkColor ziyaret edilmiş link rengini belirler.
document.linkColor linklerin rengini belirler.
document.bgColor zemin rengini belirler.
document.fgColor text rengini belirler.
document.write() sayfa üzerine yazıları ve sonuçları yazar, ayrıca html taglarını uygular.
document.writeln() write metodu ile aynı işi görür,farkı yazının sonuna bir boşluk eklemesidir.
document.open() sayfa içerisinde yeni bir document nesnesi(yeni bir sayfa) oluşturur.
Okumaya Devam Et »
Jan 12
Javascriptin browsere verdiği ad navigator dür. İster netscape istersen explorer olsun javascript için navigator dür. navigator nesnesininde bazı özellikleri ve metodları vardır. Bunlar:
- navigator.appName browserin adını verir.
- navigator.appCodeName browserin kod adını verir.
- navigator.appVersion browserin versiyonunu verir.
- navigator.language browserin kullandığı dili verir.
- navigator.platform browserin kullandığı plartformu verir.
- navigator.userAgent browser hakkında genel bilgiler.
Bu bilgilere ulaşmak için şu kodları yazabiliriz.
<html>
<head>
<script>
<!–
Okumaya Devam Et »
Jan 12
Açtığımız bir pencereyi ve hatta içinde bulunduğumuz pencereyi kapatmak için kullanacağımız metod close() dir. Bu metodu window.close(); şeklinde bir komut vererek yapabileceğimiz gibi pencereAdi.close(); şeklinde de kullanabiliriz. Penceremiz otomatikman kapanacaktır. Fakat ana pencereyi kapatmak istediğimizde kullanıcıya pencerenin kapatılmak istendiği ve onaylayıp onaylamadığı sorulacaktır.
yeniPencere.document.open();
yeniPencere.document.write(”<html>”);
yeniPencere.document.write(”<head>”);
yeniPencere.document.write(”<title>yeni pencere</title>”);
yeniPencere.document.write(”</head>”);
yeniPencere.document.write(”<body>”);
yeniPencere.document.write(”<font size=4 color=green>”);
yeniPencere.document.write(”Pencereye yeni bir
sayfa açtırdık.”);
Okumaya Devam Et »
Jan 12
history nesnesi browserin zaman içerisinde gezerken hızlı ulaşım için kullandığı belleğe ulaşmamızı sağlar. Browserler daha hızlı bir ulaşım ve/veya off-line olarak çalışmak için gezilen yerlerdeki bilgileri bellibir süre için bellekte tutarlar; biz bu bilgilere(adreslere) ulaşmak için history nesnesini kullanacağız.
History nesnesini üç şekilde kullanacağız.
Okumaya Devam Et »
Jan 12
window javascript açısından browser penceresidir. Bu pencerenin özelliklerine window nesnesinden ulaşabiliriz. window nesnesi ile ulaşabileceğimiz özelliklerden bazıları şunlardır; status bölümüne yazmak, history(bellek) bölümüne ulaşmak, yeni pencere açmak.
status metodu
Bir browser penceresinin status çubuğuna yazı yazmak için kullanılan metoddur. Kullanım şekli oldukça basittir:
Okumaya Devam Et »
Jan 12
JavaScriptin nesne modelini anlamak için yukarıdaki resmi incelememiz gerekiyor. JavaScript açısından en üstte browser nesnesi bulunur. Bunu her zaman zikretmeyiz.
Daha sonra ise document nesnesi bulunur. document nesnesi html sayfasına verilen addır. <HTML>…</HTML> tagları arasında bulunan kısıma verilen addır.
Daha sonra ise diğer nesneler gelir. Mesela images[0] sayfada bulunan ilk resim javaScript için bir nesnedir. Bu nesneye images[0] veya ona verdiğimiz isim ile ulaşabiliriz.
Yine sayfada bir form görüyoruz. Bu form javaScript için forms[0] dır. Bu forma ulaşmak için documen.forms[0] şeklinde bir kullanım olacaktır.
Okumaya Devam Et »
Jan 12
Javascriptte öğrenmemiz gereken en önemli konu nesne yapısıdır. Javascript neseneye yönelik bir programlama dili olduğundan öncelikle nesnesel programlamadan biraz bahsetmemiz uygun olacaktır.
Nesneye yönelik programlama program içerisinde kullanılacak elemanları birer nesne olarak tanımlar. Bu elemanlara bir işlem uygulamak istediğinizde nesnesel özelliklerinden faydalanır. Bunu bir örnek ile anlatalım:
Mesela evimizdeki televizyon bir nesnedir ve bazı özellikleri vardır. Kanal ararar, kanalları kayıt eder, kanalları gösterir ve seslendirme yapar gibi. Biz gerçek hayatta TV seyrederken bu özelliklerden faydalanırız. Her marka televizyonun özellikleri hemen hemen aynıdır ve aynı işlemleri yaparlar. Şimdi TV nin sesini açmak isteyelim; ne yapıyoruz ses açma düğmesine basıyoruz ve ses açılıyor.
Javascripte de aynı işlem yapılıyor. Mesela browser javascript için bir nesnedir ve bu nesnenin özellikleri vardır, bu nesneden bir tane daha istersek yeni bir pencere açabiliyoruz. Bu nesnenin içeriğini değiştirmek istediğimizde yeni bir sayfaya yönlendirebiliyoruz veya yeni bir sayfa yazabiliyoruz.
Okumaya Devam Et »
Jan 12
Sıklıkla kullanacağımız eventler olan onMouseOver ve onMouseOut ikilisi mouseun bir link veya başka bir elemanın üzerine gelip gitmesini kontrol ederler. onMouseOver mouse bir linkin üzerine geldiğinde gerekli fonksiyonu çalıştırır. onMouseOver ise mosuse linkin üzerinden gittiğinde gerekli fonksiyonu çalıştırır.
Bu konuyu bir örnek üzerinde görelim. Aşağıdaki linkin üzerine mouse getirin ve biraz beklettikten sonra geri çekin.
Status çubuğuna bakın
Okumaya Devam Et »
Son Yorumlamalar