PHP İle Tablo Kalınlığı Değiştirme - Bilişim Konuları

PHP İle Tablo Kalınlığı Değiştirme

Bu örneğimizde PHP ile kullanıcının klavyeden girmiş olduğu değerlere göre tablo kalınlıklarının nasıl değiştireceğini anlatan bir uygulama yapacağız. Burada üç özellik bizi ilgilendiriyor.

  1. Tablonun kenar kalınlığı (border).
  2. Tablonun hücreleri arasındaki mesafe (CellSpace).
  3. Tablodaki metin ile kenarlık arasındaki mesafe (CellPed).

Yukarıdaki bahsettiğimiz üç özellik değeri kullanıcı tarafından bir form aracılığı ile giriliyor ve diğer sayfada bulunan tabloya bu özellikler uygulanmaktadır. Bu işlemlerin yapıldığı dosya kodları aşağıda gösterilmektedir. Ayrıca sayfanın altında bulunan linkten kendiniz de örneği deneyebilirsiniz.

tablokalinligidegistirme1.php dosyası kodları:




<!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 Kalınlığı Değiştirme-1</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
   <form name="kisisel" method="post" action="tablokalinligidegistirme2.php">
      <table border="1" cellspacing="0">
         <tr>
            <td colspan="2" align="center" bgcolor="#99FF99">Tablo Kalınlık Bilgilerini Giriniz</td>
         </tr>
         <tr>
            <td align="right">Kenarlık Kalınlığı:</td>
            <td><label for="textfield"></label>
            <input name="kenar" type="text" id="textfield" value="2" maxlength="2" />0-99 Arası</td>
         </tr>
         <tr>
            <td align="right">Metin Kenarlık Arası Mesafe:</td><td><input name="hucre" type="text" id="textfield2" value="10" maxlength="2" />
              0-99 Arası</td>
         </tr>
         <tr>
            <td align="right">Hücreler Arası Mesafe:</td>
            <td><input name="metin" type="text" id="textfield3" value="5" maxlength="2" />
            0-99 Arası</td>
         </tr>
         <tr>
            <td align="right">&nbsp;</td>
            <td><input type="submit" name="gonder" value="Değerleri Uygula" /></td>
         </tr>
      </table>
   </form>

<br />
</body>
</html>

tablokalinligidegistirme2.php dosyası kodları:
<!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 Kalınlığı Değiştirme-2</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
<?php
$kenar=$_POST['kenar'];
$hucre=$_POST['hucre'];
$metin=$_POST['metin'];


?>
<table border="1" cellspacing="0">
  <tr>
    <td colspan="2" bgcolor="#FF99FF">Formdan Gelen Tablo Kalınlık Bilgileri</td>
  </tr>
  <tr>
    <td>Kenarlık Kalınlığı:</td>
    <td><?php echo $kenar; ?></td>
  </tr>
  <tr>
    <td>Hücreler Arası Mesafe:</td>
    <td><?php echo $hucre; ?></td>
  </tr>
  <tr>
    <td>Metin Kenarlık Arası Mesafe:</td>
    <td><?php echo $metin; ?></td>
  </tr>
</table>


<p><A HREF="javascript:javascript:history.go(-1)">Geri dön</A>
  <br />
</p>
<p>Renk Uygulanmış Tablo<br />
  
  
</p>

<table border="<?php echo $kenar; ?>" cellpadding="<?php echo $hucre; ?>" cellspacing="<?php echo $metin; ?>">
  <tr>
    <td>Bilişim</td>
    <td>Konuları</td>
    <td>Bilişim</td>
    <td>Konuları</td>
    <td>Bilişim</td>
  </tr>
  <tr>
    <td>Konuları</td>
    <td>Bilişim</td>
    <td>Konuları</td>
    <td>Bilişim</td>
    <td>Konuları</td>
  </tr>
  <tr>
    <td>Bilişim</td>
    <td>Konuları</td>
    <td>Bilişim</td>
    <td>Konuları</td>
    <td>Bilişim</td>
  </tr>
  <tr>
    <td>Konuları</td>
    <td>Bilişim</td>
    <td>Konuları</td>
    <td>Bilişim</td>
    <td>Konuları</td>
  </tr>
  <tr>
    <td>Bilişim</td>
    <td>Konuları</td>
    <td>Bilişim</td>
    <td>Konuları</td>
    <td>Bilişim</td>
  </tr>
</table>

</body>
</html>

Ekran Görüntüleri:




Tablonun kenarlık değerleri giriliyor.

tablokalinligi1

Girilen kenarlık değerleri tabloya uygulanıyor.

tablokalinligi2

Tablonun kenarlık değerleri giriliyor.

tablokalinligi3

Girilen kenarlık değerleri tabloya uygulanıyor.

tablokalinligi4

Tablonun kenarlık değerleri giriliyor.




tablokalinligi5

Girilen kenarlık değerleri tabloya uygulanıyor.

tablokalinligi6

Kendin DENE

Bu Yazıya Tepkin Nedir?
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0

Yorum Yap