Selamat Datang Di Blogg Saya
Tampilkan postingan dengan label Web. Tampilkan semua postingan
Tampilkan postingan dengan label Web. Tampilkan semua postingan

Rabu, 11 Mei 2011

Contoh layout CSS

<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#Layer1 {
    position:absolute;
    left:30px;
    top:20px;
    width:879px;
    height:104px;
    z-index:1;
    background-color: #FF0000;
}
#Layer2 {
    position:absolute;
    left:32px;
    top:131px;
    width:877px;
    height:48px;
    z-index:2;
    background-color: #0000CC;
}
#Layer3 {
    position:absolute;
    left:286px;
    top:190px;
    width:622px;
    height:279px;
    z-index:3;
    background-color: #00FFFF;
}
#Layer4 {
    position:absolute;
    left:34px;
    top:190px;
    width:244px;
    height:129px;
    z-index:4;
    background-color: #00FF00;
}
#Layer5 {
    position:absolute;
    left:34px;
    top:328px;
    width:245px;
    height:141px;
    z-index:5;
    background-color: #FFFF00;
}
-->
</style>
</head>
<div align="center" id="Layer1"></div>
<div id="Layer2"></div>
<div id="Layer3"></div>
<div id="Layer4"></div>
<div id="Layer5"></div>

</body>
</html>

Jumat, 10 September 2010

fungsi Java Script

<html>
<head>
<title>
Masuk Bilangan
</title>
</head>
<body>
<p><script language="JavaScript">
<!--
function jumlah()
{
var bil1 = parseFloat(document.fform.bilangan1.value);
if (isNaN (bil1))
bil1=0.0;
var bil2 = parseFloat(document.fform.bilangan2.value);
if (isNaN (bil2))
bil2=0.0;
var hasil= bil1+bil2;
alert("Hasil penjumlahan = " + hasil);
}
function kali()
{
var bil1 = parseFloat(document.fform.bilangan1.value);
if (isNaN (bil1))
bil1=0.0;
var bil2 = parseFloat(document.fform.bilangan2.value);
if (isNaN (bil2))
bil2=0.0;
var hasil= bil1*bil2;
alert("Hasil perkalian = " + hasil);
}
function kurang()
{
var bil1 = parseFloat(document.fform.bilangan1.value);
if (isNaN (bil1))
bil1=0.0;
var bil2 = parseFloat(document.fform.bilangan2.value);
if (isNaN (bil2))
bil2=0.0;
var hasil= bil1-bil2;
alert("Hasil pengurangan = " + hasil);
}
function bagi()
{
var bil1 = parseFloat(document.fform.bilangan1.value);
if (isNaN (bil1))
bil1=0.0;
var bil2 = parseFloat(document.fform.bilangan2.value);
if (isNaN (bil2))
bil2=0.0;
var hasil= bil1/bil2;
alert("Hasil pembagian = " + hasil);
}
//--></script></p>
<form name="fform">
<h1><br>Masukkan Data lewat keyboard</h1>
<pre>
Bilangan Pertama : <input type="text" size="11" name="bilangan1">
Bilangan Kedua   : <input type="text" size="11" name="bilangan2">
</pre>
<p>
<input type="button" value="tambah" onclick="jumlah()">
<input type="button" value="Kurang" onclick="kurang()">
<input type="button" value="kali" onclick="kali()()">
<input type="button" value="Bagi" onclick="bagi()">
<input type="reset" value="ulang">
</form>
</body>
</html>