Source code
<!DOCTYPE
html>
<html>
<head>
<link
rel="stylesheet" type="text/css"
href="style/style.css">
<style>
body{
background-image:url(pict/suket1.jpg);
background-repeat:repeat-x;
}
.error {
color:red;
font-style: italic;
font-size: 15px;
}
</style>
<script
language="JavaScript">
function
tampilkanjam()
{
var
waktu = new Date();
var
jam = waktu.getHours();
var
menit = waktu.getMinutes();
var
detik = waktu.getSeconds();
var
teksjam = new String();
if
( menit <= 9 )
menit
= "0" + menit;
if
( detik <= 9 )
detik
= "0" + detik;
teksjam
= jam + ":" + menit + ":" + detik;
tempatjam.innerHTML
= teksjam;
setTimeout
("tampilkanjam()",1000);
}
window.onload
= tampilkanjam
function pesan(){
lSudahBenar = true;
if (km.email.value == ""){
document.getElementById("errEmail").innerHTML="
<br/>E-mail Harus Diisi!";
lSudahBenar
= false;
} else{
document.getElementById("errEmail").innerHTML="";
}
if (km.nama.value == ""){
document.getElementById("errNama").innerHTML="
<br/>Nama Harus Diisi!";
lSudahBenar
= false;
} else {
document.getElementById("errNama").innerHTML="";
}
if
(km.komentar.value == ""){
document.getElementById("errKomentar").innerHTML=" <br/>Komentar Harus Diisi!";
lSudahBenar
= false;
} else {
document.getElementById("errKomentar").innerHTML="";
}
return lSudahBenar;
}
function tutup_form_komentar(){
document.getElementById("komentar").innerHTML="";
}
function pesan1(){
lSudahBenar = true;
if (km1.email.value == ""){
document.getElementById("errEmail1").innerHTML="
<br/>E-mail Harus Diisi!";
lSudahBenar
= false;
} else{
document.getElementById("errEmail1").innerHTML="";
}
if (km1.nama.value == ""){
document.getElementById("errNama1").innerHTML="
<br/>Nama Harus Diisi!";
lSudahBenar
= false;
} else {
document.getElementById("errNama1").innerHTML="";
}
if
(km1.komentar.value == ""){
document.getElementById("errKomentar1").innerHTML=" <br/>Komentar Harus Diisi!";
lSudahBenar
= false;
} else {
document.getElementById("errKomentar1").innerHTML="";
}
return lSudahBenar;
}
function tutup_form_komentar1(){
document.getElementById("komentar1").innerHTML="";
}
function pesan2(){
lSudahBenar = true;
if (km2.email.value == ""){
document.getElementById("errEmail2").innerHTML="
<br/>E-mail Harus Diisi!";
lSudahBenar
= false;
} else{
document.getElementById("errEmail2").innerHTML="";
}
if (km2.nama.value == ""){
document.getElementById("errNama2").innerHTML="
<br/>Nama Harus Diisi!";
lSudahBenar
= false;
} else {
document.getElementById("errNama2").innerHTML="";
}
if
(km2.komentar.value == ""){
document.getElementById("errKomentar2").innerHTML=" <br/>Komentar Harus Diisi!";
lSudahBenar
= false;
} else {
document.getElementById("errKomentar2").innerHTML="";
}
return lSudahBenar;
}
function tutup_form_komentar2(){
document.getElementById("komentar2").innerHTML="";
}
function form_komentar(){
cForm
= "<form name='km'action='#' method='post'onSubmit='return
pesan();'>";
cForm += "<pre>Nama : <input type='text' name='nama'
size='16px' /><span id='errNama'
class='error'></span><br/><br/>";
cForm += "Email : <input type='text' name='email' size='16px'/><span
id='errEmail' class='error'></span><br/><br/>";
cForm += "Komentar :
<br/><br/>";
cForm += "<textarea
name='komentar'cols='23'></textarea><span id='errKomentar'
class='error'></span>";
cForm += "<br/><input
type='submit' value='Simpan' />";
cForm += "<input type='button'
value='Tutup Komentar' onClick='tutup_form_komentar();'/>";
cForm +=
"</pre></form>";
document.getElementById("komentar").innerHTML=cForm;
}
function form_komentar1(){
cForm
= "<form name='km1'action='#' method='post'onSubmit='return
pesan1();'>";
cForm += "<pre>Nama : <input type='text' name='nama'
size='16px' /><span id='errNama1'
class='error'></span><br/><br/>";
cForm += "Email : <input type='text' name='email' size='16px'
/><span id='errEmail1'
class='error'></span><br/><br/>";
cForm += "Komentar :
<br/><br/>";
cForm += "<textarea
name='komentar'cols='23'></textarea><span id='errKomentar1'
class='error'></span>";
cForm += "<br/><input
type='submit' value='Simpan' />";
cForm += "<input type='button'
value='Tutup Komentar' onClick='tutup_form_komentar1();'/>";
cForm +=
"</pre></form>";
document.getElementById("komentar1").innerHTML=cForm;
}
function form_komentar2(){
cForm
= "<form name='km2'action='#' method='post'onSubmit='return
pesan2();'>";
cForm += "<pre>Nama : <input type='text' name='nama'
size='16px' /><span id='errNama2'
class='error'></span><br/><br/>";
cForm += "Email : <input type='text' name='email'
size='16px' /><span id='errEmail2'
class='error'></span><br/><br/>";
cForm += "Komentar :
<br/><br/>";
cForm += "<textarea
name='komentar'cols='23'></textarea><span id='errKomentar2'
class='error'></span>";
cForm += "<br/><input
type='submit' value='Simpan' />";
cForm += "<input type='button'
value='Tutup Komentar' onClick='tutup_form_komentar2();'/>";
cForm +=
"</pre></form>";
document.getElementById("komentar2").innerHTML=cForm;
}
</script>
</head>
<body>
<div
id="wrap">
<div id="header">
<h1>Wisata Kota
Malang</h1>
<div
class="header">Surga Wisata Alam, Rekreasi, dan Kuliner di Kota
Malang</div>
<div id="logo"> <img src="pict/download.png"
width="130px" height="130px" /></div>
<div
id="sosialmedia">
<a
href="http://www.facebook.com/"><img
src="pict/facebook.png" width="35px"
height="30px"></a>
<a
href="http://www.twitter.com/"><img src="pict/tw.png"
width="35px" height="30px"></a>
<a
href="http://www.googleplus.com/"><img
src="pict/gmail.png" width="35px"
height="30px"></a>
</div>
<img src="pict/urla.jpg"
width="1056px" height="199px">
</div>
<div
id="menu"><marquee>Wisata Kota
Malang</marquee></div>
<div id="menu_horisontal">
<ul>
<li><a
href="index.html"><img src="pict/home.png"
width="15px" height="15px"> Home</a></li>
<li><a
href="#">Wisata Alam</a>
<ul>
<li><a
href="pegunungan.html">Pegunungan</a></li>
<li><a
href="bahari.html">Bahari</a></li>
<li><a
href="agro.html">Agro Wisata</a></li>
</ul>
</li>
<li><a href="rekreasi.html">Wisata
Rekreasi</a></li>
<li><a
href="#">Wisata Kuliner</a>
<ul>
<li><a
href="makan.html">Tempat Makan</a></li>
<li><a
href="oleh.html">Oleh - Oleh</a></li>
</ul>
</li>
</ul>
<div class="jam"
id="tempatjam" align="right"></div>
</div>
<div id="kanan">
<div id="search">
<a
class="gmb"><img src="pict/src.png"
width="20px" height="20px"></a>
<input
class="search" type="text" placeholder="Search"
required>
<input
class="button" type="button" value="Search">
</div>
<div id="trending">
<h3>.:: MENU ::.</h3>
<ul>
<li><a
href="pemesanan.php">PEMESANAN</a></li>
<li><a
href="makan.html">Info Harga Makanan</a></li>
<li><a
href="oleh.html">Info Harga Oleh-oleh</a></li>
<li><a
href="#">Menu 4</a></li>
<li><a
href="#">Menu 5</a></li>
</ul>
</div>
<div
id="banner"><img src="pict/fix.gif"
width="256px" height="168px"></div>
</div>
<div id="content">
<table border="0"
width="604px"align="center"><tr><td>
<img src="pict/555dd2be0423bdd85a8b4569(1).jpeg"
width="200px" height="200px">
<input type="button"
value="Komentar" onClick="form_komentar()">
<div
id="komentar"></div></td>
<td><img
src="pict/balekambang.jpg" width="200px"
height="200px">
<input type="button"
value="Komentar" onClick="form_komentar1()">
<div
id="komentar1"></div></td>
<td><img
src="pict/pantai-senggigi-malang-terbaru-2014.jpg"
width="200px" height="200px">
<input type="button"
value="Komentar" onClick="form_komentar2()">
<div
id="komentar2"></div></td>
</tr></table>
</div>
<div
id="footer">Telp.xxxxxxx,<br/>Email : xxxx@go.id</div>
</div>
</body>
</html>
Tidak ada komentar:
Posting Komentar