Archive for December, 2007
HTML Rotator With Prototype & Scriptaculous Effect
Posted by Lukman in Javascript on December 23rd, 2007
Melanjutkan article HTML Rotator, yang ini akan lebih menarik karena diberi effect fade saat slidenya.
Untuk effect gunakan prototype.js dan Scriptaculous
Ok See code below :
<html>
<head><title>Cetek</title>
<style type="text/css">
img{
border:none;
}
</style>
<script src="js/scriptaculous/lib/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous/src/scriptaculous.js" type="text/javascript"></script>
<script type="text/javascript">
var content = new Array('<img src="images/jseyes.gif">','<img src="images/icon_ots.png">','<img src="images/image1.png">');
var links = new Array('http://www.google.com','http://www.stillcetek.com','http://www.yahoo.com');
var contentStart = 0;
var contentCount = content.length;
var bannerSpeed = 10;
var bannerDuration = 5.0;
function bannerRotator() {
var bannerRotasi = document.getElementById("bannerRotasi");
contentStart++;
if (contentStart == contentCount) {
contentStart = 0;
}
if(document.all){
bannerRotasi.innerHTML = content[contentStart];
} else{
bannerRotasi.innerHTML = content[contentStart];
}
bannerRotasi.href=links[contentStart];
$('frame').hide();
Effect.Appear('frame',{duration: bannerDuration});
setTimeout('bannerRotator()',bannerSpeed * 1000);
}
</script>
</head>
<body>
<div id="frame" background-color:#FF0055">
<a href="#" target="_blank" name="bannerRotasi" id="bannerRotasi"></a>
<script type ="text/javascript">
bannerRotator()
</script>
</div>
</body>
</html>
HTML Rotator
Posted by Lukman in Javascript on December 23rd, 2007
Kode sederhana HTML rotator, bisa digunakan sebagai banner rotator iklan, slideshow fhotos, atau text rotator dengan format-format html. Nice.. get the code below:
<html>
<head><title>Cetek</title>
<style type="text/css">
img{
border:none;
}
</style>
<script type="text/javascript">var content = new Array('<b>Test Link1</b> Bold','Test Link2 <i> Format HTML</i>','<img src="images/link.gif">');
var links = new Array('http://www.google.com','http://www.stillcetek.com','http://www.yahoo.com');
var contentStart = 0;
var contentCount = content.length;
var bannerSpeed = 10;
function bannerRotator() {
var bannerRotasi = document.getElementById("bannerRotasi");
contentStart++;
if (contentStart == contentCount) {
contentStart = 0;
}
if(document.all){
bannerRotasi.innerHTML = content[contentStart];
} else{
bannerRotasi.innerHTML = content[contentStart];
}
bannerRotasi.href=links[contentStart];
setTimeout('bannerRotator()',bannerSpeed * 1000);
}
</script>
</head>
<body>
<div id="frame" background-color:#FF0055">
<a href="#" target="_blank" name="bannerRotasi" id="bannerRotasi"></a>
<script type ="text/javascript">
bannerRotator()
</script>
</div>
</body>
</html>
Pengenalan CSS
Apa sih CSS itu?
CSS (Cascading Style Sheet) adalah bahasa yang digunakan untuk memformat tampilan html, bahasa yang direkomendasikan W3C (World Wide Web Consortium) untuk melukiskan gaya seperti font, warna, ukuran, jarak, posisi pada dokumen-dokumen web. CSS sangat membantu para web designer untuk memperindah halaman web templatesnya.
Apa bedanya css dengan format html biasa? apa untungnya?
CSS sama fungsinya dengan cara format html biasa, namun CSS mempunyai lebih banyak element yang bisa kita atur.
contoh:
tag table punya element border, css juga punya fromat untuk border namun lebih detail lagi seperti : border-top, border-right, border-bottom, border-left. artinya lebih kompleks karena memungkinkan kita membuat sisi border yang berbeda. 
.
ini contoh sederhana aja, masih banyak sekali keuntungan-keuntungan lain. So.. go to struggle.
Dimana saya bisa meletakkan kode-kode css?
Setidaknya ada 3 tempat meletakkan kode-kode css
1. Tag <Head> document HTML
Kita bisa menuliskan seluruh kode-kode css kita didalam tag head document html kita
Contoh
<HTML><head>
<title>page title</title>
<style type="text/css">
body{
background-color:#FFFFFF;
margin:2px;
}
//KODE KODE CSS
</style>
</head>
<body></body>
</HTML>
2. Di Tag Element-element HTML
Kita juga bisa meletakkan kode-kode css kita di properties tag-tag html
contoh:
<p style="font-size:12px;color:#0000FF"> text-text content yang akan diformat </p>
3. Ekternal File
Menuliskan kode-kode css di luar document html dengan ekstensi file *.css. Kemudian file *.css ini diincludekan kedalam document html tepatnya pada tag head.
contoh:
<head> <title>page title</title> <link rel="stylesheet" href="eksternal_file_css.css " type="text/css"> </head>
Kode-kode CSS juga bisa dituliskan dengan berbagai cara, lihat contoh-contoh dibawah.
Menerangkan format tag-tag html
seperti <body>, <div>, <table>,<p>,<h1>,<font> dan lain-lain
p{
font-family:Arial;
color:#0000DD;
font-size11px;
text-align:right;
}
Dengan contoh diatas maka text-text yang berada didalam tab <p> akan diformat dengan jenis font arial, warna biru tua, ukuran 11 pixel dan rata kanan.
Selector Class
kode css:
.areabanner{
width:200px;
height:100px;
}
kode di html:
<div class="areabanner">content</div>
atau bisa juga
<p class="areabanner">content</p>
Semua tag html yang mempunyai class areabanner maka akan diformat sesuai dengan format yang ditulis di .areabanner
Selector ID
kode css:
#areabanner{
width:200px;
height:100px;
}
kode html
<div id="areabanner">content</div>
dengan menambahkan karakter # di awal nama ID nya, berarti format itu adalah format untuk tag html yang berselector ID.
Filter Data Database Paradok di Delphi 7
Artikel kali ini membahas tentang bagaimana memfilter data dalam membuat laporan dari hasil pengolahan data yang kita buat. Mb Sri yang nanya nih. 
.
Misalkan kita hanya akan mencetak data penjualan pada tanggal sekian saja, atau akan mencetak data barang yang stoknya menipis, atau mencetak data mahasiswa yang nilainya A saja, atau anda ingin memfilter data karyawan yang menerima gaji tanggal sekian dan dengan NIK tertentu, serta masih banyak lagi lainnya. Yang pasti Filter data sangat penting sekali dalam proses pembuatan laporan.
Saya Menggunakan Object Table di BDE dan Data Source di Data Access untuk koneksi dan pengolahan datanya.
1. Tampilkan data Karyawan dengan NIK “040001″
Code :
Table1.Filtered:=False;
Table1.Filter='NIK='+QuotedStr('040001');
Table1.Filtered:=True;
2. Tampilkan data yang karyawan yang gajinya lebih besar dari 2 juta.
code:
Table1.Filtered:=False; Table1.Filter:='Total_Gaji>2000000'; Table1.Filtered:=True;
3. Tampilkan data penjualan tanggal 17/05/2007 dan dengan Nomor Jual 1002
code:
Table1.Filtered:=False;
Table1.Filter:='Tgl_Jual='+QuotedStr('17/05/2007') +'And No_Jual='+QuotedStr('1002');
Table1.Filtered:=True;
Anda bisa menggunakan statement And atau Or jika terdapat dua atau lebih kondisi. .