JavaScript & DOM & XML & Php fonemi
JavaScript, DOM, XML … AJAX’i sıfırdan öğrenmek isteyen herkesin ilk karşılaştığı terimlerdir bunlar ve birçoğu için bunların birbirleriyle ve AJAX ile ilişkisi oldukça kafa karıştırıcı bir hal almıştır. Gerçekten de bunlar AJAX teknolojisini oluşturan ana öğelerdir ve birbirlerini tamamlayıcı niteliktedirler. Bu yazıda sizlere bunlarla ve başka kavramlarla ilgili bazı temel bilgileri sunacağım ve eğer varsa kafa karışıklıklarını gidermeye çalışacağım. Ayrıca yazının sonunda benim de yararlanmış olduğum bazı kaynaklar bulacaksınız; bu kaynaklara erişerek bu konu hakkındaki bilgilerinizi genişleterek daha sağlam bir temele oturtabilirsiniz.
DOM Nedir ?
Document Object Model’in kısaltılmışı olan DOM’un dilimize çevirisi Belge Nesne Modeli olarak yapılmaktadır. Asla bir dil olmayıp, dilleri barındıran bir platform olarak tanımlanmaktadır. Başka bir deyişle dilden bağımsız bir standarttır. Aslında tanım kısmı çok da önemli değil, küçük örneklerle anlattığımda çok net kavrayacaksınız.
DOM’u ilgilendiren iki dil grubu vardır. Birincisi temel dil olup, verinin başkalarıyla paylaşılması için kullanılır. İkincisi ise işleme dili’dir ve temel dille yapılandırılmış bir belgeyi işlemeye yarar. Burada dikkat edilmesi gereken nokta bu isimlendirmelerin evrensel bir nitelik taşımadığıdır; yani mantığı size daha kolay anlatabilmek amacıyla bu şekilde ben sınıflandırdım.
Çok göze çarpan örnekler vermek gerekirse, temel diller HTML ve XML, işleme dilleri ise JavaScript ve PHP, ASP, JSP gibi sunucu tabanlı dillerdir.
DOM’da bir temel dil ile hazırladığınız sayfa, belge olarak adlandırılır. Bu belgenin içine yerleştirdiğiniz her türlü öğe ise nesne olarak adlandırılır. Nesnelerin birer öğe (element) olarak kullanılabilmesi için hiyerarşik bir düzen izlenerek çağrılmaları gerekir. Örneğin HTML içerisine yerleştirilmiş öğeleri çağırmak için, içinde bulunduğu diğer öğelerin çağrılması bir yöntemken, bir öğeye bir id vererek bu id üzerinden çağırmak da bir başka yöntemdir. Aşağıdaki örneği ele alalım :
Görüldüğü gibi bir temel dil ile (HTML), bir işleme dili (JavaScript) aynı sayfa içerisinde kullanıldı ve istenilen sonuçlar elde edildi. Bu sayfayı tarayıcımızla açtığımızda alt alta iki metin kutusu içerisinde Gökhan Öztürk ve Türkiye yazıları çıkacaktır. JavaScript kodumuzun ilk satırında metin kutusunun değeri hiyerarşik olarak çağrılmış ve değiştirilmiştir. İkinci satırda ise hiyerarşik yapı daha az önemsenerek JavaScript içindeki DOM’un temellerinden olan getElementById metodu kullanılmıştır.
Bütün bunların hepsi aslında bize DOM’un nesne yönelimli (object oriented) yapıyı getirdiğini gösteriyor.
Temel dil olarak HTML ve işleme dili olarak JavaScript’in kullanımını Ajax-Tr sitesindeki uygulama örneklerinde çokça gördük. Bu yazının devamında temel dil olarak XML’in ve işleme dili olarak da PHP’nin kullanımını küçük örneklerle göstereceğim.
Toplamda 10849 kez okunmuş.
Şu an 1 kişi okuyor.
En fazla 9 kişi aynı anda okumuş.
Bugün 23 kez okunmuş.
Etiketler: ajax, ajax-tr, class, dom, form, javascript, js, php, sinif, sınıf, XML
(14 oy, ortalama 4.64)
Oylanıyor ...
Trackback Yorumları takip et Baskı Önizleme
# Umut Çetinkaya | 27 Şubat 2008, 19:37
Çok Güzel gerçekten teşekkürler paylaşım için !
# brsyuksel | 28 Şubat 2008, 02:33
Hazırlayan arkadaşın emeğine sağlık, çok teşekkür ederim.
# orhan | 28 Şubat 2008, 09:30
eline sağlık @fonemi gerçekten benim için uzun zamandır araştırmayı düşündüğüm bir konuyu açıklığa kavuşturdun. Tebrkler
# hly | 17 Mart 2008, 01:54
ya ben ajax hakkında bilgi ve uygulama ödevi aldım ama işin içinden çıkamıyorummm nasıl bişeydir bu daha açık bi şekilde anlatan dökümana sahip birileri varmı?????? lütfennn yardımmmm
# Yemek Tarifleri | 19 Mart 2008, 20:55
Bilgilerin için çok teşekkür ederim, işime kesin yaracak
Bu günlerin feyzi üzerinize, rahmeti geçmişinize, bereketi evinize, nuru ahiretimize, sıcaklığı yuvamıza dolsun. Kandiliniz mübarek olsun..
# alim omer abul | 03 Haziran 2008, 20:26
Cok guzel ve harika olmus.. Paylasım ıcın tskler hemen deniyecem..
# Dantel Çeşitleri | 23 Haziran 2008, 06:36
Yeni yazılarınızı bekliyorum, emeğinize sağlık.
# dislek | 03 Temmuz 2008, 19:30
cok teşekkürler gercekten cok faydalı oldu.
# mehmet | 11 Temmuz 2008, 10:37
öncelikle paylaşımınız için çok teşekkür ederim. uzun zamandır aradığım şeyi buldum diyebilirim. yanlız kendi siteme uyarlamaya çalıştım fakat arguman hatasıyla karşı karşıyayım.
Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /home/siteadi/public_html/b.php on line 41
http://www.siteadi.net
neden böle birşeyle karşılaşmış olabilirim,?
# Ebubekir | 16 Temmuz 2008, 04:00
anlatım üslubun o kadar güzelki, o kadar site dolaşıp bir türlü anlayamadığım konuları senin iki örneğinle anlayabildim… güzel ve faydalı açıklamaların için teşekkürler…
# fonemi | 19 Temmuz 2008, 09:54
İyi dilekler için herkese teşekkürler…
@mehmet : Sanırım sitenizde kullandığınız SQL sorgusunda bir hata var.
# sohbet | 29 Temmuz 2008, 03:23
Çok Başarılı.. bu anlamda tşk ederim. Çok işime yaradı
# mehmet | 31 Temmuz 2008, 23:08
teşekkür ederim sorunu buldum. Sql den kaynaklanıyormuş, iyi çalışmalar…
Not: fonemi teşekkür ederim ilginden dolayı…
# Sohbet | 12 Ağustos 2008, 21:26
Paylaşim Birebir Tbrk.
# mirc | 16 Ağustos 2008, 13:39
thanks saol