Membuat PopUp dengan CSS3 Murni

Dalam pembuatan suatu web aplikasi kita sering sekali menggunakan popup / modal dalam menyampaikan informasi misalnya menampilkan informasi keberhasilan dalam menginput data, pengisian form untuk guest book, menampilkan informasi about me atau bisa juga digunakan dalam pencarian data. Pada artikel...

Baca Selengkapnya »

Membuat Validasi Form Dengan JQuery (2)

Pada artikel sebelumnya pernah di bahas bagaimana menerapkan validasi form menggunakan JQuery tetapi hanya dibahas beberapa aturan / rule seperti penulisan email, text harus diisi dan inputan hanya boleh angka. Pada artikel ini akan dibahas lebih banyak aturan / rule validasi nya seperti berikut,  Inputan...

Baca Selengkapnya »

Membuat Validasi Form Dengan JQuery

Validasi form pada web aplikasi merupakan hal yang wajid dilakukan untuk melakukan pengecekan data yang diinputkan oleh user. Jika data yang diinputkan user tersebut sudah sesuai maka akan diproses untuk disimpan di database sedangkan jika terjadi kesalahan penginputan maka data tersebut tidak akan...

Baca Selengkapnya »

Menampilkan Pilihan Bulan dan Tahun (Dropdown) Dan Menentukan Range Tahun Pada JQuery UI Datepicker

Pada artikel sebelumnya sudah dibahas mengenai penggunaan datepicker dalam membantu pembuatan aplikasi web terutama dalam penulisan tanggal. Pada artikel ini akan dibahas bagaimana cara memilih tahun dan bulan dengan lebih mudah seperti pada saat kita...

Baca Selengkapnya »

Membuat Input Tanggal Pada Textbox Menggunakan JQuery UI Datepicker

Dalam membuat sebuah aplikasi terkadang kita membuat inputan untuk tanggal misalnya tanggal lahir atau tanggal invoice, dan pada proses penginputan data tanggal tersebut kita sering mengalami kesalahan terutama dalam penulisan format tanggal, oleh karena...

Baca Selengkapnya »

Membuat Efek Show dan Hide Dengan JQuery Toggle

JQuery Toggle digunakan untuk membuat efek show() dan hide() yang tidak lain adalah untuk menampilkan dan menyembunyikan elemen dengan menggunakan metode toggle(). Syntax yang di gunakan seperti dibawah ini: $(selector).toggle(speed,easing,callback) Agar bisa lebih mudah dalam memahami penggunaan...

Baca Selengkapnya »

Mengenal Beberapa Event Pada Javascript : .onClick, .onLoad, onMouseOver dan onMouseOut

Event adalah suatu aksi yang dilakukan oleh pemakai yang memicu jalannya kode JavaScript yang sudah dibuat. Sebagian besar event dipicu oleh pemakai yang memanipulasi halaman web pada program browsernya , misalnya jika suatu tombol di klik maka akan...

Baca Selengkapnya »

Cara Mengetahui Kesalahan Pada Javascript Menggunakan Fasilitas Browser

Pada saat kita membuat script javascript di aplikasi web terkadang hasilnya tidak sesuai dengan apa yang kita inginkan, ini diakibatkan oleh pembuatan script yang tidak sempurna atau terjadi kesalahan. Hal semacam ini terkadang membuat kita sulit untuk...

Baca Selengkapnya »

Selector JQuery

Berikut syntak dasar dari JQuery, $(selector).action() Tanda dollar ($), mendefinisikan JQuery Selector, merupakan element HTML Action(), merupakan aksi yang diberikan untuk elemen HTML tersebut. Berikut contoh penggunaan JQuery, $(this).hide() //menyembunyikan element ini $("p").hide() //menyembunyikan...

Baca Selengkapnya »

Membuat Table Zebra Dengan CSS

Dalam membuat sebuah tabel kita biasanya menginginkan baris di table seperti zebra yaitu warna background baris genap dan ganjil berbeda. Hal ini dilakukan supaya memudahkan orang dalam membaca tiap baris dari table tersebut. Berikut saya akan jelaskan membuat table zebra dengan menggunakan style...

Baca Selengkapnya »

Membuat Tab Dengan JQuery UI

Berikut saya akan jelaskan mengenai pembuatan Tab pada sebuah web dengan menggunakan JQuery UI. Pada pembuatan tab ini anda terlebih dahulu harus menyiapkan file .js dari JQuery UI diantaranya jquery.js, jquery-ui.js dan style dari JQuery UI yaitu jquery-ui.css. File tersebut bisa didapatkan dengan...

Baca Selengkapnya »

.removeClass dan .addClass() Pada JQuery

.removeClass, digunakan untuk menghapus nama class pada tag HTML. Perintah ini dapat digunakan pada satu tag HTML maupun semua tag yang memiliki nama class yang sama. Misalnya kita akan menghapus nama class 'myClass' pada tag <p> HTML <p class="myClass">Ini Paragraph Yang akan di hapus...

Baca Selengkapnya »

Style CSS Untuk Menghilangkan Garis Bintik-bintik Jejak Link

Pada saat kita membuat sebuah link dan ketika link yang kita buat tersebut di klik selalu meninggalkan jejak berupa garis bintik-bintik seperti border dotted. Untuk menghilangkan jejak tersebut sangatlah mudah cukup menambahkan style CSS sebagai berikut : a:active{   text-decoration:none;  ...

Baca Selengkapnya »

.parent(), .parents() dan .children() pada JQuery

.parent() digunakan untuk menyeleksi elemen induk terdekat.  .parents() digunakan untuk menyeleksi elemen induk pada level tertentu.  .children() digunakan untuk menyeleksi anak elemen terdekat.Kita mulai dengan .parent(). Misalnya kita mempunyai list seperti ini: ...

Baca Selengkapnya »