ShoutMix chat widget

Rabu, 27 Juni 2012

web desain java script

01.49 Unknown No comments

<html>
<head>
<title>mencoba java script</title>

</head>
<body>
<!-- inline -->
<input type="button" value="klik disini" onclick="alert('Ini contoh Inline');">
<!-- /inline -->

</body>
</html>


<html>
<head>
<title>mencoba java script</title>

</head>
<body>
<!-- internal JS -->
<script type="text/javascript">
alert("Ini Contoh Internal");
</script>
<!-- /internal JS -->

</body>
</html><html>
<head>
<title>mencoba java script</title>
<!-- Eksternal Js -->
<script type="text/javascript" src="coba.js"></script>
<!-- /Eksternal JS -->

</head>
<body>
<!-- internal JS -->
<script type="text/javascript">
alert("Ini Contoh Internal");
document.write("selamat mencoba javascript<br>");
document.write("semoga Sukses");
</script>
<!-- /internal JS -->

<!-- inline -->
<input type="button" value="klik disini" onclick="alert('Ini contoh Inline');">
<!-- /inline -->
</body>
</html>


<html>
<head>
<title>mencoba java script</title>

</head>
<body>
<script type="text/javascript">
var nama = prompt("siapa nama anda?","masukkan nama anda");
document.write("Hai," + nama);
if (nama == '')
{
 alert("isikan nama");
}


</script>
</body>
</html>




<html>
<head>
<title>mencoba java script</title>
<script language="javascript">
function test ()
{
var vall=document.kirim.T1.value
if (vall%2==0)
document.kirim.T2.value="bilangan genap"
else
document.kirim.T2.value="bilangan ganjil"
}
</script>
</head>
<body>
<form method="post" name="kirim">
<p>
BIL  :  <input type="text" name="T1" size="20">
Merupakan BIL  :  <input type="text" name="T2" size="20">
</p>
<p>
<input type="button" value="tebak" name="B1" onclick="test()">
</p>
</form>

</body>
</html>



Read more »

BDD terakhir smester 2

01.46 Unknown No comments

create database puskesdb
use puskesdb
create table pasien(kodepas char(10)primary key not null,namapas varchar(20),janiskel char(5),umur varchar(5))
create table dokter(kodedok char(5) primary key not null,namadokter varchar(20))
create table poli(kodepoli char(5)primary key not null,jenispoli varchar(20))
create table periksa(kodeperiksa char(10),tglperiksa date)
insert into pasien value("P-1001","agnes monika","P","15")
insert into pasien value("L-2001","hengky tornado","L","45")
insert into pasien value("P-1002","nunung","P","30")
insert into pasien value("L-2002","sule","L","10")
insert into pasien value("P-1003","monika","P","5")
insert into dokter value("A1","dr.solehatin")
insert into dokter value("A2","dr.djuniharto")
insert into dokter value("A3","dr.rudi")
insert into dokter value("A4","dr.heri")
insert into dokter value("A5","dr.mia")
insert into poli value("01","poli umum")
insert into poli value("02","poli anak")
insert into poli value("03","poli mata")
insert into poli value("04","poli gigi")
insert into poli value("05","poli jantung")
insert into periksa value("A1-01-1002","2010-12-27")
insert into periksa value("A3-04-2002","2010-12-10")
insert into periksa value("A4-02-1003","2010-12-05")
insert into periksa value("A2-05-2001","2010-12-10")
insert into periksa value("A1-01-1001","2010-12-30")
1
select namapas,umur from pasien where janiskel="P"
2
select periksa.kodeperiksa,pasien.namapas,poli.jenispoli from periksa join pasien on right(kodepas,4)=right(kodeperiksa,4) join poli on substring(kodeperiksa,4,2)=kodepoli where janiskel="L"
3
select periksa.kodeperiksa,pasien.namapas,pasien.umur,dokter.namadokter,poli.jenispoli
from periksa join pasien on right(kodeperiksa,4)=right(kodepas,4) join dokter on left(kodeperiksa,2)=kodedok join poli on substring(kodeperiksa,4,2)=kodepoli
where kodepoli='01'
4
select kodepoli,jenispoli from poli where kodepoli="03"
5
select periksa.kodeperiksa,pasien.namapas,poli.jenispoli,dokter.namadokter,pasien.umur
from periksa join pasien on right(kodepas,4)=right(kodeperiksa,4) join poli on substring(kodeperiksa,4,2)=kodepoli join dokter on left(kodeperiksa,2)=kodedok
where umur>='20'

6
select dokter.kodedok,dokter.namadokter from dokter where kodedok="A5"
7
select periksa.kodeperiksa,pasien.namapas,dokter.namadokter,poli.jenispoli
from periksa join pasien on right(kodepas,4)=right(kodeperiksa,4) join poli on substring(kodeperiksa,4,2)=kodepoli join dokter on left(kodeperiksa,2)=kodedok
where tglperiksa='2010-12-05'
8
select periksa.kodeperiksa,pasien.namapas,dokter.namadokter
from periksa join pasien on right(kodepas,4)=right(kodeperiksa,4) join poli on substring(kodeperiksa,4,2)=kodepoli join dokter on left(kodeperiksa,2)=kodedok
where namadokter='dr. solehatin'

Read more »

Rabu, 06 Juni 2012

web desain ke 4

01.19 Unknown No comments
CSS
contoh pertama

<html>
<head>
<title>mencoba</title>
<!-- Eksternal -->
<link rel="stylesheet" type="text/css" href="style.css">

<!-- Internal -->
<style>
H2{
color:blue;
}
</style>


</head>
<body>
<!-- inline -->
<h1 style="color:red">inline</h1>

<!-- Internal -->
<H2>INTERNAL CSS</H2>

<!-- Ekternal -->
<H3>EKTERNAL CSS</H3>

</body>
</html>


mencoba

inline

INTERNAL CSS

EKTERNAL CSS

 

 

<html>
<head>
<title>mencoba</title>

<style>
afandi {
color: green;
}
.afandi
{
  color:blue;
}
#erda {
color: red;

}

</style>


</head>
<body>
<afandi>oke oke oke</afandi>
<h1 class="afandi">oke oke oke</h1>
<h1 id="afandi2">oke oke oke</h1>

</body>
</html>

Contoh kedua

mencoba oke oke oke

oke oke oke

oke oke oke

 

Selector {
preperty : value;
}

selector
   berisi : tag hhtm
              class
              id

property
   berisi : aturan/rule
              perintah

Value
    berisi : b.ing(red,top,center)
               hexadecimal(#fff)
              rgb
              persen
              pixel


Read more »

Senin, 04 Juni 2012

web desain css

00.32 Unknown No comments

mencoba java script <html>
<head>
<title>mencoba css</title>
<style>
#nav{

list-style-type:none;
margin:0;
padding: 0;
width: 180px;
background-color:#663300;
float : left;
}
#nav li{
margin : 0;
padding: 0;
float : left;
width:100%;
}

#nav a{
display : block;
color :#fff;
text-decoration:none;
padding : 0 15px;
line-height :2.5;
border-bottom : 1px solid #fff;
cursor:pointer;
}

#nav a:hover{
background:#330000;



}

#nav2{

list-style-type:none;
margin:0;
padding: 0;
background-color:#663300;
float : left;
}
#nav2 li{
margin : 0;
padding: 0;
float : left;

}

#nav2 a{
width:127px;
float:left;
text-align:center;
color :#fff;
text-decoration:none;
line-height :2;
border-right :1px solid #fff;

}




h1{
cursor:pointer;
text-shadow:1px 1px 1px blue;
 
}


</style>

</head>
<body>

<H1>menu vertical triswan</h1>

<ul id="nav">

<li><a href="">Home</a></li>
<li><a href="">Profil</a></li>
<li><a href="">Gallery</a></li>
<li><a href="">Contact</a></li>

</ul>
<br><br><br><br><br><br><br><br>
<H1>menu Horizontal triswan</h1>

<ul id="nav2">

<li><a href="">Home</a></li>
<li><a href="">Profil</a></li>
<li><a href="">Gallery</a></li>
<li><a href="">Contact</a></li>

</ul>

</body>
</html>







Read more »
 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Online Project management