HTML tablolarindaki veri satirlarini renklendirmek - Geniş Kapsamlı Doküman ve Makale Sitesi

Bu yazimizda tablo satirlari (< tr >) ile calisirken onlara alternatif olarak
nasil renk verebilecegimizi tartisacagiz.

Once ornegimizde gecen komutlari anlatalim.Ilk olarak tablomuzu olusturacak
verileri bir dizi icerisine yerlestiriyoruz.Dizmizin 26 tane uyesi(elementi)
olsun.

Buna gore asagidaki gibi bir deklarasyonla dizimizi yaratabilirz :

PHP:

$ornek_dizi = array("1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13",
"14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "26");

Simdi bu dizideki element sayisi ogrenelim :

PHP:

$element_sayisi = count($ornek_dizi);

Bu iki tanimlamam ile dizinin butun elemanlarini HTML tablosu seklinde ekranda
gosterebiliriz.Bunu yapmak icin cok basit bir dongu kullanmak yeterlidir :

PHP:

<html>
<head>
<title>Tablolari Renklendirelim</title>
</head>
<body>
<table width=100%>
<?php
$ornek_dizi = array("1", "2", "3", "4", "5", "6", "7", "8", "9",
"10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23",
"24", "26");
$element_sayisi = count($ornek_dizi);
for ($x=0;$x<=$element_sayisi;$x++) {
?>
<tr><td><?php echo $ornek_dizi[$x]; ?></td></tr>
<?php } ?>
</table>
</body>
</html>

Boyle bir kodun ciktisini gormek icin asagida verilen adrese bakiniz.

http://www.turk-php.com/ornekler/tablo_renklendir1.php

Simdi de bu HTML tablosunun satirlarini renklendirelim :

PHP:

<html>
<head>
<title>Renkli HTML Tablolari</title>
</head>
<body>
<table width=100%>
<?php $ornek_dizi = array("1", "2", "3", "4", "5", "6", "7", "8", "9",
"10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23",
"24", "26");
$element_sayisi = count($ornek_dizi);
for ($x=0;$x<=$element_sayisi;$x++) {
if (($x % 2) == 0) {
$c = "#9999CC";
} else {
$c = "#CCCCCC";
}
?>
<tr>
<td bgcolor="<?php echo $c; ?>">
<?php echo $ornek_dizi[$x]; ?>
</td>
</tr>
<?php } ?>
</table>
</body>
</html>

Yukaridaki kodun ciktisini gormek icin asagida verilen adrese bakiniz :

http://www.turk-php.com/ornekler/tablo_renklendir2.php

Ornek Programlarin Kaynak Kodlari

http://www.turk-php.com/ornekler/tablo_renklendir1.phps

http://www.turk-php.com/ornekler/tablo_renklendir2.phps

Serkan Hadi Ceylani

Bu makale hakkında ek bilgi eklemek için buraya tıklayınız

Bu makalenin yazar yada kaynağını bildirmek için tıklayınız.

PHP:

PHP:

PHP:

PHP:

Kullanıcı Yorumları

İlgili Dökümanlar