myNotlar Logo

headers


headers özelliği, TH veya TD etiketi ile oluşturulan veri hücresinin içerdiği veri ile ilgili başlık bilgisi sağlayan başlık hücrelerinin belirtilmesini sağlar. id özellikleri ile belirtilen başlık hücreleri, aralarına boşluk bırakılarak birden fazla belirtilebilir.

HTML Sözdizimi

<element headers="kimlikler" > ... </element>

JavaScript & DOM Sözdizimi

<script type="text/javascript">

element.headers = kimlikler;

kimlikler = element.headers

</script>
kimliklerHücrenin içerdiği veri ile ilgili başlık bilgisi sağlayan hücre veya hücrelerin id özelliklerini belirtir.

Dönüş Değeri

kimliklerBaşlık hücrelerinin boşluk ile ayrılmış id özellikleri döner.

Örnek

Aşağıdaki örnek, iki farklı yön, iki farklı gün ve iki farklı sefer durumlarına ait vapur sefer saatlerinin gösterildiği tabloda, saat bilgisini içeren hücrelerin headers özelliği kullanılarak alakalı oldukları başlık hücrelerinin belirtilmesini göstermektedir.

<table border="1">
    <caption>Kadıköy-Göztepe Haftasonu Vapur Seferleri</caption>
    <tr>
        <th> </th>
        <th id="yon1" axis="yon">Kadıköy-Göztepe</th>
        <th id="yon2" axis="yon">Göztepe-Kadıköy</th>
    </tr>
    <tr>
        <th id="gun1" axis="gun">Cumartesi</th>
        <th></th>
        <th></th>
    </tr>
    <tr>
        <td id="sef1" axis="sefer">Hareket</td>
        <td headers="yon1, gun1, sef1">08:30</td>
        <td headers="yon2, gun1, sef1">09:30</td>
    </tr>
    <tr>
        <td id="sef2" axis="sefer">Varış</td>
        <td headers="yon1, gun1, sef2">20:30</td>
        <td headers="yon2, gun1, sef2">21:30</td>
    </tr>
    <tr>
        <th id="gun2" axis="gun">Pazar</th>
        <th></th>
        <th></th>
    </tr>
    <tr>
        <td id="sef3" axis="sefer">Hareket</td>
        <td headers="yon1, gun2, sef3">09:30</td>
        <td headers="yon2, gun2, sef3">10:30</td>
    </tr>
    <tr>
        <td id="sef4" axis="sefer">Varış</td>
        <td headers="yon1, gun2, sef4">21:30</td>
        <td headers="yon2, gun2, sef4">22:30</td>
    </tr>
</table>
Canlı Sonuç
Kadıköy-Göztepe Haftasonu Vapur Seferleri
  Kadıköy-Göztepe Göztepe-Kadıköy
Cumartesi
Hareket 08:30 09:30
Varış 20:30 21:30
Pazar
Hareket 09:30 10:30
Varış 21:30 22:30

Elementler

headers özelliğinin kullanıldığı HTML etiketleri/elementleri

TH | TD

İlgili Başlıklar
 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | Oyunlar |