Membuat Pop Up Window Message (Keterangan) Dengan Javascript

Dalam membuat Pop Up Window Message (Keterangan) perintah javascript yang saya gunakan pada artikel ini saya gabungkan menjadi satu file karena saya masih menyajikan contoh yang sederhana untuk mempermudah pemahan teman sekalian. Pada dasarnya perintah Pop Up Window Message yang muncul terbentuk dari tabel yang saya beri background gambar serta saya tambahkan Text dan Button.


Sedangkan untuk perintah Javascriptnya sendiri saya hanya mengunakan Function dari Pop Up Window yang kita buat dari Tabel dengan mengatur Visibility. Sehingga Pop Up Window Akan muncul ketika Image tertentu yang saya buat sebagai Link untuk membuka Pop Up Window Message yang ingin kita munculkan. Kurang lebih Script nya seperti di bawah ini. Anda juga dapat membuka Link Download File Contohnya yang sudah saya buat.

DOWNLOAD FILE CONTOH


Read more...

Membuat Pop Up Window Kalender Dengan Javascript

Pembuatan Pop Up Window Kalender dengan Javascript biasanya di gunakan untuk web yang membutuhkan pengisian Form yang membutuhkan Data - Data seperti tanggal lahir, tanggal booking tempat atau pengisisan data yang lainnya. Dibandingkan dengan penggunaan Combo Box biasa, kadang terjadi kesalahan dalam pemilihan data sehingga data yang terkirim pun tidak Valid atau salah. Terutama biasanya saat pemilihan tanggal pada Bulan Febuari, kadang pada Tahun - tahun tertentu Bulan febuari berbeda dengan tanggal pada bulan lain. Bulan lain bisa mencapai 31 atau 30 sedangkan Bulan Febuari hanya sampai tanggal 29 atau 28. Pada dasarnya penggunaan Pop Up Window Kalender ini untuk memudahkan kita memilih tanggal yang Valid atau tepat sehingga tidak terjadi kesalahan.

Pada Pop Up Window Kalender ini pada dasarnya di susun terdiri dari pemilihan Bulan dan Tahun yang dapat disesuaikan dengan keinginan kita. Yang dibawahnya kita dapat melihat Tanggal sesuai dengan Pada Bulan dan Tahun yang kita Pilih. Ketika kita mengklik Tanggal yang kita inginkan tanggal tersebut akan masuk ke Textbox yang sudah di sediakan. Untuk Lebih jelasnya silahkan Dowbload File Pop Up Window Kalender yang sudah saya sediakan Linknya Di bawah ini.


Download File Contoh



Read more...

KONDISI DAN PERULANGAN PROGRAM JAVASCRIPT

PERCABANGAN

Dengan pernyataan percabangan, program dapat melompat ke baris lain. Jenis-jenis percabangan dalam JavaScript yaitu :

1. Pernyataan if

Digunakan untuk menyeleksi sebuah kondisi.

Bentuk penulisan :

if(kondisi)

{

Pernyataan ;

}

2. Pernyataan if ... else

Digunakan untuk menguji sebuah kondisi, dan kemudian mengeksekusi pernyataan tertentu bila kondisi tersebut terpenuhi dan mengeksekusi pernyataan lain bila kondisi tersebut tidak terpenuhi.

Bentuk penulisan :

if(kondisi)

{

Pernyataan jika dipenuhi ;

}

else

{

Pernyataan jika tidak terpenuhi ;

}

3. Pernyataan if ... else if

Digunakan untuk menguji beberapa kondisi, dan kemudian mengeksekusi pernyataan tertentu bila kondisi tersebut terpenuhi dan mengeksekusi pernyataan lain bila kondisi tersebut tidak terpenuhi.

Bentuk penulisan :

if(kondisi)

{

Pernyataan1 ;

}

else if(kondisi2)

{

Pernyataan 2 ;

}

else

{

Pernyataan3 ;

}

4. Pernyataan switch

Digunakan untuk menyatakan percabangan majemuk.

Bentuk penulisan :

switch(x)

{

case nilai :

pernyataan ;

break;

case nilai :

pernyataan;

break;

default :

pernyataan;

Perintah break digunakan untuk mengakhiri suatu kasus (case) sedangkan default digunakan untuk meletakkan pernyataan yang harus dieksekusi jika tidak ada kasus yang terpenuhi.

PENGULANGAN

Digunakan untuk mengeksekusi pernyataan-pernyataan beberapa kali. Pernyataan yang harus diulang sering disebut kalang (loop).

1. Pernyataan for

Digunakan bila Anda sudah tahu berapa kali pengulangan akan dilakukan.

Bentuk penulisan :

for(inisialisasi_pencacah; kondisi; penambahan_pencacah)

{

pernyataan;

}

2. Pernyataan for bersarang

Digunakan untuk menuliskan pernyataan for di dalam for lain.

3. Pernyataan while

Digunakan bila Anda belum tahu pasti berapa banyak pengulangan akan dilakukan. Perulangan akan diakhiri oleh suatu kondisi. Bila kondisi sudah tidak terpenuhi maka pengulangan akan dihentikan.

Bentuk penulisan :

while(kondisi)

{

pernyataan;

}

4. Pernyataan while bersarang

Digunakan untuk menuliskan pernyataan while di dalam while lain.

5. Pernyataan do while

Digunakan bila Anda belum tahu pasti berapa banyak pengulangan akan dilakukan. Perulangan akan diakhiri oleh suatu kondisi yang diletakkan diakhir kalang. Pernyataan di dalam bentuk ini paling tidak akan dieksekusi minimal satu kali.

Bentuk penulisan :

do

{

pernyataan;

} while(kondisi)

Pernyataan break dan continue

Pernyataan break digunakan untuk menghentikan pengulangan di tengah jalan, sedangkan perintah continue digunakan untuk mengembalikan aliran program ke penguji kondisi pengulangan.

Sumber : Praktikum Pemrograman Web STI&K Jakarta

DOWNLOAD SELENGKAPNYA CONTOH SCRIPT PROGRAM JAVASCRIPT

Read more...

DASAR PEMROGRAMAN JAVASCRIPT DALAM HTML

Ada dua jenis script dalam HTML, yaitu :

JavaScript dibuat berdasarkan C++ dan dapat digunakan dalam Internet. Anda dapat menggunakan JavaScript untuk berhubungan secara interaktif dengan pengguna Internet , mengubah penampilan saat berinteraksi bahkan menyisipkan objek dalam Internet. Internet Explorer dan Netscape Navigator mendukung JavaScript.

VBScript dibuat berdasarkan Microsoft Visual Basic. Anda dapat membuat client-side script untuk berinteraksi dengan pengguna, seperti mengubah isi secara dinamis dan menyisipkan objek. Pada saat ini hanya Internet Explorer yang mendukung VBScript.

Hal-hal yang perlu dipertimbangkan dalam memilih JavaScript atau VBScript adalah :

• Jika script Anda ingin berjalan dengan baik pada Internet Explorer dan Netscape Navigator, gunakan JavaScript
• Jika Anda sudah paham mengenal Visual basic dengan baik, sebaiknya gunakan VBScript
• Untuk fleksibilitas dalam pembuatan script yang komplek untuk struktur data dan pemrograman, sebaiknya gunakan VBScript.

JAVASCRIPT dan HTML

JavaScript adalah bahasa skrip yang berbasis objek, artinya saat menuliskan kode JavaScript, Anda menggunakan objek-obek bawaan atau objek yang Anda ciptakan sendiri

Tag ini mempunyai dua atribut yaitu LANGUAGE. Program JavaScript diletakkan diantara baris komentar.

JavaScript membedakan huruf kapital dan huruf kecil. Hal ini berarti script document tidak sama dengan DOCUMENT atau Document.

VARIABEL

Variabel digunakan untuk menyimpan data. Tanpa variabel, sebuah program tidak bisa melakukan apa-apa. Pendeklarasian variabel paa JavaSript bersifat opsional. Bila Anda memberi nilai pada suatu variabel, JavaScript menganggap Anda telah mendeklarasikan variabel tersebut.

Untuk mendeklarasikan variabel secara eksplisit digunakan perintah var. Pemberian nama variabel harus mengikuti beberapa aturan tertentu, yaitu :

1. Diawali dengan huruf atau tanda garis bawah

2. Tidak boleh diawali dengan angka

3. Tidak boleh mengandung spasi

4. Tidak boleh menggunakan kata kunci JavaScript

5. Tidak boleh mempunyai beberapa nama variabel yang sama dalam satu blok

TIPE DATA

JavaScript tidak mempunyai tipe data secara eksplisit. Variabel dapat dideklarasikan tanpa menentukan tipe datanya. Ada empat macam tipe data implisit yang dimiliki oleh JavaScript, yaitu :

1. Numerik

Terdiri dari dua macam tipe numerik yaitu bilangan bulat dan bilangan real (pecahan).

Misalnya : var A=20;

var A=20.5;(deklarasi untuk bilangan real)

var A=020; (deklarasi untuk bilangan OKTAL)

var A=0x2F; (deklarasi untuk bilangan HEKSADESIMAL)

2. String

Ditulis diantara tanda petik tunggal atau tanda petik ganda

Misalnya : var A=’JavaScript’;

var A=”JavaScript”;

JavaScript mendukung beberapa karakter khusus (escape sequence) berupa :

· \b menyatakan backspace

· \f menyatakan form feed

· \n menyatakan karakter baris baru

· \r menyatakan carriage return

· \t menyatakan tab

3. Boolean

Tipe ini hanya bernilai TRUE atau FALSE. Tipe ini biasanya digunakan untuk pengecekan suatu kondisi.

Misalnya : var B=(A<100);

Jika A=50 maka B=True

4. Null

Digunakan untuk merepresentasikan variabel yang tidak diinisialisasi.

OPERATOR

Jenis-jenis operator pada JavaScript, yaitu :

1. Aritmetik

Terdiri dari operator aritmetik tunggal (unary) dan operator aritmetik binari (binary).

2. Pemberian Nilai

Digunakan bila Anda ingin memberi nilai atau mengubah nilai suatu operand.

3. Pemanipulasi BIT

Operasi ini berhubungan dengan pemanipulasian bit pada operan bertipe bilangan bulat.

4. Pembanding

Digunakan untuk membandingkan dua buah operand. Operand yang dikenai operator ini dapat bertipe string, numerik maupun ekspresi lain. Operator ini akan menghasilkan nilai TRUE atau FALSE.

5. Logika

Operator ini digunakan untuk mengoperasikan operan yang bertipe boolean dan menghasilkan nilai TRUE atau FALSE.

6. String

Digunakan untuk menggabungkan beberapa string menjadi sebuah string yang lebih panjang. Simbol untuk oprator ini sama dengan oprator penjumlahan (+).

Sumber : Praktikum Pemrograman Web STI&K Jakarta

DOWNLOAD SELENGKAPNYA DENGAN CONTOH SCRIPT

Read more...