Posts Tagged ‘Javascript’

Konami Code, kira-kira demikianlah teknik ini disebut, Konami Code di jepang lebih dikenal dengan nama Konami Commands, yang merupakan Cheat kode yang banyak digunakan pada Video Game Konami (Play Stations) dan beberapa Video Games Non-Konami sendiri.  Pada saat ini Konami Code mulai banyak di terapkan pada dunia web, dengan mengimplementasikanya pada sebuah javascript sebagai sebuah event yang digunakan untuk menjalankan prosedure atau fungsi-fungsi tertentu yang telah dibuat sebelumnya.

AJaX atau Asynchronous JavaScript and XMLHTTP, merupakan suatu teknik pemrograman berbasis web untuk menciptakan sebuah aplikasi web yang lebih interaktif. Tujuan dari penggunaan AJaX adalah untuk mengakomodasikan sebagian besar interaksi dan transaksi yang terjadi antara Web Browser dengan Web Server secara Background, sehingga sebuah halaman web tidak harus dibaca ulang secara keseluruhan setiap kali terjadi transaksi. Hal ini akan meningkatkan interaktivitas, kecepatan, dan usability dari sebuah aplikasi web.

Dengan menggunakan sebuah javascript kita dapat menampilkan sebuah interaktif Jigsaw Puzzle pada halaman web, seperti pada foto kota Bandar Lampung disamping. Script library yang digunakan adalah snapfit.js yang dapat diperoleh secara gratis di situs resminya NetzGesta.de. Script ini memungkinkan kita untuk menambahkan fungsi Jigsaw Puzzle kedalam sebuah halaman web dan dapat bekerja optimal pada web browser seperti Mozilla Firefox 1.5+, Opera 9+, IE 6+ dan Safari. Namun kemungkinan script ini tidak akan menampilkan apapun pada browser yang lain.

Berdasarkan referensi dari huddletogether.com, Lightbox JS adalah sebuah skrip sederhana yang dapat digunakan untuk meng-overlay sebuah gambar untuk dapat ditampilkan pada sebuah halaman web, dan dapat bekerja pada hampir semua jenis browser modern.

Cara penggunaanya pun sangatlah sederhana, yaitu dengan melampirkan script tersebut beserta Stylesheetnya pada sebuah halaman web, kemudian mengatur sebuah link ke gambar yang dituju, dengan memberikan attribut rel yang bernilai “lightbox” pada tag link tersebut. Berikut contoh penggunaan dari script tersebut pada sebuah halaman web.