Bu örneğimizde bir tablonun renklerinin nasıl değiştirildiğini PHP ile uygulamalı olarak yapacağız. Öncelikle bir form sayfası oluşturacağız. Bu sayfadan tablonun renklerinin hangileri olması isteniyorsa o renkler seçilecek. Daha sonra gönder butonuna tıklandığında ikinci sayfada bulunan tablonun renkleri seçilen renklere göre uygulanacak. Aşağıda bu işlemleri yapan sayfaların kodları ve en altta da bir deneme linki bulunmaktadır. Kendiniz de deneyebilirsiniz.
tablorengidegistirme1.php dosyası kodları:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 | <!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>PHP Tablo Rengi Değiştirme-1</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <form name="kisisel" method="post" action="tablorengidegistirme2.php"> <table border="1" cellspacing="0"> <tr> <td colspan="2" align="center" bgcolor="#99FF99">Tablo Renk Bilgilerini Giriniz</td> </tr> <tr> <td align="right">Yazı Rengi:</td> <td><input type="radio" name="yazi" value="blue" checked="checked" />Mavi<br /> <input type="radio" name="yazi" value="red" />Kırmızı<br /> <input type="radio" name="yazi" value="green" />Yeşil<br /> <input type="radio" name="yazi" value="yellow" />Sarı</td> </tr> <tr> <td align="right">Kenarlık Rengi:</td><td><input type="radio" name="kenarlik" value="blue" /> Mavi<br /> <input type="radio" name="kenarlik" value="red" checked="checked" /> Kırmızı<br /> <input type="radio" name="kenarlik" value="green" /> Yeşil<br /> <input type="radio" name="kenarlik" value="yellow" /> Sarı</td> </tr> <tr> <td align="right">Hücre Rengi:</td> <td><input type="radio" name="hucre" value="blue" /> Mavi<br /> <input type="radio" name="hucre" value="red" /> Kırmızı<br /> <input type="radio" name="hucre" value="green" checked="checked" /> Yeşil<br /> <input type="radio" name="hucre" value="yellow" /> Sarı</td> </tr> <tr> <td align="right"> </td> <td><input type="submit" name="gonder" value="Renkleri Uygula" /></td> </tr> </table> </form> <br /> </body> </html> |
tablorengidegistirme1.php dosyası kodları:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 | <!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>PHP Tablo Rengi Değiştirme-1</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <?php $yazi=$_POST['yazi']; $kenarlik=$_POST['kenarlik']; $hucre=$_POST['hucre']; ?> <table border="1" cellspacing="0"> <tr> <td colspan="2" bgcolor="#FF99FF">Formdan Gelen Renk Bilgileri</td> </tr> <tr> <td>Yazı Rengi:</td> <td bgcolor="<?php echo $yazi; ?>"><?php echo $yazi; ?></td> </tr> <tr> <td>Kenarlık Rengi:</td> <td bgcolor="<?php echo $kenarlik; ?>"><?php echo $kenarlik; ?></td> </tr> <tr> <td>Hücre Rengi:</td> <td bgcolor="<?php echo $hucre; ?>"><?php echo $hucre; ?></td> </tr> </table> <p><A HREF="javascript:javascript:history.go(-1)">Geri dön</A> <br /> </p> <p>Renk Uygulanmış Tablo<br /> </p> <font color="<?php echo $yazi; ?>"> <table border="1" cellpadding="5" cellspacing="0" bordercolor="<?php echo $kenarlik; ?>" bgcolor="<?php echo $hucre; ?>"> <tr> <td>Bilişim</td> <td>Dersleri</td> <td>Bilişim</td> <td>Dersleri</td> <td>Bilişim</td> </tr> <tr> <td>Dersleri</td> <td>Bilişim</td> <td>Dersleri</td> <td>Bilişim</td> <td>Dersleri</td> </tr> <tr> <td>Bilişim</td> <td>Dersleri</td> <td>Bilişim</td> <td>Dersleri</td> <td>Bilişim</td> </tr> <tr> <td>Dersleri</td> <td>Bilişim</td> <td>Dersleri</td> <td>Bilişim</td> <td>Dersleri</td> </tr> <tr> <td>Bilişim</td> <td>Dersleri</td> <td>Bilişim</td> <td>Dersleri</td> <td>Bilişim</td> </tr> </table> </font> </body> </html> |
Yorum Yap