intelegentshe

Membuat Generate Sel Tabel menggunakan HTML n PHP Script

Author: intelegentshe on Kamis, 29 April 2010

> <br /><body> <br /><?php <br />$rows = 1; <br />$columns = 1; <br />$cells = 1; <br />?> <br /> <br /><?php $rows = (int) $_POST["totalBaris"]; ?> <br /><?php $columns = (int) $_POST["totalKolom"]; ?> <br /><?php $cells = (int) $_POST["totalSel"]; ?> <br /> <br />You pick <?php echo $rows; ?> rows,<br /> <br />You pick <?php echo $columns; ?> columns,<br /> <br />and you need <?php echo $cells; ?> cells,<br /> <br /><br /><br /> <br /><?php <br />$width = $columns * 75; <br />echo "<table width=".$width." border=1>"; <br />$rw = 0; <br />$cel = 1; <br />while ($rw < $rows && $cel <= $cells) <br />{ <br />echo "<tr>"; <br />$cl = 0; <br />while ($cl < $columns) <br />{ <br />if ($cel <= $cells) <br />{ <br />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 /></body> <br /> <br /><body> <br /><form method="post" action="GenerateSel.php"> <br /><p><font face="Bauhaus 93" color="#FF0000" size="5"><strong>GENERATE SEL TABEL</strong></font><br></p> <br /><table width="277" border="0"> <br /><tr> <br /><td width="89">Jumlah Baris</td> <br /><td width="172"><strong>: </strong><input name="totalBaris" type="text" id="totalBaris" onKeyUp="getmax();" onfocus="this.select();"></td> <br /></tr> <br /><tr> <br /><td><label>Jumlah Kolom</label></td> <br /><td><strong>: </strong><input name="totalKolom" type="text" id="totalKolom" onKeyUp="getmax();" onfocus="this.select();"></td> <br /></tr> <br /><tr> <br /><td>Jumlah Sel</td> <br /><td><strong>: </strong><input name="totalSel" type="text" id="totalSel" onKeyUp="getmax();" onFocus="this.select();"></td> <br /></tr> <br /><tr> <br /><td>Sel Maksimal</td> <br /><td><strong>: </strong><input name="jmlSelMax" type="text" id="jmlSelMax" readonly="true" style="background-color:#999999"> <br /></td> <br /></tr> <br /><tr> <br /><td> <br /><div align="center"> <br /><br /> <br /><input type="reset" name="Reset" value="Reset"> <br /></div></td> <br /><td> <br /><div align="right"> <br /><br /> <br /><input type="submit" name="Generate" value="Generate"> <br /></div></td> <br /></tr> <br /></table> <br /></form> <br /><body> <br /><form method="post" action="GenerateSel.php"> <br /><p><font face="Bauhaus 93" color="#FF0000" size="5"><strong>GENERATE SEL TABEL</strong></font><br></p> <br /><table width="277" border="0"> <br /><tr> <br /><td width="89">Jumlah Baris</td> <br /><td width="172"><strong>: </strong><input name="totalBaris" type="text" id="totalBaris" onKeyUp="getmax();" onfocus="this.select();"></td> <br /></tr> <br /><tr> <br /><td><label>Jumlah Kolom</label></td> <br /><td><strong>: </strong><input name="totalKolom" type="text" id="totalKolom" onKeyUp="getmax();" onfocus="this.select();"></td> <br /></tr> <br /><tr> <br /><td>Jumlah Sel</td> <br /><td><strong>: </strong><input name="totalSel" type="text" id="totalSel" onKeyUp="getmax();" onFocus="this.select();"></td> <br /></tr> <br /><tr> <br /><td>Sel Maksimal</td> <br /><td><strong>: </strong><input name="jmlSelMax" type="text" id="jmlSelMax" readonly="true" style="background-color:#999999"> <br /></td> <br /></tr> <br /><tr> <br /><td> <br /><div align="center"> <br /><br /> <br /><input type="reset" name="Reset" value="Reset"> <br /></div></td> <br /><td> <br /><div align="right"> <br /><br /> <br /><input type="submit" name="Generate" value="Generate"> <br /></div></td> <br /></tr> <br /></table> <br /></form> <br />

Category: ptik 478 | 0 Comments

membuat login sederhana

Author: intelegentshe on Rabu, 31 Maret 2010

> <br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 <br />Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <br /><html><head><title>login sederhana</title></head><body> <br /><script language="JavaScript" type="text/javascript"> <br /></style> <br /></head> <br /><body> <br /><form id="loginForm" action="ccc.php"method="post"> <br /><div class="border1"> <br /><div class="border2"> <br /><h3 style=" color: RED" align="LEFT">PINTU MASUK </h3> <br /><hr/> <br /><p><strong>User Name</strong><br/> <br /><input type="text" name="username" size = "30"/> <br /></p> <br /><p><strong>Password</strong><br/> <br /><input type="text" name="password" size ="30"/> <br /></p> <br /><p> <br /><input type="submit" value="Login" onclick="login();"/> <br /></p> <br /></div> <br /></div> <br /></form> <br /></body> <br /></html> <br /> <br /> <br />untuk validasi gunakan script PHP di bawah ini <br /> <br /> <br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 <br />Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <br /><html><head><title>login sederhana</title></head><body> <br /><div align="center"> <br /><?php <br />require_once('ccc.php'); <br />$user = 'nenen'; <br />$pass='bisa'; <br />if ((isset($_REQUEST{'username'})== $user)&&($_POST{'password'}== <br />$pass)){ <br />echo "<strong><font face='verdana' size='3' color=red> <br />selamat datang<br></strong></center>".$_POST{'username'}; <br />} <br />else{ <br />echo "<strong><font face='verdana' size='3' color=red>username & <br />password yang anda masukkan salah, coba lagi<br></strong></center>"; <br />} <br />?> <br />

Category: ptik 478 | 0 Comments

belajar membuat form pemesanan dengan java script

Author: intelegentshe on Rabu, 10 Maret 2010

> <br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 <br />"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <br /><html><head><title>kafe jelek</title></head><body> <br /><script language="JavaScript" type="text/javascript"> <br /> </script> <br /><h3 style=" color: green" >Form Pemesanan Kafe "I tea"</h3> <br /><form name="form2" action="#"> <br /><table border="1px"> <br /><tr bgcolor="yellow"> <br /><th>No</th> <br /><th>Makanan/Minuman</th> <br /><th>Harga</th> <br /><th>Pesan</th></tr> <br /><tr bgcolor="orange"> <br /><td>1</td> <br /><td width="200px">Bakso kerikil</td> <br /><td width="85px" bgcolor="#ffa500">@ <input <br />type="text" name="bakso" value="6000" size="6" <br />disabled="true"/></td> <br /><td width="150px"><input <br />type="text" name="qBakso" value="0" onChange="hitungPesan()" /></td> <br /></tr > <br /><tr bgcolor="orange"> <br /><td>2</td> <br /><td>Soto lamongan</td> <br /><td bgcolor="#ffa500">@ <input type="text" <br />name="soto" value="10000" size="6" disabled="true"/></td> <br /><td><input type="text" name="qSoto" value="0" <br />onChange="hitungPesan()"/></td> <br /></tr> <br /><tr bgcolor="orange"> <br /><td>3</td> <br /><td>Mie Ayam kribo</td> <br /><td bgcolor="#ffa500">@ <input type="text" <br />name="mie" value="4000" size="6" disabled="true"/></td> <br /><td><input type="text" name="qMie" value="0" <br />onChange="hitungPesan()"/></td> <br /></tr> <br /><tr bgcolor="orange"> <br /><td>4</td> <br /><td>Es adem ayem</td> <br /><td bgcolor="#ffa500">@ <input type="text" <br />name="degan" value="5000" size="6" disabled="true"/></td> <br /> <td><input type="text" name="qDegan" value="0" <br /> onChange="hitungPesan()"/></td> <br /> </tr> <br /> <tr bgcolor="orange"> <br /> <td>5</td> <br /><td>Es Campur</td> <br /><td bgcolor="#ffa500">@ <input type="text" <br />name="campur" value="7000" size="6" disabled="true"/></td> <br /> <td><input type="text" name="qCampur" value="0" <br /> onChange="hitungPesan()"/></td> <br /> </tr> <br /> <tr bgcolor="yellow"> <br /> <td colspan="3" align="center"> <br /> Jumlah Total</td> <br /> <td><input type="text" name="Total" <br /> disabled="true" /></td> <br /> </tr> <br /> <tr bgcolor="yellow"> <br /> <td colspan="3" align="center">Diskon</td> <br /> <td><input type="text" name="Diskon" <br /> disabled="true" /></td> <br /> </tr> <br /> <tr bgcolor="yellow"> <br /> <td colspan="3" align="center">Pembayaran</td> <br /> <td><input type="text" name="Bayar" disabled="true" <br /> align="right"/></td> <br /> </tr> <br /> </table><br/> <br /> <input type="button" value="BATAL" onClick="resetForm()" /> <br /> </form> <br /> </body> <br /> </html> <br />

Category: PTI478 | 0 Comments

Membuat Halaman Web Sederhana Dengan Menggunakan CSS

Author: intelegentshe on Rabu, 03 Maret 2010

Ini adalah CSS untuk pembuatan web sederhana
#wrapper {
margin: auto;
width: 750px;
border: 1px solid blue;
}

#header {
height: 80px;
border: 1px solid blue;
background : blue;
}

#menu_bar {
float: right;
height: 30px;
width: 280px;
margin-top: 10px;
margin-right: 10px;
}

#search {
float: right;
height: 30px;
width: 240px;
margin-right: 20px;
margin-left: 200px;
margin-top: 5px;
}

#logo {
float: left;
height: 60px;
width : 60px;
margin-left: 5px;
margin-top: 5px;
}

#top {
float: right;
height: 80px;
width: 544px;
border: 1px solid blue;
}

#right {
float: right;
height: 180px;
width: 190px;
border: 1px solid red;
background: green;
}

#inner {
float: left;
margin: 5px 0;
border: 1px solid black;
background :green;
}

#sidebar {
float: left;
margin-right: 20px;
width: 180px;
height: 412px;
border: 1px solid red;
background: blue;
}

#content {
margin-left: 201px;
margin-right: 200px;
margin-top: 80px;
width: 344px;
height: 330px;
border: 2px solid green;

}

#footer {
clear: both;
height: 50px;
border: 1px solid blue;
background: blue;
}<!DOCTYPE html <br />PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <br />"http://WWW.W3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br /><html xlmns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <br /> <br /><head> <br /><title>desain halaman 1</title> <br /><link rel="stylesheet" href="desain.css" type="text/css"/> <br /> <br /><style type="text/css"> <br /> <br /></style> <br /> <br /></head> <br /> <br /><body> <br /> <br /><div id="wrapper"> <br /><div id="logo"> <br /><img src="1.jpg" border="0" /> <br /></div> <br /> <br /><div id="menu_bar"> <br />Home | Site map | RSS | Contact | About us <br /></div> <br /> <br /><div id="search"> <br />search <input type="text"/> <br /></div> <br /> <br /><div id="header"> <br /><h2>TEKNIK ELEKTRO</h2> <br /></div> <br /> <br /><div id="inner"> <br /><div id="sidebar"> <br /><div id="leftmenu"> <br /><ul> <br /><li><a href="#">Home</a></li> <br /><li><a href="#">News & media</a></li> <br /><li><a href="#">Tutorial</a></li> <br /><li><a href="#">Tip & triks</a></li> <br /><li><a href="#">Download</a></li> <br /></ul> <br /></div> <br /></div> <br /> <br /><div id="top"> <br /><img src="3.jpg" border="0" /> <br /></div> <br /> <br /><div id="right"> <br />Event <br /><ul> <br /><li>seminar desain web</li> <br /><li>pelatihan</li> <br /><li>demo akbar</li> <br /></ul> <br /></div> <br /> <br /><div id="center"> <br /><h3>kompetisi Desain WEB</h3> <br /><h4>1 februari 2010 [07:00]</h4> <br />DIHARAPKAN BERKUMPUL DI GEDUNG SASANA BUDAYA <br />DALAM ACARA SEMINAR AKBAR <br />DENGAN TEMA "PENGEMBANGAN KREATIFITAS REMAJA DUNIA WEB"</div> <br /></div> <br /> <br /><div id="footer" align="center"> <br />UNIVERSITAS NEGRERI MALANG, 2010 <br /></div> <br /> <br /></body> <br /></html>

Category: ptik 478 | 0 Comments

membuat tabel kerangka pada halaman web

Author: intelegentshe on

Belajar desain web itu sedikit rumit,,namun kalo diawali dengan "bismillahirahmanirahim" pasti jadi menyenangkan...amiennn

<!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" xml:lang="en" lang="en">
<head>
<title>Desain Layout web</title>
<link rel="stylesheet" href="mod3_1.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">

Header
</div>
<div id="inner">
<div id="sidebar">

Sidebar
</div>
<div id="inner2">
<div id="top">

top
</div>
<div id = "content">

Content
</div>
<div id="right">

right
</div>
</div>
</div>
<div id= "footer">

Footer
</div>
</div>
</body>
</html>