Rabu, 16 Maret 2011

 
<<<<<<<<<<==============>>>>>>>>>

KODE HTML BOS
         <html>
         <head>
         <title>php tabel generated</title>
         </head>
      
         <body>
         <form method="post">
             <p> <strong>Baris  : </strong>
                <input name="cel" type="text" value="15" /></p>//nilai default field baris
             <p> <strong>Kolom  : </strong>
                <input name="col" type="text" value="2" /></p>//nilai defaut field kolom
             <p> <input type="submit" name="click" value="Generate" /></p>
         </form>

<?php

$clicked = $_POST['click'];
if (isset($clicked)) {
    //deklarasi variabel baris dan kolom
    $cel = (int) $_POST['cel'];
    $col = (int) $_POST['col'];
  
      //perulangan border tabel
    echo '<table border="1px" cellspacing="0">
             <tr>';
    for ($count=1; $count<=$cel; $count++) {
            echo '<td width=\"50\" height=\"50\">'.$count.'</td>';
            if ($count % $col == 0) echo '</tr><tr>';
    }
    echo '</tr></table>';
}

?>

         </body>
         </html>






Read More..
Posted by M. IQBAL ARRIKZA at 23.55 0 comments
Labels:

Rabu, 09 Maret 2011

praktikum5



+++++++++HTML+++++++++

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Praktikum 5</title>
<style type="text/css">
<!--
.style1 {font-family: "Trebuchet MS";
  color:#000000;
  }
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<html>
<title></title>

<script language="JavaScript" type="text/javascript">
function pemesanan(){
    var nota = document.form2;
     var hargaBakso = 7000 * eval(nota.hrgBakso.value);
     var hargaSoto = 10000 * eval(nota.hrgSoto.value);
    var hargaMie = 15000 * eval(nota.hrgMie.value);
    var hargaDegan = 3500 * eval(nota.hrgDegan.value);
    var hargaDoger = 4000 * eval(nota.hrgDoger.value);
    var TotalHarga = hargaBakso + hargaSoto + hargaMie + hargaDegan + hargaDoger;
if (TotalHarga > 50000){
nota.Total.value = TotalHarga;
nota.Diskon.value = 10000;
nota.Bayar.value = TotalHarga - eval(nota.Diskon.value);
 } else {
    nota.Total.value = TotalHarga;
    nota.Diskon.value = 0;
    nota.Bayar.value = TotalHarga - eval(nota.Diskon.value);
 }
}
function resetForm(){
    document.form2.reset();
}
</script>
<H2 align="center"><span class="style1">Form Pemesanan berbasis java script </span></H2>
<div>&nbsp;</div>
<form name="form2" action="#">
<table border="1px" align="center" style="font-size:13px ;font-family:'Trebuchet MS'">
<tr>  
    <th bgcolor="#CCCCCC">No</th>
    <th bgcolor="#CCCCCC">Makanan dan Minuman</th>
    <th bgcolor="#CCCCCC">Harga</th>
    <th bgcolor="#CCCCCC">Pesan</th>
</tr>
<tr>
    <td width="20" bgcolor="#CCCCCC" align="center">1</td>
    <td width="190"bgcolor="#CCCCCC">Bakso Bola Tenis</td>
    <td width="100" bgcolor="#CCCCCC">Rp
      <input type="text" name="bakso" value="8000" size="7" readonly="readonly" width="74px"/></td>
    <td width="150" bgcolor="#CCCCCC"><input type="text" name="hrgBakso" value="0" onFocus="this.select()" onChange="pemesanan()"/></td>
</tr>
<tr>
    <td bgcolor="#CCCCCC" align="center">2</td>
    <td bgcolor="#CCCCCC">Soto Madura</td>
    <td bgcolor="#CCCCCC">Rp
      <input type="text" name="soto" value="10000" size="7" readonly="readonly" width="74px"/></td>
    <td bgcolor="#CCCCCC"><input type="text" name="hrgSoto" value="0" onFocus="this.select()" onChange="pemesanan()"/></td>
</tr>
<tr>
    <td bgcolor="#CCCCCC" align="center">3</td>
    <td bgcolor="#CCCCCC">Mie Ayam Super Pake Telor</td>
    <td bgcolor="#CCCCCC">Rp
      <input type="text" name="mie" value="12000" size="7" readonly="readonly" width="74px"/></td>
    <td bgcolor="#CCCCCC"><input type="text" name="hrgMie" value="0" onFocus="this.select()" onChange="pemesanan()"/></td>
</tr>
<tr>
    <td bgcolor="#CCCCCC" align="center">4</td>
    <td bgcolor="#CCCCCC">Es Degan</td>
    <td bgcolor="#CCCCCC">RP     
      <input type="text" name="degan" value="3000" size="7" readonly="readonly" width="74px"/></td>
    <td bgcolor="#CCCCCC"><input type="text" name="hrgDegan" value="0" onFocus="this.select()" onChange="pemesanan()"/></td>
</tr>
<tr>
    <td bgcolor="#CCCCCC" align="center">5</td>
    <td bgcolor="#CCCCCC">Es Doger</td>
    <td bgcolor="#CCCCCC">Rp
      <input type="text" name="campur" value="4000" size="7" readonly="readonly" width="74px"/></td>
    <td bgcolor="#CCCCCC"><input type="text" name="hrgDoger" value="0" onFocus="this.select()" onChange="pemesanan()"/></td>
</tr>
<tr bgcolor="#66FFFF">
    <td colspan="3" align="right">Jumlah Total</td>
    <td><input type="text" name="Total" readonly="readonly" /></td>
</tr>
<tr bgcolor="#66FFFF">
    <td colspan="3" align="right">Diskon</td>
    <td><input type="text" name="Diskon" readonly="readonly"/></td>
</tr>
<tr bgcolor="#66FFFF">
    <td colspan="3" align="right">Jumlah Dibayar</td>
    <td><input type="text" name="Bayar" readonly="readonly" align="right"/></td>
</tr>
</table>
<br/>
<h6 align="center"><input type="button" value="Bersih" onClick="resetForm()" /> </h6>
</form>
<div style="font-size:10px; font-family:'Trebuchet MS'; color:#0099CC">By M. Iqbal Arrikza</div>
</body>
</html></em>
</body>
</html> Read More..
Posted by M. IQBAL ARRIKZA at 00.49 1 comments
Labels:

Rabu, 02 Maret 2011

Tugas Praktek 4


++++++++++++HTML+++++++++++++


<!DOCTYPE html>
<head>
    <title>Tugas Layout Web Elektro</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <style type="text/css">
<!--
.style1 {color: #FFFFFF}
.style2 {font-size: 18px}
-->
    </style>
</head>
<body>
    <header>
      <div class="box-header">
            <div class="rightfloat header-rtext">
                <div class="header-link">
                    <a href=#>Beranda</a> | <a href=#>SiteMap</a> | <a href=#>RSS</a> | <a href=#>Kontak</a> | <a href=#>Pembuat</a></div>
              <div class="header-search">Pencarian: <input class="input-search" type="text"></div>
            </div>
          <img class="logo-pic" src="logo.png" width="75" height="72">        </div><div class="logo-title">Pendidikan Teknik Informatika</div>
    </header>
    <nav>
        <div class="box-nav">
            <a href=#><div class="menu-nav"><div class="menu-text">Beranda</div></div></a>
            <a href=#><div class="menu-nav"><div class="menu-text">Berita & Trend</div></div></a>
            <a href=#><div class="menu-nav"><div class="menu-text">Tutorial</div></div></a>
            <a href=#><div class="menu-nav"><div class="menu-text">Tips & Trick</div></div></a>
            <a href=#><div class="menu-nav"><div class="menu-text">Downloads</div></div></a>        </div>
    </nav>
  
    <section>
         <div class="box-sect">
            <img src="Banner.jpg" width="740">
            <div class="rightfloat box-rsect">
                <div class="subtitle">Dinding</div>
                <ul>
                    <a href=#><li class="rsect-list">Nilai Siswa</li></a>
                    <li class="rsect-list"><a href=#>Jadwal Kuliah</a></li>
                    <li class="rsect-list"><a href=#>Jadwal Dosen</a></li>
                    <li class="rsect-list"><a href=#>Kegiatan Kampus</a></li>
                </ul>
            </div>
            <div class="subtitle style2">Seminar Pendidikan</div>
            <div class="datepost">1 Maret 2011 - 11:14 AM</div>
            <div class="content">
              <p>Evaluasi pendidikan mencakup dua sasaran pokok, yaitu : evaluasi makro (program) dan evaluasi mikro (kelas). Secara umum, evaluasi terbagi dalam tiga tahapan sesuai proses belajar mengajar yakni dimulai dari evaluasi input, evaluasi proses dan evaluasi output.
              <a class="more" href="#">[Baca Selengkapnya]</a></p>
              <p>&nbsp;</p>
            </div>
            <div class="subtitle style2">Packet Tracer</div>
            <div class="datepost">2 Maret 2011 - 06:00 PM</div>
            <div class="content">
                Packet tracer adalah sebuah simulator protocol jaringan yang dikembangkan oleh Cisco
System.  Paket  Tracer  dapat  mensimulasikan  berbagai  macam  protocol yg  digunakan
pada jaringan baik secara realtime maupun dengan mode simulasi.
                <a class="more" href="#">[Baca Selengkapnya]</a>            </div>
        </div>
    </section>
    <footer><div class="box-footer">
        <div class="footer-text style1">Tugas css design layout web Pendidikan Teknik Informatika &copy; 2011 M.Iqbal Arrikza </div>
        </div>
    </footer>
</body>

</html>

body {
    margin:10px auto;
    width:894px;
    height:auto;
}

header,nav,section,footer {
    display:block;
    border:0px solid black;
    background-color:#009900;
}
    a{
    cursor:pointer;
    text-decoration:none;
    color: #000000;
    }
    a:hover{
        text-decoration:underline;
    }   

header {
    height:90px;
    margin-top:-10px;
    border:1px solid gray;
}
    .box-header {
        margin-top:10px;
        margin-bottom:10px;
        background-color:#333333;
        height:70px;
    }
    .logo-pic {
        margin-top:0px;
        margin-left:5px;
    }
    .logo-title {
    position: relative;
    left:90px;
    top: -55px;
    font-family: Arial;
    font-size:20px;
    font-weight:bolder;
    color:white;
    height: auto;
    width: 300px;
    overflow: visible;
    }
    .header-rtext,.box-header a {
        color:#FFFFFF;
        font-family:Verdana, Arial, Helvetica, sans-serif;
    }
    .header-link {
        margin-right:5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size:10px;
    }
    .header-search {
        margin-top:30px;
        padding-left:45px;
        font-family:"Trebuchet MS";
        font-size:12px;
    }
    .input-search {
        border:1px solid #00FF00;
        background-color:#FFFFFF;
        width:130px;
    }

nav {
    float:left;
    width:150px;
    height:448px;
    background-color:#009900;
}
    .box-nav {
        margin-left:3px;
        background-color:#009900;
        height:inherit;
        border:1px solid #CCCCCC;
    }
    .menu-nav {
        margin-left:-3px;
        background-color: #333333;
        height:30px;
        border-width:1px;
        border-style:solid;
        border-color:#CCCCCC;
        font-weight:lighter;
        padding-top:4px;
    }
    .menu-text {
        font-family:"Verdana";
        font-size:12px;
        color:#FFFFFF;
        margin-top:5px;
        margin-left:10px;
    }
    .menu-nav:hover {
    cursor:pointer;
    margin-left:0px;
    background-color: #00FF00;
    height:30px;
    font-weight:bold;
    border: 1px double #CCCCCC;
    }
   
section {
    margin-left:150px;
    width:auto;
    height:450px;
}
    .box-sect {
        background-color:#00FF00;
        height:inherit;
        margin-right:3px;
    }
    .subtitle {
        margin-top:5px;
        margin-left:10px;
        font-family:"Verdana";
        font-size:16px;
        font-weight:bolder;
        color:#FFFFFF;
        height: auto;
        width: 400px;
    }
    .datepost {
        padding-left:10px;
        color:#333333;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        font-style:italic;
    }
    .content {       
        margin-top:5px;
        margin-left:15px;
        font-family: "Courier New", Courier, monospace;
        font-size:12px;
        color:#000000;
        width:65%;
    }
    .more {
        position:static;
        padding-left:16px;
        color:#FFFFFF;
        font-family:"Trebuchet MS";
        font-size:10px;
    }
    .more:hover {
        font-weight:bold;
        text-decoration:none;
    }
    .box-rsect {
        width:200px;
        height:auto;
        margin-top:5px;
        margin-right:10px;
        padding-bottom:5px;
        background-color:#009900;
        border-width:1px;
        border-style:solid;
        border-color:#FFFFFF;
    }
    .rsect-list ul, .rsect-list a{
        list-style-type:square;
        color:#000000;
        font-family:"Courier New", Courier, monospace;
        font-size:12px;
        font-weight:inherit;
    }

footer {
    clear:both;
    height:65px;
    border:1px solid #CCCCCC;
}
    .box-footer {
        margin-top:5px;
        margin-bottom:10px;
        background-color:#009900;
        height:50px;
    }
    .footer-text {
        padding-top:20px;
        padding-left:200px;
    }
    .footer-text,.box-footer  a {
        color:#FFFFFF;
        font-family:"Courier New", Courier, monospace;
        font-size:12px;
        color:#FFCC33;
    }
   
.rightfloat {
    float:right;
} Read More..
Posted by M. IQBAL ARRIKZA at 23.40 0 comments
Labels:
Read More..
Posted by M. IQBAL ARRIKZA at 23.05 0 comments
Labels:
Langganan: Postingan (Atom)