Generate Table

Berikut adalah kode html-nya, simpan dengan nama tablegenerate.html

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <title>Table Generate</title> <style type="text/css">  </style> <body background="pic.jpg"> <script language="JavaScript" type="text/javascript"> function getmax() { var R = parseInt(document.getElementById('JumlahRow').value); var C = parseInt(document.getElementById('JumlahColum').value); var X = parseInt(document.getElementById('JumlahCell').value); var cellmax = document.getElementById('maxcells'); var total = 'N/A'; total = R * C; cellmax.value = new String(total); if (X > total) { alert('Cell Total Yang Anda Masukkan Terlalu Besar, Nilai Maksimum Cells = ' + total); document.getElementById('CellsTotal').value = new String(); } } </script> <form method="post" action="proses.php"> <h3 class="style1">Tabel Fleksibel</h3> <div> <table width="300" border="0" bgcolor="#00ff00"> <tr bgcolor="#ffff00"> <td width="120" style="text-align:left">Rows</td> <td width="189">= <input name="JumlahRow" type="text" id="JumlahRow" onKeyUp="getmax();" onfocus="this.select();"/></td> </tr> <tr bgcolor="#ffff00"> <td style="text-align:left"><label>Columns</label></td> <td>= <input name="JumlahColum" type="text" id="JumlahColum" onKeyUp="getmax();" onfocus="this.select();"/></td> </tr> <tr bgcolor="#ffff00"> <td style="text-align:left">Total Cells </td> <td>= <input name="JumlahCell" type="text" id="JumlahCell" onKeyUp="getmax();" onFocus="this.select();"/></td> </tr> <tr bgcolor="#ffff00"> <td style="text-align:left">Max Cells </td> <td>= <input name="maxcells" type="text" id="maxcells" readonly="readonly" style="text-align:left"/></td> </tr> </table> </div> <div id="apDiv1"> <input type="submit" name="Generate" value="Generate"/><input type="reset" name="Reset" value="Reset"/> </div> </form> </body> 

Dan berikut kode php, simpan dengan nama proses.php

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

posted under News, Web Programming |

myth zone

Generate Table

0 komentar:

Posting Komentar

About Me

My Facebook

Label

Blog Archive

Followers

My Friend's Blog

My Link

visitor

Shoutbox

Recent Comments