DOM (Document Object Model; Doküman Nesne Modeli)
Hareketli web sayfaları oluşturmak için HTML, CSS ve JavaScript (başka bir script dil de olabilir) kodlarını bir şekilde ilişkilendirmek gerekir; burada DOM devreye girer. DOM bir modelleme şeklidir, sayfa nesnelerinin belli bir hiyerarşi içinde tanımlanmasıdır. Sayfa nesnelerini komutlandırmak için, önce tanımlamamız gerekir. Bu tanımlam için, üzerinde işlem yapılacak her HTML nesnesi id="..." parametresiyle isimlendirilir. Bu isim kullanılarak nesnenin parametreleri, CSS özellikleri veya metinsel değerleri üzerinde değişiklik yapılır.
Mesela bir HTML nesnesinin parametresi üzerinde oynayalım:
Kod: Tümünü seç
<html>
<head>
<title>Parametre Değişimi</title>
<script language="JavaScript">
function yan()
{
resim.src="dhtml2.jpg" }
function son()
{
resim.src="dhtml1.jpg" }
</script>
</head>
<body>
<img id="resim" onmouseover="yan()" onmouseout="son()" src="dhtml1.jpg" border="0">
<br><br>Yazının parlaması için DHTML yazısının üzerine gelin.
</body>
</html>
Şimdi CSS özellikleri üzerinde değişiklik yapalım. Bu uygulamayı ilk uygulamanın üzerine inşa ediyorum:
Kod: Tümünü seç
<html>
<head>
<title>CSS Özellikleri</title>
<script language="JavaScript">
function buyut()
{
resim.style.width="500" }
function kucult()
{
resim.style.width="347" }
function yan()
{
resim.src="dhtml2.jpg" }
function son()
{
resim.src="dhtml1.jpg" }
</script>
</head>
<body>
<img id="resim" onmouseover="yan()" onmouseout="son()" onclick="buyut()" ondblclick="kucult()" src="dhtml1.jpg" border="0">
<br><br>Yazının parlaması için DHTML yazısının üzerine gelin.
<br>Yazının büyümesi için DHTML yazısının üzerine tıklayın.
<br>Yazının küçülmesi için DHTML yazısının üzerine çift tıklayın.
</body>
</html>
Nesne Hiyerarşisi
[ resmi görüntülemek için tıklayın ]
Şekilde nesneler bir hiyerarşi içinde gösterilmiş. Görüldüğü üzere hiyerarşinin en tepesinde windows (pencere) bulunuyor. Altındaki parent, self, top ve Frames Windows nesnesinin elemanlarıdır. Birden çok pencere söz konusu değilse, bu nesneleri belirtmeniz gerekmez.
Volkan Derinbay'a tşkler.