Sunum yükleniyor. Lütfen bekleyiniz

Sunum yükleniyor. Lütfen bekleyiniz

DYNAMİC HTML EVENT MODELS SİNEM YARDIMCI ÇAKIL SU KIRLI.

Benzer bir sunumlar


... konulu sunumlar: "DYNAMİC HTML EVENT MODELS SİNEM YARDIMCI ÇAKIL SU KIRLI."— Sunum transkripti:

1 DYNAMİC HTML EVENT MODELS SİNEM YARDIMCI ÇAKIL SU KIRLI

2 Dynamic HTML (Dinamik HTML); Javascript'in olay modelinin temelleri üstüne inşa edilen CSS/Html teknolojilerinin yapısı için kullanılan kısaltmadır. Tam adıyla Dynamic HyperText Markup Language yani Dinamik Zengin Metin Dil Biçimi Dinamik web sitesinde, farklı içerikler siteniz için oluşturulmuş olan bir veritabanında saklanır ve sayfa çağrıldığında o sayfaya ait bilgiler veritabanından çağırılarak HTML kodları içinde ekrana yazdırılır.

3 14.6 Rollovers with onmouseover and onmouseout

4 DHTML Event Model - onclick

5 1 2 4 5 6 7 8 9 10 DHTML Event Model - onclick 11 12 13 14 15

6 event model

7 DHTML Event Model - onload

8 1 2 4 5 6 7 8 9 10 DHTML Event Model - onload 11 12 25 26 27 28 29 30 Seconds you have spent viewing this page so far: 31 0 32 33 34 startTimer fonksiyonu her 1000 milisaniyede updateTime fonksiyonunu çağırır. window.setInterval=belirtilen bir fonksiyonun yada kodun belli zaman aralıklarıyla tekrar tekrar çalıştırılmasını sağlar updateTime fonksiyonu, 1000 mili saniyede bir çalıştırılacak soFar’ın innerText değerine geçen saniyeyi atıyor y ü kleme işlemi bitince onload olayı çalışır

9 Sayfa her saniyeyi yüklediği için geçen her saniyenin numarası dinamik bir şekilde updata eder. onload

10 DHTML Event Model - onload

11 1 2 4 5 6 7 8 9 10 DHTML Event Model - onmousemove event 11 12 19 20 21 22 24 25 (0, 0) 26 Deitel 28 29 30 coordinates.innerText değişkenine koordinatlar resmin adını ve resmin ü zerinde gezinen farenin pozisyon koordinatları atar event.offsetX ve event.offsetY ö zellikleri resmin sol üst köşesini baz alarak farenin koordinatını g ö sterir. Onmousemove olay kullanıcı fareyi her hareket ettirdiğinde ç ağrılır.

12 deitell Fareyi resim üzerinde hareket ettirdiğinizde farenin resmin neresinde olduğunun koordinatını verir( fare hareket ettikçe koordinatta değişir) Fareyi resim üzerinde hareket ettirdiğinizde farenin resmin neresinde olduğunun koordinatını verir

13 DHTML Event Model - onmouseover and onmouseout

14 1 2 4 5 6 7 8 9 10 11 DHTML Event Model - onmouseover and onmouseout 12 13 14 50 51 52 53 54 55 Guess the Hex Code's Actual Color 56 57 Can you tell a color from its hexadecimal RGB code 58 value? Look at the hex code, guess the color. To see 59 what color it corresponds to, move the mouse over the 60 hex code. Moving the mouse out will display the color 61 name. 62 63

66 Fare imleci bir ö ğe ü zerinde hareket ettiğinde onmouseover olayı oluşur. mOut fonksiyonu imaj için onmouseout olayını yönetir. mOver fonksiyonu ile aynı şekilde çalışır. Fare imleci resimden ayrıldığında onmouseout olayı oluşur. eğer “id” belirtildiyse bu kodu test eder ve renk ismini “id” de eşleştirir.

16 67 68 Table Caption 70 71 72 73 #000000 74 #0000FF 75 #FF00FF 76 #808080 77 78 79 #008000 80 #00FF00 81 #800000 82 #000080 83 84 85 #808000 86 #800080 87 #FF0000 88 #C0C0C0 89 90 91 #00FFFF 92 #008080 93 #FFFF00 94 #FFFFFF 95 96 97 98 99

17 Onrollover,(on mouse over) farenin üzerinde dolaştığı onaltılık kodun değeri olan renk ile rengin isminini görüntüler. rengin onaltılık kodu yerine, tanımlanan renk ve renk ismi görüntüleniyor hadi deneyelim

18


"DYNAMİC HTML EVENT MODELS SİNEM YARDIMCI ÇAKIL SU KIRLI." indir ppt
, ,
ve etiketlerine şu ana kadar gördüğümüz özellikleri uygulayarak görsel açıdan.

Benzer bir sunumlar


Google Reklamları