HTML Tablolarındaki Veri Satırlarını Renklendirmek...

~~staticiation~~ · 08.06.2007

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 :

$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 :

$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 :

<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>

Simdi de bu HTML tablosunun satirlarini renklendirelim :

<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="<?= $c ?>">
<?= $ornek_dizi[$x]; ?>
</td></tr>
<? } ?>
</table>
</body>
</html>

08.06.2007	#1 (permalink)
~~staticiation~~ Katılma Tarihi: Şub 2006 Nereden: Bursa/es-es Yaş: 23 Mesajlar: 1,780	HTML Tablolarındaki Veri Satırlarını Renklendirmek... 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 : $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 : $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 : <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> Simdi de bu HTML tablosunun satirlarini renklendirelim : <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="<?= $c ?>"> <?= $ornek_dizi[$x]; ?> </td></tr> <? } ?> </table> </body> </html>

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
Adım adım HTML kodlari arsivi html sitenizi kurun	staticiation	Web Tasarım	54	14.05.2008 15:08
İki Veri Tabanı Arasında Veri Transferi...	staticiation	Programlama & Geliştiriciler için	0	19.06.2007 01:38
MSDE ile Veri Tutma...	staticiation	Programlama & Geliştiriciler için	0	19.06.2007 01:16
Alt Yordam ve Fonksiyon Satırlarını Ayırma...vb	staticiation	Programlama & Geliştiriciler için	0	09.06.2007 18:47
asp veri sifreleme	maChaRa	Web Tasarım	0	25.05.2007 09:09

Şu Anda Konuyu İnceleyen Aktif Kullanıcılar: 1 (0 üye ve 1 misafir)

Konu Araçları
Yazıcı Çıktısını Göster Sayfayı Emaille Yolla