Senin, 24 Maret 2008

Hasil Print Screen Select YG dinamis



BIKIN SELECT AGAR ISINYA BISA BERUBAH OTOMATIS

Kadang dalam membuat sebuah website di dalam formnya dibutuhkan select
(atau dalam vb biasa disebut dengan combo box). Jika select tersebut isinya tetap
(sbg contoh isinya 'laki-laki' dan 'perempuan' saja), untuk membuat select tersebut
mudah saja tinggal buat :
<select name="pilih" id="pilih">
<option value="L" >Laki-laki</option>
<option value="P" >Perempuan</option>
</select>

Contoh diatas hanya untuk select yang isinya tetap,
kalau yang dibutuhkan select yang bisa berubah2 gimana???
Contohnya pas ngisi tanggal lahir, biar user nggak bisa milih tangga 31 Februari gimana???
biar nggak usah validasi pake alert/apa segala.

Disini contohnya hanya akan menampilkan nama kab/kota yang provinsinya sudah dipilih
sebelumnya, kalau belum memilih provinsi, maka kabupatennya juga nggak ada yang ditampilkan.

Yang dibutuhkan :

1. data provinsi dan kabupaten, enaknya sih disimpen ke array agar manggilnya enak.
Disini saya menggunakan array multidimensi, gmn cara bwt array multidimensi pake javascript???
klo itu ntar aja ya klo saya ada waktu dan lagi gk males. Langsung saja , begini nyimpen data
kabupaten ke array multidimensinya:

<script language="javascript">
var kab=new Array(7);
for (i=0; i <7; i++) kab[i]=new Array();
kab[1][1]='Bandung';
kab[1][2]='Bekasi';
kab[1][3]='Bogor';
kab[1][4]='Ciamis';
kab[2][5]='Bangkalan';
kab[2][6]='Banyuwangi';
kab[2][7]='Blitar';
kab[2][8]='Bojonegoro';
kab[2][9]='Bondowoso';
kab[3][10]='Banjarnegara';
kab[3][12]='Banyumas';
kab[3][13]='Batang';
kab[3][14]='Blora';
kab[3][15]='Boyolali';
kab[3][16]='Brebes';

</script>

udah ah, segitu aja datanya, klo bingung taruhnya dimana, taruhnya paling atas saja setelah
<title>Untitled</title>. Klo masih belum tau, mending gk usah lanjutin aja, belajar html dasar dulu
:0 ntar daripada tambah pusing he...

2. klo datanya sudah siap terus pertama buat satu select untuk provinsinya dulu. Kodenya:

<select name="prov" id="prov">
<option value="all" >Pilih Provinsi</option>
<option value="1" >Jawa Barat</option>
<option value="2" >Jawa Timur</option>
<option value="3" >Jawa Tengah</option>
</select>

3. klo select untuk provinsinya sudah jadi, buat select untuk kabupaten/kotanya. Kodenya:

<select name="opkab" id="opkab" >
<option value="all">--Semua Kab/Kota--</option>
<option value="none">none</option>
</select>

Klo semua bahan2nya sudah disiapkan, sekarang perhatikan baik-baik...
Pertama buat fungsi untuk mengisikan select dengan kabupaten yang dikelompokkan per provinsi.
Langsung kodenya saja:

<script language="javascript">
function jabar(){
index=1;
for(i=1;i<kab[1].length;i++) {
document.form1.opkab.options[index]=new Option(kab[1][i],i,false,false);
index++;
};
};

function jatim(){
index=1;
for(i=kab[1].length;i<kab[2].length;i++) {
document.form1.opkab.options[index]=new Option(kab[2][i],i,false,false);
index++;
};
};

function jateng(){
index=1;
for(i=kab[2].length;i<kab[3].length;i++) {
document.form1.opkab.options[index]=new Option(kab[3][i],i,false,false);
index++;
};
};

</script>

Sebenarnya intinya sih di document.form1.opkab.options[index]=new Option(kab[3][i],i,false,false);
script tersebut untuk menambahkan/merubah option dari selectnya dimana optionnya menggunkan
index dimulai dari 0 untuk namanya. sebagai contoh, pilihan pertama berarti index ke-0, pilihan
kedua index ke-1 dst.
kalau form1 kebetulan yang saya buat selectnya di dalam form yang namanya form1. Sedangkan
opkab merupakan nama selectnya.

setelah buat fungsi untuk mengelompokkan kabupaten, sekarang buat fungsi untuk mengubah2 pilihan
dari kabupaten sesuai pilihan provinsinya. Kodenya:

<script language="javascript">
function pilihan(kode){
document.form1.cmbKab.options.length=0;
document.form1.cmbKab.options[0]=new Option("--Pilih Kab/Kota--","all",true,false);

if(kode==1) jabar();
if(kode==2) jatim();
if(kode==3) jateng();
if(kode=='all') document.form1.cmbKab.options[1]=new Option("none","none",false,false);

}
</script>

Penjelasanya:
pertama, script document.form1.cmbKab.options.length=0; untuk mengeset agar isi selectnya kosong.

trus script document.form1.cmbKab.options[0]=new Option("--Pilih Kab/Kota--","all",true,false);
untuk membuat satu option dengan index 0(pilihan pertama) yang isinya "--Pilih Kab/Kota--" dan
selectednya true atau pilihan yang ditampilkan "--Pilih Kab/Kota--" bukan nama kabuoaten atau
pilihan yang lain.

script selanjutnya, pasti anda tahu gunanya khan.....

Oya, kalau segitu aja Insyaalloh gak bakal bisa jalan/ berpengaruh apa2, itu karena fungsinya juga
belum dipanggil. Pemanggilan fungsinya diletakkan di pilihan provinsi agar jika provinsi diubah,
maka di kabupaten langsung berubah juga pilihannya.
Caranya dengan menambahkan event onchange pada pilihan provinsinya dan pastikan kode untuk pilihan
provinsinya menjadi seperti ini:

<select name="cmbProv" id="cmbProv" onchange="pilihan(this.value)">

KLo sudah semuanya sekarang silahkan coba sendiri, jika masih belum bisa cek lagi scriptnya barangkali
anda atau malah saya salah mengetikkan scriptnya...

Met berkreasi dengan javascript.

Senin, 03 Maret 2008

Bikin any things transparan di HTML

Bingung mo bikin form/tombol/gambar jadi transparan di HTML, caranya gampang koq cuma butuh javascript 1 baris koq. Tapi ini berhasilnya cuma di internet explorer aja lho, klo browser yg laen gk tw tuh gmn he...
Gini caranya.
Di dalam javascript tinggal panggil aja id/name object yg mo di bikin transparan trus dlm tag.... ehm langsung contohnya aja ya...
Seumpamanya object yg mo di bwt transparan tombol namanya btnOk (kayak penamaan d vb aja)...
scriptnya gini :

document.all.btnOk.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=50)"

selain itu bisa langsung d masukkan ke tagnya koq tanpa harus pke javascipt. contohnya gini :

<input name="btnOk" style="filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=50)'" type="button" value="OK">

gampang kan....
Untuk tingkat transparansinya bisa diubah mulai dari 0 s/d 100 klo tadi contohnya 50

me vs ken

Koneksi SQL SERVER di VB .NET

Cara buat koneksi SQL SERVER di VB .NET:
1. Library yg dibutuhkan --> System.Data.SqlClient
Klo lum tau caranya sebelum Module/Class ketik Imports System.Data.SqlClient

2. Di dalam Module/Class siapkan variabel2nya
Langsung aja ketik :
Public con As SqlConnection
Public strkonek As String


3. Untuk koneksinya bisa diletakkan di dalam function/subroutine.
Caranya.... LAngsung aja ketik :
Public Sub konek()
Dim nama As String
nama = My.Computer.Name
Try
strkonek = "Data Source=" & nama & ";Initial Catalog=taspen;Integrated Security=True"
con = New SqlConnection(strkonek)
If con.State = ConnectionState.Closed Then con.Open()
Catch ex As Exception
MsgBox(ex.Message)
End Try
End Sub



Penjelasannya :
a. nama = My.Computer.Name --> mengambil nama dari komputer host/server sql untuk digunakan dalam Data Source dari strkonek,dg menggunakan cara tadi maka setiap kali pindah komputer tidak perlu merubah data sourcenya.
b. Data Source=" & nama & "; --> server dari database sql servernya.
c. Initial Catalog=taspen; --> nama databasenya, dalam contoh ini namanya taspen.
d. con = New SqlConnection(strkonek) --> menyimpan koneksi ke variabel con.
e. con.Open() --> membuka koneksi ke database.

4. Penggunaanya:
a. jika tadi pembuatan koneksinya menggunakan modul langsung aja panggil fungsinya. seperti :
Call konek()

b. jika menggunakan class jangan lupa ditambahkan nama kelasnya. Contohnya :
Call clsBahan.konek()

c. jika koneksinya dibuat pada class yang sama, tinggal memanggil nama fungsinya saja :
Call konek()