JavaScript Örnekleri 16:Javascript ile Satır Numarasına Göre Renkli Tablo Oluşturma


04.03.2012-19:29 Tarihinde Eklendi.
www.seyfettinkahveci.com Derecelendirme: 10 / 10 Oy Sayısı: 16005710Toplam Puan: 63600 / Yorum Sayısı: 412005710 adet.


Kodumuz:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Seyfettin Kahveci</title>
</head>
<body>
<script type="text/javascript" language="javascript">
/* javascript içinde html kullanıp farklı hücre rengine sahip table oluşturma*/
document.write("<table border='1' width=\"100\">");
for(var i=1;i<=5;i++)
{
    i%2==0 ? document.write("<tr><td bgcolor=\"yellow\">"+i+"</td></tr>"):document.write("<tr><td bgcolor=\"red\">"+i+"</td></tr>");
}
document.write("</table>");
</script>
</body>
</html>

Kodun Açıklaması: Sart ? "Doğru ise Çalışacak Kodlar":"Yanlış ise Çalışacak Kodlar";
Bu örneğimizde 1 sütun 5 satırlık tablo yaptıran ve her satıra satır numarasını yazan ayrıca bu satır numarasının 2 ye modunu alarak sarı ve kırmızı sutün rengine sahip tablo oluşturan kodlarımızı inceledik.

Sorunuz Mu Var?:Kod hakkında anlamadığınız bir bölüm olursa yorum bölümünden yazın en kısa sürede cevaplamaya çalışırım.

 

Seyfettin KAHVECİ
Balıkesir Üniversitesi
NEF-BOTE



Yazının tamamının kopyalanması yasaktır. En baştaki birkaç paragrafı kopyalayıp, yazıya link verebilirsiniz. Aksi durumda uyarılmaksızın yasal yollara gidilecektir.

Uzun süredir yorumlara cevap veremediğim için sistem yeni yorumlara kapatılmıştır. Anlayışınız için teşekkürler.
Yorumlar
Bu makale için henüz hiç yorum yapılmamış.