BERANDA
<html><head>
<title> UTS Aplikasi IT II </title>
<script type="text/javascript" src="script.js"></script>
</head>
<body bgcolor="black">
<center>
<h1><font color="red"> SELAMAT DATANG </h1>
<hr width="600" color="blue">
<hr width="600" color="red">
<h3> Ini adalah halaman utama dari UTS Aplikasi IT II saya </h3></font>
<input type="button" value="Buka" onclick="objekOpen()" />
</center>
</body>
</html>
Home
<html>
<head>
<title> UTS Aplikasi IT II </title>
<script type="text/javascript" src="script.js"></script>
</head>
<body bgcolor="black">
<center>
<h1><font color="red"> SELAMAT DATANG </h1>
<hr width="600" color="blue">
<hr width="600" color="red">
<h3> Ini adalah halaman utama dari UTS Aplikasi IT II saya </h3>
<br>
<br>
<b>Copyright @ Dede Wahlan Hermawan</b></font>
</center>
</body>
</html>
Header
<html>
<head>
<title>Header</title>
<script type="text/javascript" src="script.js"></script>
</head>
<body onload="jamDigital()" bgcolor="black">
<font color=red><h2 align="center">Latihan UTS Aplikasi IT II</h2>
<p align="center" id="jamdigital"></p></font>
</body>
</html>
Menu
<html>
<head>
<title>Menu</title>
</head>
<body bgcolor="black">
<font face="calibri" color=red>
<script type="text/javascript" src="script.js"></script>
<p align="center"> -- Menu -- </p>
<form name="formenu">
<hr />Silahkan di-klik menunya coy!:
<p><input type="button" value="Home" onclick="home()" /></p>
<p><input type="button" value="Form dengan Tabel" onclick="about()" /></p>
<p><input type="button" value="Biodata" onclick="biodataasli()" /></p>
</form>
<hr>
<hr>
<hr>
<hr>
<a href="Beranda.html" target=nama>Back to Asal</a>
</red>
</font>
</body>
</html>
Formtabel
<html>
<head>
<title>About</title>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<h3>Contoh Form dengan Tabel</h3>
<form method="post" action="sukses.html">
<table border="1" cellpadding="5">
<tr>
<td>NIM</td>
<td>:</td>
<td><input type="text" value="10111529" name="nama" /></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" value="Dede Wahlan Hermawan" name="nama" /></td>
</tr>
<tr>
<td>Kelas</td>
<td>:</td>
<td>
<select name="kelas">
<option value="IF-12">IF-12</option>
<option value="IF-1">IF-1</option>
<option value="IF-2">IF-2</option>
<option value="IF-3">IF-3</option>
<option value="IF-4">IF-4</option>
<option value="IF-5">IF-5</option>
<option value="IF-6">IF-6</option>
<option value="IF-7">IF-7</option>
<option value="IF-8">IF-8</option>
<option value="IF-9">IF-9</option>
<option value="IF-10">IF-10</option>
<option value="IF-11">IF-11</option>
<option value="IF-13">IF-13</option>
<option value="IF-14">IF-14</option>
<option value="IF-15">IF-15</option>
<option value="IF-16">IF-16</option>
<option value="IF-17">IF-17</option>
<option value="IF-18">IF-18</option>
</select>
</td>
</tr>
<tr>
<td colspan="3">
<input type="button" value="Kirim" Onclick="biodata()"/>
<input type="reset" value="Ulang" />
</td>
</tr>
</table>
</form>
</body>
Form&biodata
<html>
<body>
<h3>Contoh Form dengan Tabel</h3>
<form method="post" action="sukses.html">
<table border="1" cellpadding="5">
<tr>
<td>NIM</td>
<td>:</td>
<td><input type="text" name="nama" /></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" name="nama" /></td>
</tr>
<tr>
<td>Kelas</td>
<td>:</td>
<td>
<select name="kelas">
<option value="IF-1">IF-1</option>
<option value="IF-2">IF-2</option>
<option value="IF-3">IF-3</option>
<option value="IF-4">IF-4</option>
<option value="IF-5">IF-5</option>
<option value="IF-6">IF-6</option>
<option value="IF-7">IF-7</option>
<option value="IF-8">IF-8</option>
<option value="IF-9">IF-9</option>
<option value="IF-10">IF-10</option>
<option value="IF-11">IF-11</option>
<option value="IF-12">IF-12</option>
<option value="IF-13">IF-13</option>
<option value="IF-14">IF-14</option>
<option value="IF-15">IF-15</option>
<option value="IF-16">IF-16</option>
<option value="IF-17">IF-17</option>
<option value="IF-18">IF-18</option>
</select>
</td>
</tr>
<tr>
<td colspan="3">
<input type="button" value="Kirim" Onclick="biodata()"/>
<input type="reset" value="Ulang" />
</td>
</tr>
</table>
</form>
<hr>
<hr>
<table border="1" cellpadding="5">
<tr>
<td>NIM</td>
<td>:</td>
<td>10111529</td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td>Dede Wahlan Hermawan</td>
</tr>
<tr>
<td>Kelas</td>
<td>:</td>
<td>IF-12</td>
</tr>
</body>
</html>
Biodata
<html>
<body>
<h3>Contoh Form dengan Tabel</h3>
<table border="1" cellpadding="5">
<tr>
<td>NIM</td>
<td>:</td>
<td>10111529</td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td>Dede Wahlan Hermawan</td>
</tr>
<tr>
<td>Kelas</td>
<td>:</td>
<td>IF-12</td>
</tr>
</body>
</html>
Frame
<html>
<head>
<title>Frame Utama</title>
<script type="text/javascript" src="script.js"></script>
</head>
<frameset rows="20%,*" onload="buka()">
<frame src="header.html" scrolling="no" />
<frameset cols="30%,*">
<frame src="menu.html" name="kiri" scrolling="no" />
<frame src="home.html" name="kanan" />
</frameset>
</frameset>
</html>
JavaScript
function buka()
{
alert('Selamat datang di UTS Aplikasi IT II Saya :)');
}
function home()
{
parent.kanan.location = "beranda.html";
}
function biodataasli()
{
parent.kanan.location = "biodata.html";
}
function biodata()
{
parent.kanan.location = "form&biodata.html";
}
function about()
{
parent.kanan.location = "formtabel.html";
}
function menu()
{
str = "home.html";
if (document.formenu.pilihmenu[2].checked)
{
str = "formtabel.html";
}
if (document.formenu.pilihmenu[3].checked)
{
str = "biodata.html";
}
parent.kanan.location.href = str;
}
function jamDigital()
{
var waktu = new Date();
var jam = waktu.getHours();
var menit = waktu.getMinutes();
var detik = waktu.getSeconds();
if (jam < 10)
{
jam = '0'+jam;
}
if (menit < 10)
{
menit = '0'+menit;
}
if (detik < 10)
{
detik = '0'+detik;
}
setTimeout('jamDigital()',1000);
document.getElementById('jamdigital').innerHTML = jam+':'+menit+':'+detik;
}
function objekOpen()
{
window.open("frame.html");
}
Tidak ada komentar:
Posting Komentar