Category “Javascript”

Membuat Chart dengan HighCharts

Posted on Saturday, March 2nd, 2013, by Muhammad Fahmi Al Azhar

pie chart

Selain lebih enak dilihat, menampilkan data berupa grafik membuat data menjadi lebih mudah dibaca. Dengan menggunakan pula grafik seseorang akan lebih mudah mengambil kesimpulan dari data yang disajikan. Dalam hal menampilkan grafik atau chart melalui website atau halaman html, banyak library yang dapat digunakan untuk menampilkan grafik tersebut, salah satunya adalah Highcharts. Anda dapat mengunjungi… Continue Reading


Membuat Validasi Form Tidak Boleh Kosong Javascript

Posted on Thursday, January 31st, 2013, by Muhammad Fahmi Al Azhar

validasi form tidak boleh kosong

Melanjutkan post membuat insert database php, kali ini kita akan menambahkan validasi form dari field yang harus diisi oleh user. Validasi ini penting, karena mencegah user melakukan kesalahan ketika mengisi form yang kita sediakan, sehingga kesalahan isian oleh user dapat diminimalisir. Intinya adalah form tersebut harus diisi oleh user secara lengkap dan tidak boleh ada… Continue Reading


Menampilkan Jam di Website Menggunakan Javascript

Posted on Friday, January 4th, 2013, by Muhammad Fahmi Al Azhar

macam macam cara membuat javascript alert tutorial

Beberapa website selalu menampilkan jam di homepage mereka sehingga seorang user dapat mengetahui dengan mudah waktu yang sedang berjalan saat ini. Jika anda ingin menambahkan jam di website anda, salah satu cara alternatif untuk menampilkannya adalah dengan menggunakan Javascript. Anda dapat mengikuti source berikut ini untuk menampilkan jam pada blog atau website anda. Caranya, anda… Continue Reading


Macam-macam Jenis Javascript Alert

Posted on Friday, January 4th, 2013, by Muhammad Fahmi Al Azhar

macam macam cara membuat javascript alert tutorial

Ketika memasuki suatu blog tertentu, seringkali muncul kotak peringatan yang menyapa kita. Biasanya peringatan tersebut tertulis: Selamat Datang di Website. Kadangkala ketika kita hendak menutup halaman web alert javascript juga muncul dan berkata: apakah anda ingin meninggakan situs ini dan sebagainya. Yang perlu kita ketahui adalah, peringatan tersebut dibuat dengan menggunakan Javascript. Dengan menggunakan Javascript,… Continue Reading


Input Value Otomatis Menggunakan Javascript

Posted on Wednesday, December 26th, 2012, by Muhammad Fahmi Al Azhar

menggunakan javascript untuk input text field secara otomatis

Auto complete – Kita dapat menggunakan Javascript untuk melakukan input secara otomatis pada sebuah text field.¬†Anda dapat mencoba source code di bawah ini, menyimpannya pada sebuah file html kemudian menjalankannya. input.html <html> <head> <title>Input Otomatis Menggunakan Javascript</title> </head> <body> <input id="input_otomatis" size="35"/> <script type="text/javascript"> var input = document.getElementById('input_otomatis'); var type_this = "Kata-kata ini terisi secara… Continue Reading


Validasi Form Menggunakan Javascript

Posted on Friday, December 14th, 2012, by Muhammad Fahmi Al Azhar

Tutorial form validasi dengan menggunakan javascript

Validasi adalah hal yang penting di dalam sebuah aplikasi, terutama ketika mengharuskan user untuk menginput suatu nilai ke dalam aplikasi tersebut. Salah satu contoh validasi dapat anda temui pada form biodata di sebuah website. Untuk mengisi form biodata, user harus diarahkan agar tidak melakukan kesalahan dalam melakukan input data. Jika form tersebut menggunakan platform web,… Continue Reading


4 Cara Redirect URL Menggunakan Javascript

Posted on Thursday, December 13th, 2012, by Muhammad Fahmi Al Azhar

tutorial redirect URL dengan menggunakan javascript

Untuk melakukan redirect secara otomatis pada halaman web, anda dapat menggunakan Javascript. Ada banyak cara untuk melakukannya. Di bawah ini saya memberikan 4 cara untuk melakukan redirect. Untuk contoh pertama saya sertakan source code html lengkap. Source lengkap, cara pertama <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Javascript Redirect</title> <script language="javascript" type="text/javascript"> window.location.href="http://azuharu.net"; </script>… Continue Reading