HTML Scriptler
Bir Web sayfası organizasyonunda JavaScriptleri Web sayfasına
eklemek için değişik yollar vardır:
. HEAD bölümünde
. BODY bölümünde
. BODY içinde URL olarak.
<HEAD>
İçinde:
javascript
Java Script Tablo
HTML derslerinde tablolarla ilgili sayfalarımızda bir çok parametre
öğrenmiştik. Ayrıca CSS derslerinde sınır çizgileri, dışkenar ve
içkenar boşlukları hakkındaki sayfalarımızda birçok özellik yer
alıyordu. Bu parametreleri ve stil özelliklerini id ile
isimlendirilmiş tüm tablolar üzerinde JavaScript kodlarıyla
uygulayabiliyoruz.
Tablo Çerçeveleri
HTML derslerindeki
Tablo Biçimi
sayfasında sınır çizgileri ile ilgili öğrendiğimiz parametreleri
kullanabiliriz. Örnek olması açısından bu parametrelerin bir kısmını
Java Script Sayfa Nesnesi
Sayfa nesnesi, hiyerarşide pencereden sonra geliyor. Bir sayfa
nesnesi form, resim gibi birçok başka nesneyi içerir. Eğer başka bir
pencere söz konusu değilse, sayfa komutlarımız document. ile başlar
ama uygulama birden çok pencere içeriyorsa pencere isimlerini de
belirtmek gerekir: yenipencere.document. gibi.
Elemanlar Dizisi
Hiyerarşi sıralamasında sayfaların elemanları olduğunu görmüştük
(DHTML sayfasındaki arakladığım grafiği hatırlayın). Bu elemanlar
(form, resim) sayfa üzerinde bir dizi oluşturur. Örneğin sayfa
üzerindeki formlar document.forms dizisi ile ifade edilir. Aynı
Java Script Olay Komutları
Olay Komutları:
onclick Fareyle tıklamayı ifade eder.
ondblclick Fareyle çift tıklamayı ifade eder.
onmouseover Farenin imleciyle üzerine gelmeyi ifade eder.
onmouseout Farenin imlecini üzerinden çekmeyi ifade eder.
onmousedown Fare düğmesine basmayı ifade eder.
onmouseup Fare düğmesini bırakmayı ifade eder.
onload Sayfanın yüklenmesini ifade eder.
onunload Sayfanın kapatılmasını ifade eder.
Java Script Gözatıcı Komutları
Gözatıcı Özellikleri
Kullanıcının kullandığı gözatıcının özellikleri hakkında bilgi
edinmek için aşağıdaki navigator kodları kullanılır.
appCodeName Kullanılan gözatıcının kod ismini belirler. (örneğin
Mozilla)
navigator.appCodeName
appMinorVersion Kullanılan gözatıcı versiyonunun hangi sürümü
olduğunu belirler. (örneğin 5.0`ın 0`ı.)
navigator.appMinorVersion
appName Kullanılan gözatıcının ismini belirler. (Örneğin Microsoft
Internet Explorer)
navigator.appName
appVersion Kullanılan gözatıcının versiyonunu belirler. (Örneğin
Java Script Pencere Nesnesi
Pencere nesnesi,
JavaScript nesnele hiyerarşisinde en tepede yer almaktadır. Daha
önceki Pencere Komutları sayfasında bir bakıma bu konuya giriş
yapmıştık. Şimdi o sayfadan devam edelim:
Java Script Doküman Nesnesi
Doküman (document)
nesnesi HTML dokümanının tamamını ifade etmektedir ve HTML`de
kullandığımız <p>, <h1>, <div>, vb. gibi tüm komutları içerir.
Doküman nesnesini HTML`deki <body> bölümü olarak düşünebilirsiniz.
Aslında ilk JavaScript dersinden başlayarak, document.write() komutu
ile HTML dokümanlarına yazı eklemeyi öğrenmiştik.
Doküman Nesnesinin İçeriğini Değiştirmek
Doküman nesnenin içeriğini değiştirmek için innerHTML
kullanılır. Önce doküman id="..." parametresi ile tanımlanır.
Java Script ve DHTML
Hareketli (dinamik)
bir sayfa yapmak için, sayfa nesnelerini ve onlara komutlar
vermeliyiz. Buna DHTML (dynamik hypertext markup language)
denmektedir. Aslında DHTML diye bir dil veya standart yok, HTML
nesneleri ve CSS özelliklerini JavaScript (veya başka bir dille)
sayfa içinde değiştirerek, hareketli web sayfaları yaratma
işlemidir. Fare imlecini kovalayan yaylar, toplar, martılar; üzerine
gelindiğinde değişen ışıklı düğmeler; tıklanıldığında perde gibi
açılan menüler; Star Wars jeneriğine benzeyen kayan metinler, daha
neler neler...
Java Script Olaylar
JavaScript için
olay nedir? Kullanıcının sayfa üzerinde yaptığı her türlü işlem
olaydır. Sayfayı açmak, bir nesnenin üzerine tıklamak, fareyle bir
nesnenin üzerine gelmek, bir tuşa basmak, bir değeri değiştirmek.
Bunların hepsi bir olaydır. HTML nesneleridir ve küçük harfle veya
büyük harfle yazılmalarında sakınca yoktur.
"onClick" Olayı
Bu sayfaya kadar onclick (tıklanıldığında) olayını düğme üzerinde
birçok uygulamamızda kullandık. Bu olayı uygulamak için düğmeye
ihtiyacımız yok, herhangi bir HTML nesnesi de olur: resim, hiperlink,
Java Script Matematik Komutları
Programlar
matematiğin bir dalı olan algoritmalar üzerine kuruludur. Matematiği
kötü olup da iyi yazılımcı olabilen kişi yoktur. Eğer matematik
üzerine daha önce fazla düşmemişseniz, belki program yaparken
matematiği sevebilir ve içinizde kalmış gizli bir yeteneğinizi
keşfedebilirsiniz.
Ondalık Sayıları Tam Sayılara Çevirme Şekilleri
JavaScript`te bir sürü matematik komutu var ve bu kodların
başına math. ön komutu konur. Hemen başlasak iyi olur. İlk kodumuz
ondalık sayıları en yakın tam sayıya yuvarlamaya yarayan round()
Java Script Zaman Komutları
Bu sayfada zaman yöntem kodları üzerinde duracağız. Bu kodlar zaman
birimlerini ifade etmekte, nesneleri zamana göre sıralamakta ve
sorgulamakta kullanılır. (ASP derslerinde üzerinde duracağız.)
Zaman Değişkeni Tanımlama ve Yürürlükteki Zaman Değerini İfade
Etme
İlk kodumuz: new Date(). Bu kod değişkenin zaman değeri taşıdığını
belirtiyor. Ve değişkene bilgisayarın saatinde yer alan zaman
değerini veriyor. Aşağıdaki kodlarla bu zaman değerini
özelleştirebiliriz.
getDate() Ayın kaçı olduğunu gösterir.
tarih.getDate()
Java Script Diziler
Dizi Tanımlama
Dizileri değişkenler kümesi şeklinde tanımlayabiliriz. Bellekte
aynı isim altında saklanan değerleri ifade eder; değerler new Array(...)
kodu kullanılarak girilir. Dizilerin iki yazım türü vardır:
var hafta = new Array("pazartesi", "salı", "çarşamba", "perşembe",
"cuma", "cumartesi", "pazar")
veya,
var hafta = new Array(6)
hafta[0] = "pazartesi"
hafta[1] = "salı"
hafta[2] = "çarşamba"
hafta[3] = "perşembe"
hafta[4] = "cuma"
hafta[5] = "cumartesi"
JavaScript ile Sayfalama
AJAX Nedir ?AJAX, "Asynchronous JavaScript And XML" 'in kısaltılmışıdır. Ajax bir programlama yöntemidir ve 2005 yılında Google Suggest hizmetiyle popüler olmaya başlamıştır. Ajax bir programlama dili değildir sadece mevcut programlama dillerinin yeni bir kullanım yöntemidir. Ajax ile daha iyi, hızlı ve kullanıcı dostu internet uygulamaları geliştirebilirsiniz. Ajax Javascript ve HTTP istekleri üzerine kurulu bir yöntemdir. AJAX "Asynchronous JavaScript And XML" 'in kısaltılmışıdır. Derse başlamadan önce bilmeniz gerekenlerDerse başlamadan önce aşağıdakiler hakkında temel olarak bilgi sahibi olmanız gerekir: |