Download Mozilla Firefox 5 here
“Ext JS 4 marks the most comprehensive modernization of the framework since its inception, featuring an improved architecture and many new features that will enable you to create the next generation of rock solid applications for the web. Almost every aspect of the framework has been upgraded and optimized to leverage today’s modern browser, while providing fidelity to their predecessors”, the Official Sencha Blog said.
BitDefender 2011 product line has just launched, and the developer announces hefty improvements to the modules that maintained your PC secure in the previous edition.
TuneUp Utilities can make your Windows operating system faster, more comfortable and more secure with just a few mouse clicks.
Adobe Photoshop Lightroom v3.3 software helps you bring out the best in your photographs, whether youre perfecting one image, searching for ten, processing hundreds, or organizing thousands. Create incredible images that move your audience. Experiment fearlessly with state-of-the-art nondestructive editing tools.
Yahoo! Messenger 11 Beta allows you to chat to your Yahoo! and Facebook friends via instant messaging.
<?php session_start(); ?> <!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>[ Demo Login Form ]</title> <link rel="stylesheet" type="text/css" href="TugasPrak7.css" /> </head> <body> <script language="javascript" type="text/javascript"> <!-- var inittext = ""; function getValue(){ var myForm = document.myForm; var uName = myForm.uName.value; var pass = myForm.uPass.value; if (uName == '') {alert ('Username ga boleh kosong!'); myForm.uName.focus(); } else if (pass == '') {alert ('Password ga boleh kosong!'); myForm.uPass.focus(); } else myForm.submit(); } function storeinittext(){ inittext = document.myForm.uName.value; } function inputtex_onchange(){ var inputtex_vlaue = document.myForm.uName.value; var filter = /^[a-zA-Z]+$/ ; if(!filter.test(inputtex_vlaue)) { document.myForm.uName.value = inittext; } } //--> </script> <div class="spFormContainer" style="margin-top:150px; margin-right:auto; margin-left:auto;"> <div class="spFormHeader" style="height:50px; font-size:36px; font-weight:normal; padding-top:25px; color: #45658F;">Login Form</div> <div id="spForm" style="margin:35px 5px 5px 40px; "> <?php $validuName="rudi"; $validUpass="rudi"; $isTryLogin=0; if(isset($_POST['uName'])){ if(($uName==$validuName) and ($uPass==$validUpass)){ echo "Berhasil Login! (^_^)<br> <br> Selamat Datang<br> Username: rudi<br> Password: rudi"; $_SESSION['uState']=1; $isTryLogin=1; echo '<form id="logoutForm" name="logoutForm" action="'.$_SERVER['PHP_SELF'].'" method="post"><input type="submit" name="btLogout" id="btLogout" onclick="logout();" value="Logout" style="float:right;margin-right:40px;font-weight:bold;color:#283C55;width:55px;height:30px;" /></form>'; }else{ echo '<span style="color:red;">Username atau Password yang Anda masukkan salah! (T,T)</span><br>'; $_SESSION['uState']=0; } } if(isset($btLogout)){ $_SESSION['uState']=0; } if($_SESSION['uState']==0){?> <form id="myForm" name="myForm" action="<?php $_SERVER['PHP_SELF']; ?>" method="post"> <div class="spFormChild"> <label for="uName">Username</label> <input type="text" name="uName" id="uName" onfocus="storeinittext();" onchange="inputtex_onchange();" /> </div> <div class="spFormChild" style="margin-top:15px;"> <label for="uPass">Password</label> <input type="password" name="uPass" id="uPass" /> </div> <div class="spFormChild" style="margin-top:7px;"> <input type="button" name="btOk" id="btOk" onclick="getValue();" value="Login" style="float:right;margin-right:40px;font-weight:bold;color:#283C55;width:55px;height:30px;" /> </div> </form> <script type="text/javascript"> document.myForm.uName.focus(); </script> <?php }elseif($isTryLogin==0){ echo "Berhasil Login! (^_^)<br> <br> Selamat Datang<br> Username: rudi<br> Password: rudi"; echo '<form id="logoutForm" name="logoutForm" action="'.$_SERVER['PHP_SELF'].'" method="post"><input type="submit" name="btLogout" id="btLogout" onclick="logout();" value="Logout" style="float:right;margin-right:40px;font-weight:bold;color:#283C55;width:55px;height:30px;" /></form>'; } ?> </div> </div> <div style="padding:2px 0 2px 7px;border:2px solid #84A0C4;border-top:0px;width:293px;background-color:#ECF2FB;margin-right:auto;margin-left:auto;"> Username yang benar : rudi<br /> Password yang benar : rudi<br /><br /> Eko Fahrudi Silviawan - 100533406929<br /> S1 PTI Input 2010 Gasal Off F </div> </body> </html> |
<!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>Untitled Document</title> </head> <body> <p> <strong>Tugas Praktikum 6 (PHP) - Buat Tabel Based on User Input</strong><br> Eko Fahrudi Silviawan<br>100533406929<br>S1 PTI Off F </p> <p>Value yang diinputkan otomatis akan diingat ketika tombol "<b>Buat Tabel</b>" kita tekan</p> <form id="form1" name="form1" method="post" action="TugasPrak6.php"> Jumlah Cell <input name="t1" type="text" id="t1" value="<?php echo $_POST['t1']; ?>" /><br> Jumlah Column <input name="t2" type="text" id="t2" value="<?php echo $_POST['t2']; ?>" /><br> <input type="submit" name="button" id="button" value="Buat Tabel" /> </form> <?php if ($button){ $var1 = $_POST['t1']; $var2 = $_POST['t2']; $a = $var1 % $var2; $b = $var1 - $a; $count = 0; echo "<table border=1>"; echo "<tr>"; for ($i=1;$i<=$b;$i++) { $count++; echo "<td align=\"center\" width=\"50\" height=\"50\">".$count."</td>"; if ($i % $var2 == 0) echo "</tr><tr>"; } echo "</tr>"; for ($i=1;$i<=$a;$i++) { $count++; echo "<td align=\"center\" width=\"50\" height=\"50\">".$count."</td>"; } echo "</tr>"; echo "</table>"; } ?> </body> </html> |
<!DOCTYPE html> <html lang="id"> <head> <title>Tugas Praktikum 5 (DHTML & JavaScript) - Pemesanan Makanan dan Minuman</title> <!-- Nih script buat validasi textbox di dalam input pesan --> <script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script> <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- body{ font-family:Arial; font-size:12px; } .stTextbox{ border:1px solid #6B89C7; height: 25px; width: 100px; font-weight: bold; }.stTextboxDisabled{ border:1px solid #6B89C7; background-color:#CCCCCC; height: 25px; font-weight: bolder; width: 100px; } .stBtn{ border:1px solid #6B89C7; font-weight:bolder; height:30px; background-image:url(images/bgnav.png); color:#FFFFFF; } --> </style> </head> <body> <p> <strong>Tugas Praktikum 5 (DHTML & JavaScript) - Pemesanan Makanan dan Minuman</strong><br> Eko Fahrudi Silviawan<br>100533406929<br>S1 PTI Off F </p> <!-- Mulai koding form --> <form id="formpesan" name="formpesan" action="#"> <table width="519" border="0" cellpadding="5" cellspacing="0" style="width:519"> <tr style="background:url(images/bgnav.png)"> <td width="25" height="37"><strong>NO</strong></td> <td width="135"><strong>Makanan/Minuman</strong></td> <td width="102"><strong>Harga</strong></td> <td width="217"><strong>Pesan</strong></td> </tr> <tr bgcolor="#ACBDDF"> <td>1</td> <td>Bakso Istimewa</td> <td> <input name="harga1" type="text" disabled="disabled" class="stTextboxDisabled" id="harga1" value="12000" readonly="true" /></td> <td><span id="validator1"> <input name="pesan1" type="text" id="pesan1" value="0" class="stTextbox" onChange="hitung()" /> <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span></td> </tr> <tr bgcolor="#C5D0E9"> <td>2</td> <td>Soto Spesial </td> <td> <input name="harga2" type="text" disabled="disabled" class="stTextboxDisabled" id="harga2" value="10000" readonly="true" /></td> <td><span id="validator2"> <input name="pesan2" type="text" class="stTextbox" id="pesan2" onChange="hitung()" value="0" /> <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span></td> </tr> <tr bgcolor="#ACBDDF"> <td>3</td> <td>Mie Ayam Super</td> <td> <input name="harga3" type="text" disabled="disabled" class="stTextboxDisabled" id="harga3" value="15000" readonly="true" /></td> <td><span id="validator3"> <input name="pesan3" type="text" class="stTextbox" id="pesan3" onChange="hitung()" value="0" /> <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span></td> </tr> <tr bgcolor="#C5D0E9"> <td>4</td> <td>Es Degan</td> <td> <input name="harga4" type="text" disabled="disabled" class="stTextboxDisabled" id="harga4" value="5000" readonly="true" /></td> <td><span id="validator4"> <input name="pesan4" type="text" class="stTextbox" id="pesan4" onChange="hitung()" value="0" /> <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span></td> </tr> <tr bgcolor="#ACBDDF"> <td>5</td> <td>Es Campur</td> <td> <input name="harga5" type="text" disabled="disabled" class="stTextboxDisabled" id="harga5" value="7000" readonly="true" /></td> <td><span id="validator5"> <input name="pesan5" type="text" class="stTextbox" id="pesan5" onChange="hitung()" value="0" /> <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span></td> </tr> <tr bgcolor="#C5D0E9"> <td colspan="3"><div align="right"><strong>Jumlah Total</strong></div></td> <td> <input name="JumlahTotal" type="text" disabled="disabled" class="stTextboxDisabled" id="JumlahTotal" value="0" /> </td> </tr> <tr bgcolor="#ACBDDF"> <td colspan="3"><div align="right"><strong>Diskon</strong></div></td> <td> <input name="Diskon" type="text" disabled="disabled" class="stTextboxDisabled" id="Diskon" value="0" /> </td> </tr> <tr bgcolor="#C5D0E9"> <td colspan="3"><div align="right"><strong>Jumlah Dibayar</strong></div></td> <td> <input name="JumlahDibayar" type="text" disabled="disabled" class="stTextboxDisabled" id="JumlahDibayar" value="0" /> </td> </tr> <tr bgcolor="#ACBDDF"> <td colspan="3"> </td> <td><input name="Batal" type="reset" class="stBtn" id="Batal" value=" Batal " /></td> </tr> </table> </form> <!-- Akhir kode form --> <!-- So, let's the magic begin.. Script buat tipe validasi untuk input 'Pesan' + penghitungan harga --> <script type="text/javascript"> <!-- var sprytextfield1 = new Spry.Widget.ValidationTextField("validator1", "integer", {validateOn:["change"]}); var sprytextfield2 = new Spry.Widget.ValidationTextField("validator2", "integer", {validateOn:["change"]}); var sprytextfield3 = new Spry.Widget.ValidationTextField("validator3", "integer", {validateOn:["change"]}); var sprytextfield4 = new Spry.Widget.ValidationTextField("validator4", "integer", {validateOn:["change"]}); var sprytextfield5 = new Spry.Widget.ValidationTextField("validator5", "integer", {validateOn:["change"]}); function hitung() { var myform = document.formpesan; var h1 = parseInt(myform.harga1.value)*parseInt(myform.pesan1.value); var h2 = parseInt(myform.harga2.value)*parseInt(myform.pesan2.value); var h3 = parseInt(myform.harga3.value)*parseInt(myform.pesan3.value); var h4 = parseInt(myform.harga4.value)*parseInt(myform.pesan4.value); var h5 = parseInt(myform.harga5.value)*parseInt(myform.pesan5.value); var total = h1+h2+h3+h4+h5; myform.JumlahTotal.value = total; if (total>50000) { myform.Diskon.value = 10000 } else { myform.Diskon.value = 0 } myform.JumlahDibayar.value = total-parseInt(myform.Diskon.value); } //--> </script> </body> </html> |
<!DOCTYPE html> <html lang="id"> <head> <title>Tugas Praktikum 4 - css web layout design</title> <style type="text/css"> <!-- body{ font-family:Arial; font-size:11px; background-color:#94A9D6; color:#333; padding:0; text-align:left; overflow-y:scroll; } .stContainer{ width:950px; margin:0 auto 0 auto } .stHeader{ width:950px; height:150px; background-image:url(images/wrapper-bg.png) } .header-link { margin-right:5px; font-family: Arial; font-size:12px; } .header-search { margin-top:30px; padding-left:45px; font-family: Arial; font-size:12px; } .input-search { border:0px solid #000000; width:135px; } .stNav{ width:950px; height:35px; background-image:url(images/bgnav.png) } .stNavSidebar{ width:210px; background-color: #7692CB; height: 450px; float: left; } .stCenterSection{ clear:both; width:950px; height:450px; } .stSectionBody{ width:730px; float: right; padding-top: 5px; padding-left: 5px; } .stFooter{ clear:both; text-align:center; padding-top:5px; width:950px; height:25px; background-color: #7692CB; font-family: Arial; font-weight: bold; color: #FFFFFF; letter-spacing: 1px; } .stTxt{ width:160px; height:24px; border:1px solid #6483C4; } .stPostTitle{ font-family:Arial; font-size:19px; font-weight:bold; text-decoration: none; } .stPostDate{ font-style:italic; color:#666666; } .stPostContent{ font-size:12px; } .stRMore{ text-decoration:none; } #Nav a{ font: 12px Arial; color:#FFFFFF; text-decoration: none; text-align:center; font-weight:bold; width:100px; height:15px; display:block; float:left; background-image:url(images/bgnav.png); padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; } #Nav a:hover{ font: 12px Arial; color:#000000; text-decoration: none; text-align:center; font-weight:bold; width:100px; height:13px; display:block; float:left; padding:10px 5px 10px 5px; background-image:url(images/bgnavHover.png) } #NavSidebar a{ font: 12px Arial; color:#FFFFFF; text-decoration: none; text-align:left; font-weight:bold; width:168px; height:15px; display:block; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border: #456BBA solid 1px; } #NavSidebar a:hover{ font: 12px Arial; color:#000000; text-decoration: none; text-align:right; font-weight:bold; width:168px; height:15px; display:block; background-color:#4A6FBB; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; } --> </style> </head> <body> <div class="stContainer"> <div class="stHeader"> <div style="width:250px; float:right; padding-top:25px; padding-right:15px"> <div class="header-link"> <a href="#">Home</a> | <a href="#">About The Blog</a> | <a href="#">About Me</a></div> <div class="header-search">Search <input class="stTxt" type="text" /> </div> </div> </div> <div class="stNav"> <div id="Nav"> <a href="#">Music</a> <a href="#">Software</a> <a href="#">Movies</a> <a href="#">About The Blog</a> <a href="#">About Me</a> </div> </div> <div class="stCenterSection"> <div class="stNavSidebar"> <div id="NavSidebar"> <a href=#>:: Music</a> <a href=#>:: Software</a> <a href=#>:: Movies</a> <a href=#>:: About The Blog</a> <a href=#>:: About Me</a> </div> </div> <div class="stSectionBody"> <img src="images/img1.jpg" width="730"/> <div style="width:490px; float:left; padding:5px; text-align:left;"> <p><a class="stPostTitle" href="#">Music : Linkin Park [2010] - A Thousand Suns</a><br /> <span class="stPostDate">03 Maret 2011 - 01:03 AM</span><br /> </p> <p class="stPostContent">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed metus nibh, sodales a, porta at, vulputate eget, dui. Pellentesque ut nisl. Maecenas tortor turpis, interdum non, sodales non, iaculis ac, lacus. Vestibulum auctor, tortor quis iaculis malesuada, libero lectus bibendum purus, sit amet tincidunt quam turpis vel lacus. In pellentesque nisl non sem. Suspendisse nunc sem, pretium eget, cursus a, fringilla vel, urna. <a class="stRMore" href="#">[Read Mode]</a></p> </div> <div style="width:216px; float:left; margin-top:15px; padding:5px; border:black solid 2px;"> <p><span class="stPostTitle">Popular</span></p> <ul> <li>Linkin Park [2010] - A Thousand Suns</li> <li>Linkin Park [2007] - Minutes to Midnight</li> <li>Linkin Park [2003] - Meteora</li> <li>Linkin Park [2000] - Hybrid Theory</li> </ul> </div> </div> </div> <div class="stFooter">Tugas Praktikum 4 - css web layout design © 2011 - Eko Fahrudi Silviawan</div> </div> </body> </html> |