Web sayfanıza kısayol tuşları ekleyin!

Vatanay Özbeyli Diğer Konular & İpuçları

ShortcutZiyaretçilerinizin sitenizde daha hızlı hareket edebilmeleri için kısayol tuşları atamaya ne dersiniz?

JavaScript desteği ile web sayfanız üzerinden herhangi bir köprü bağlantısına kısayol atayabilirsiniz. Sadece A, S, D, F gibi harfleri değil, CTRL ve ALT kombinasyonlarını da kullanabilirsiniz. Bu kısayol desteği müdavimlerinizin sayfanızı dolaşmasını kolaylaştıracaktır.

Detayları için makalemizin devamına göz atın.

ÖRNEĞİ GÖRÜNTÜLE

Hint yazılımcı Binny V A tarafından geliştirilen tarayıcı da kısayol sistemi günümüzde her geçen gün daha da popülerleşiyor. Aynı işlevi gören bir diğer yazılım da Google tarafından elektronik posta gibi önemli sistemlerinde kullanılıyor.

Binny’nin bu yazılımıyla tanışmamız da geliştirmekte olduğumuz Karadiyar isimli oyun sayesinde oldu. Web tabanlı oyunlarda, oyuncuya hız kazandırmak için kısayol tuşları sizce de iyi bir hamle değil mi?

Şimdi biraz işin teknik kısmına değinelim ve yazılımın nasıl çalıştığını inceleyelim.

Nasıl yapılır?

Öncelikle shortcut.js isimli dosyayı yükleyerek başlamalısınız. Bu tarz uzun JavaScript dosyalarının karşı sunucudan değil, kendi sunucunuzdan çalıştırmanızı öneririz.

İlk olarak <head></head> alanına shortcut.js’yi ekleyerek başlayalım.

<script src="shortcut.js" type="text/javascript"></script>

Hemen altına, yine <head></head> içerisine alttaki kodları ekleyerek kısayol konfigürasyonumuzu yapıyoruz.

<script language="JavaScript">
shortcut.add("Home",function() {window.location = "Anasayfa.php"});
shortcut.add("F1",function() {window.location = "Yardim.php"});
shortcut.add("Alt+R",function() {window.location = "Reklam.php"});
</script>

Yani kullanıcı Home tuşuna bastığında anasayfaya, F1’e bastığında yardım sayfasına, ALT+R kombinasyonuna bastığında ise reklam sayfasına iletilecek.

Hangi tuşlar kullanılabilir?

  • Tüm alfanümerik tuşlar – abc…xyz,01..89
  • Özel karakterler – Standart bir klavyede bulunan tüm özel karakterler
  • Özel tuşlar
    • Tab
    • Space
    • Return
    • Enter
    • Backspace
    • Scroll_lock
    • Caps_lock
    • Num_lock
    • Pause
    • Insert
    • Home
    • Delete
    • End
    • Page_up
    • Page_down
    • Left
    • Up
    • Right
    • Down
    • F1
    • F2
    • F3
    • F4
    • F5
    • F6
    • F7
    • F8
    • F9
    • F10
    • F11
    • F12

Tuşlar büyük/küçük harf uyumunu önemsemez.

Bu da ilginizi çekebilir  Sadece CSS ile Göster/Gizle Buttonu

Dikkat

Eğer web sayfanız içerisinde arama kutusu, giriş veya üyelik gibi form öğeleri varsa shortcut.js canınızı sıkabilir. Örneğin ‘A’ harfiyle yaptığımız bir kısayol konfigürasyonu kullanıcının form öğesine ‘A’ harfini yazmasıyla işlemektedir. Böylece istenmeyen yönlendirmeler meydana gelebilir. Dolayısıyla kısayol tuşlarınızı belirlerken ALT veya CTRL gibi kombinasyonları kullanmanızı öneririz.