Membuat shotcut action halaman web dengan jquery - Halo sobat Blog Download Source Code Terlengkap Gratis, Pada kesempatan kali ini, saya akan membahas artikel tentang Membuat shotcut action halaman web dengan jquery Artikel Jquery, Semoga artikel yang saya buat bermanfaat. Selamat membaca!.

Judul : Membuat shotcut action halaman web dengan jquery
link : Membuat shotcut action halaman web dengan jquery

Membuat shotcut action halaman web dengan jquery

Assalamaulaikum wrb.wb

sampai jumpa kembali sahabat" blogger tentunya yang ingin belajar web
di postingan ini akan membahas mengenai pemrogaman jquery
ok langsung saja gk usah banyak" ngobrolnya , yang penting ilmunya masuk gitu aja

untuk memulai menggunakan jquery tentunya anda harus mempunya source JQUery nya .
download di Sini
dan yang kedua download jquery.shortcuts.min.js

jika kedua file sudah di download kita lanjutkan ke coding ok ?
pelan-pelan saja

Contoh.html

<html>
  <head>
   <title>jQuery Validation</title>
   <script src="jquery.js"></script>
   <script src="jquery.shortcuts.min.js"></script>

   <script>
   $.Shortcuts.add({
    type: 'down',
    mask: 'P',
    handler: function() {
        window.print();
    }
   }).start();
   </script>

   <script>
   $.Shortcuts.add({
    type: 'down',
    mask: 'CTRL+G',
    handler: function() {
        window.open('http://www.google.com', '_self');
    }
    }).start();
   </script>

   <script>
   $.Shortcuts.add({
    type: 'down',
    mask: 'ALT+R',
    handler: function() {
        window.open('http://3jar.blogspot.com', '_blank');
    }
   }).start();
   </script>

   <script>
   $.Shortcuts.add({
    type: 'down',
    mask: 'F8',
    handler: function() {
        document.getElementById('title').innerHTML="Hallo";
    }
   }).start();
   </script>

   <script>
   $.Shortcuts.add({
    type: 'down',
    mask: 'F9',
    handler: function() {
        document.getElementById('title').innerHTML="Contoh Shortcut Action";
    }
   }).start();
   </script>

  </head>
  <body>
    <h1 id="title">Contoh Shortcut Action</h1>
    <ol>
       <li>Cetak Halaman (P)</li>
       <li>Buka Situs Google (CTRL+G)</li>
       <li>Buka blog 3jar blogspot com di window baru (ALT+R)</li>
       <li>Ubah title menjadi 'Hallo' (F8)</li>
       <li>Ubah title menjadi 'Contoh Shortcut Action' (F9)</li>
    </ol>
  </body>
</html>

jquery di atas bisa di tambahkan ,
hnya menambah kode seperti ini lagi

Contoh = >

<script>
    $.Shortcuts.add({
    type: 'down',
    mask: 'CTRL+G',
    handler: function() {
        window.open('http://www.google.com', '_self');
    }
    }).start();
</script>

OK sudah selesai , semoga manfaat bagi anda yang sedang belajar pemrograman web
Wassalamualaikum wr.wb

Demikianlah Artikel Membuat shotcut action halaman web dengan jquery

Sekianlah artikel Membuat shotcut action halaman web dengan jquery kali ini, mudah-mudahan bisa memberikan manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel berikutnya.

Anda sekarang membaca artikel Membuat shotcut action halaman web dengan jquery dengan alamat link https://lapak-code.blogspot.com/2013/07/membuat-shotcut-action-halaman-web.html