Koleksi Javascript Mas Arul

Scriptnya :
Letakkan script berikut setelah tag <BODY>
<body bgcolor="lightblue">

<!-- Text here -->

<script language="LiveScript">
<!-- Hiding

function changeBackground(hexNumber){
         document.bgColor=hexNumber
}

prefix="#"
rnum1=0
bnum1=0
gnum1=0
rnum2=0
bnum2=0
gnum2=0

hexNumber2="#00000";

rcount=0;
bcount=0;
gcount=0;

function num2hex(num) {
         if (num==15) return "f";
         else if (num==14) return "e";
         else if (num==13) return "d";
         else if (num==12) return "c";
         else if (num==11) return "b";
         else if (num==10) return "a";
         else if (num==9) return "9";
         else if (num==8) return "8";
         else if (num==7) return "7";
         else if (num==6) return "6";
         else if (num==5) return "5";
         else if (num==4) return "4";
         else if (num==3) return "3";
         else if (num==2) return "2";
         else if (num==1) return "1";
         else return "0";
}

function changeBackground2(number){

if(number == 1)
 {
 rnum1=rcount%16;
 if (rcount <15){
 rcount=rcount+1;
 }
}

if(number == 2){
 gnum1=gcount%16;
 if (gcount <15){
 gcount=gcount+1;
 }
}

if(number == 3){
 bnum1=bcount%16;
 if (bcount <15){
 bcount=bcount+1;
 }
}

if(number == 4)
 {rnum1=rcount%16;
 if (rcount > 0){
 rcount=rcount-1;
 }
}

if(number == 5){
 gnum1=gcount%16;
 if (gcount > 0){
 gcount=gcount-1;
}

}

if(number == 6){
 bnum1=bcount%16;
 if (bcount > 0){
  bcount=bcount-1;
 }
}

hexNumber2 = prefix+num2hex(rnum1)+num2hex(rnum2)+num2hex(gnum1)+num2hex(gnum2)+num2hex(bnum1)+num2hex(bnum2);

document.bgColor=hexNumber2
}
// end hiding contents -->
</script>

<form method="post" name="background">
<table border="3" cellpadding="3">
<tbody><tr>

<td colspan="6" align="center"><font face="arial"><b>Pilihan Warna Background</td></tr>
<tr>
<td align="center"><input value="red" onclick="changeBackground('#FF0000')" type="button"></td>
<td align="center"><input value="green" onclick="changeBackground('#00FF00')" type="button"></td>
<td align="center"><input value="blue" onclick="changeBackground('#0000FF')" type="button"></td>
<td align="center"><input value="white" onclick="changeBackground('#FFFFFF')" type="button"></td>
<td align="center"><input value="black" onclick="changeBackground('#000000')" type="button"></td>
<td align="center"><input value="grey" onclick="changeBackground('#C0C0C0')" type="button"></td>
</tr>
</tbody></table>

<table border="3" cellpadding="3">
<tbody><tr>
<td colspan="3" align="center"><font face="arial"><b>Atur Manual <div>Campur Warna Background</td></tr>
<tr>

<td align="center"><input value="+ Merah" onclick="changeBackground2(1)" type="button"></td>
<td align="center"><input value="+ Hijau" onclick="changeBackground2(2)" type="button"></td>
<td align="center"><input value="+ Biru" onclick="changeBackground2(3)" type="button"></td>
</tr>

<tr align="center"><td><input value="- Merah" onclick="changeBackground2(4)" type="button"></td>
<td align="center"><input value="- Hijau" onclick="changeBackground2(5)" type="button"></td>
<td align="center"><input value="- Biru" onclick="changeBackground2(6)" type="button"></td>
</tr>
</tbody></table>
</form>
Kembali ke halaman koleksi javascript