Shortcut APP

Setelah 3 hari tidak posting sesuatu karena bingung mau posting apa, akhirnya saya menemukan ide untuk membagikan ilmu yang saya punya. Yah walaupun sedikit tapi saya harap dapat berguna untuk kalian. Kalian tahu shortcut kan? ituloh jalan pintas, jadi dengan shortcut ini anda bisa lebih mudah membuka menu yang anda inginkan tapi ini adalah web base jadi bukan untuk aplikasi desktop, mengingat saya hanya bisa sedikit tentang website dan lebih sedikit lagi di desktop.

Seperti facebook yang sudah memiliki shortcut memberikan kalian kemudahan dalam mengoperasikan facebook, itupun jika kalian tahu shortcutnya dan sering menggunakannya. Saya tidak membahas shortcutnya facebook tapi saya kasih tau cara membuatnya, untuk kali ini saya gunakan library JQuery agar lebih mudah di pahami. Berikut source codenya :

HTML
<span id="x">No Status</span>

JS
$(document).keydown(function(e){
	var keys = e.keyCode ? e.keyCode : e.which;
	if(keys == 13 && e.ctrlKey){
		$("#x").html("run - "+keys);
		return false;
	}else if(keys == 83 && e.ctrlKey){
		$("#x").html("save - "+keys);
		return false;
	}
	$("#x").html(keys);
});

Untuk html itu hanya penampung kode tombol yang anda tekan. Sedangkan untuk JS nya lah yang utama dari semuanya. $(document).keydown adalah fungsi untuk menjalankan function(e) ketika tombol di tekan. e.ctrlKey akan mengembalikan nilai true jika tombol CTRL anda tekan dan kode 13 adalah tombol enter. Jadi intinya jika kalian menekan tombol CTRL + ENTER maka akan menjalankan code di bawahnya. Begitu juga dengan else if di bawahnya, kode 83 adalah tombol "S" pada keyboard. Tapi inget ya saya menggunakan library JQuery jika anda tidak bisa mengoperasikannya mungkin anda belum memasukkan library tersebut. Males bikin sendiri? saya sudah menyiapkannya secara online http://ljs.almsware.net/keyevent/ tinggal coba di result saja kok, jika ingin merubah source codenya silahkan kemudian anda tekan CTRL + ENTER atau kllik tombol RUN di header untuk melihat hasil yang telah anda rubah.

Selamat Malam dan Salam Hangat.

By : L Shaf

Komentar

  1. Unknown18 Mei 2013 pukul 05.15

    nice artikel gan.. keep walking

    BalasHapus
  2. Nurmayanti Zain18 Mei 2013 pukul 21.39

    L keren ya, jago pemrograman html.

    BalasHapus
    Balasan
    1. XID Project18 Mei 2013 pukul 21.43

      tidak juga kok. saya masih belajar dan belum tau banyak ^_^.

      dan terima kasih atas kunjungannya :)

      Hapus
  3. Helmi H20 Mei 2013 pukul 20.05

    mantap templatenya, dapat di mana nih??
    btw dah saya follbek ya :D
    from
    www.ruang-unduh.blogspot.com

    mari saling komen sesama blogger :D

    BalasHapus
    Balasan
    1. XID Project20 Mei 2013 pukul 20.33

      ok saya dapet ambil punya orang gan :D
      thanks udah follow

      Hapus

Posting Komentar

Postingan populer dari blog ini

Mind Breaker

Gambar
Mind breaker. Itu adalah teknik yang saya buat dan saya kasih nama sendiri, mungkin teknik ini sudah di temukan orang lain akan tetapi mungkin juga belum di publikasikan. Saya juga tidak tau kalau ada orang yang pernah publish tentang teknik ini, tapi yang jelas ini tekni saya sendiri. Dan kenapa kok itu gambarnya tentang JOMBLO?? Itu adalah tema yang akan saya perdebatkan dan akan saya tunjukkan bagaimana Mind Breaker bekerja pada kalian. Perlu di ingat, teknik ini tidak bekerja pada semua orang yang jelas. Hanya beberapa orang saja yang terkena. Oke langsung saya mulai saja dengan gambar seperti di atas ada seseorang yang berkomentar seperti ini : suatu saat ada pasti ada waktunya kok, di umur segini pacaran pasti buat have fun aja kalo bilang buat jodoh sih aduh masih jauh neng/mas *bangga jadi jomblo*  sebelum saya lanjutkan, apa kalian sudah memahami gambar di atas, mengapa penulis menulis seperti itu? untuk siapa tulisan itu di tunjukkan dan untuk apa tulisan itu di buat...
Baca selengkapnya

Menampilkan Jam Server dengan Javascript dan PHP

Gambar
yo kawan-kawan blogger semua. Gimana nih kabarnya?? pasti baik dong :D. oke kali ini saya akan berbagi ilmu tentang javascript nih. Terkadang orang bingung untuk menampilkan jam server padahal itu sangat gampang "BAGI YANG SUDAH TAHU" :D. oke langsung saja deh untuk kali ini lagi ga mood buat basa basi jadi langsung ke coding aja ya : <?php date_default_timezone_set("Asia/Jakarta"); #buat setting jam server indonesia ?> <div id="x"></div> <script> jamS = new Date("<?= date("Y m d H:i:s") ?>"); jamL = new Date(); jamD = jamS - jamL; function show(){ jam = new Date(); jam.setMilliseconds(jam.getMilliseconds() - jamD); h = (jam.getHours() < 10) ? "0"+jam.getHours() : jam.getHours(); i = (jam.getMinutes() < 10) ? "0"+jam.getMinutes() : jam.getMinutes(); s = (jam.getSeconds() < 10) ? "0"+jam.getSeconds() : jam.getSeconds(); document.getElementById(...
Baca selengkapnya

数字言語 [Suuji Gengo]

halo kawan-kawan blogger. judulnya satu ini aneh ya menurut kalian yang bukan otaku atau yang baru tau. sebenarnya bahasa ini saya dapatkan ketika saya penasaran dengan bahasa yang digunakan oleh salah satu anime yang berjudul Medaka Box Abnormal / Season 2nya Medaka Box. awalnya saya penasaran banget sama salah satu characternya. dia berbicara menggunakan angka. akhirnya saya menyelidikinya sampai ke akarnya dengan cara membuka biodatanya di wikia trus nemu tuh katanya Bahasa Matematika (Suuji Gengo). nah langsung saya jelasin aja ya cara pakainya gmn sih??? jujur saya sendiri baru baca jadi ngerti sedikit dan klo agan2 tahu klo ane bikin salah atau apa bilang aja ya. kita saling share. nah aturannya bahasa ini hanya pke angka berikut : Rumus 1 l n sh ch j z d t ts m 1 2 3 4 5 6 7 8 9 0 Rumus 2 u o a e i iu io ia ie ai 1 2 3 4 5 6 7 8 9 0 Rumus 3 b r f v g k h p s 88 99 77 55 66 44 22 00 33 pasti agak bingung ya klo cuman liat itu aja?? jujur ane juga bingung pemakai...
Baca selengkapnya