CORETAN TANGAN KU OMPED: Pembuatan Tabel Flexibel Dengan Menggunakan Pemrograman PHP

Pembuatan Tabel Flexibel Dengan Menggunakan Pemrograman PHP

Posted in Label: PTI478

08.13

Pembuatan tabel fleksibel menggunakan Pemrograman PHP sangatlah penting, kita hanya perlu menggenerate row, coloum, maupun cell yang kita inginkan. Berikut saya akan membahas tentang bagaimana kita membuat program sederhana untuk men-generate sel tabel secara fleksibel. Tekniknya, buat sebuah fungsi yang menerima argumen berupa jumlah sel dan jumlah kolom. Berikut ini adalah script untuk code.php nya dan html nya

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><br /> <html><br /> <head><br /> <title>Hasil Generate Tabel</title><br /> </head><br /> <body><br /> <div align="center">  <?php $rows = 1; $columns = 1; $cells = 1; ?><br />  <br />   <?php $rows = (int) $_POST["JumlahRow"]; ?><br />   <?php $columns = (int) $_POST["JumlahColum"]; ?><br />   <?php $cells = (int) $_POST["JumlahCell"]; ?><br />  <br />   <strong>Kamu Memilih</strong> <?php echo $rows; ?> <em>rows,</em><br /><br />   <strong>Kamu Memilih</strong> <?php echo $columns; ?> <em>columns,</em><br /><br />   <strong>Dan Anda Membutuhkan</strong> <?php echo $cells; ?> <em>cells,</em><br /><br />   <br /><br />   <br /><br />   <?php     $width = $columns * 75;     echo "<table width=".$width." border=1>";<br />     $rw = 0;<br />     $cel = 1;<br />     while ($rw < $rows && $cel <= $cells)     {         echo "<tr>";<br />         $cl = 0;<br />         while ($cl < $columns)         {             if ($cel <= $cells)             {                 echo "<td><div align=center>".$cel."</div></td>";<br />                 $cel++;<br />             }<br />             $cl++;<br />         }<br />         echo "</tr>";<br />         $rw++;<br />     }<br />     echo "</table>";<br /> ?><br /> </div></body><br /> </html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><br /> <html><br /> <head><br /> <title>Generate Table with PHP</title><br /> <style type="text/css">  </style><br /> </head><br /> <body><br /> <script language="JavaScript" type="text/javascript">  </script><br /> <form method="post" action="code.php">  <h3 align="center" class="style1">Tabel Flexibel Dengan Generate Tabel</h3>  <div align="center">    <table width="327" border="0" bgcolor=red>      <tr bgcolor="#FFFFCC">         <td width="121" style="text-align:center">Rows</td>               <td width="196"><strong>=  </strong><br />         <input name="JumlahRow" type="text" id="JumlahRow" onKeyUp="getmax();" onfocus="this.select();"></td>             </tr>       <tr bgcolor="#CCFFCC">         <td style="text-align:center"><label>Columns</label></td>         <td><strong>=  </strong><br />         <input name="JumlahColum" type="text" id="JumlahColum" onKeyUp="getmax();" onfocus="this.select();"></td>       </tr>       <tr bgcolor="#FFFFCC">         <td style="text-align:center">Cell Total </td>         <td><strong>=  </strong><br />         <input name="JumlahCell" type="text" id="JumlahCell" onKeyUp="getmax();" onFocus="this.select();"></td>       </tr>       <tr bgcolor="#CCFFCC">         <td style="text-align:center">Max Cells </td>         <td><strong>=  </strong><br />         <input name="maxcells" type="text" id="maxcells" disabled="disabled" style="text-align:center"></td>       </tr>     </table>  </div>  <div id="apDiv1">  <input type="submit" name="Generate" value="G e n e r a t e"><input type="reset" name="Reset" value="R e s e t"><br />   </div></form></body><br /> </html>

Setelah anda memasukkan angka pada tabel tersebut anda klik tombol generate maka tampilannya seperti dibawah ini.

Sampai dsini dulu...sekian dan terimakasih..

Read Users' Comments (1)komentar

1 Response to "Pembuatan Tabel Flexibel Dengan Menggunakan Pemrograman PHP"

kangmusa Says:
3 Maret 2011 pukul 10.33

assalamualaikum
ini kunjungan kesekian kali ke blog sahabat :)
dan menyimak terus update postingan yang semakin menarik
sekaligus memberi info bahwa kangmusa telah membuat ebook baru
"Blog Monetization Options" yang bisa diunduh disini
terima kasih, saya tunggu kunjungan Anda di kangmusa.com
salam hangat
kangmusa