Web Sitesine Kısayol Tuşları Ekleme

Web Sitesine Kısayol Tuşları Ekleme

sola ok  Kaldırılan İçerikler

27.12.2015

1,166 Gösterim

Web Sitesine Kısayol Tuşları Ekleme


Tarayıcı üzerinde kısayol tuşları günümüzde her geçen gün daha da ilgi görmektedir.JavaScript sayesinde siteniz üzerinde herhangi bir sayfaya gitmek için kısayol atanabilir. Bu atama, CTRL ve ALT kombinasyonları gibi birden fazla tuş içerebilir. Bu kısayol desteği siteye sık sık giren takipçilerin, site üzerinde gezinmesini kolaylaştıracaktır.

Kısayolları denemek için bu sayfa üzerinde "Alt+F1" kombinasyonu ile İletişim safyasına gidebilir veya "Home" tuşuna basarak ana sayfaya ulaşabilirsiniz.


Uygulama


"shortcut.js" isimli javascript dosyasını yükleyin. Bunun gibi uzun JavaScript dosyalarını internet üzerinden değil, kendi sunucunuz üzerinden çalıştırılması önerilir.

shortcut.js Javascript dosyasını indirmek için tıklayın.

<head> </head> taglarının arasına shortcut.js'yi(aşağıdaki kodu) ekleyin.
<script src="shortcut.js" type="text/javascript"></script>

Eğer shortcut.js dosyasını internet üzerinden çekmek istiyorsanız, yukarıdaki kod yerine aşağıdaki kodu <head> </head> taglarının arasına ekleyin.

<script src="http://www.openjs.com/scripts/events/keyboard_shortcuts/shortcut.js" type="text/javascript"></script>

Yukarıda eklediğiniz kodun hemen altına, <head> </head> içerisine aşağıdaki kodları ekleyerek kısayol konfigürasyonunu yapın.

<script language="JavaScript">
shortcut.add("Home", function() {window.location = "index.php"});
shortcut.add("F1", function() {window.location = "iletisim.php"});
shortcut.add("ALT+A", function() {window.location = "arsiv.php"});
</script>

Yukarıki kodda, kullanıcı Home tuşuna bastığında anasayfaya, F1 tuşuna bastığında iletişim sayfasına, ALT+A kombinasyonuna bastığında arşiv sayfasına gidecektir. Bu kısayol tuşlarını ve hedef sayfaları kendinize göre özelleştirebilirsiniz.


Kullanılabilecek Tuşlar


  • Tüm alfanümerik tuşlar: abc..., xyz, 01...89
  • Özel karakterler: Standart bir klavyede bulunan tüm özel karakterler geçerlidir.
  • Ö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.

Not: Eğer web sayfanız içerisinde arama kutusu, giriş veya üyelik formu gibi form öğeleri yer alıyorsa "shortcut.js" javascript dosyası sorun çıkarabilir. Mesela; '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. Kısayol tuşlarınızı belirlerken ALT veya CTRL gibi kombinasyonları kullanmanızı öneririm.

Kaynak: www.adobewordpress.com


27.12.2015

Konu hakkında soru sorabilir veya yorumda bulunabilirsiniz.

İsim
Web Site
E-Posta
Mesaj

Yorumlar (1)

  1. İsimyok

    Kullanışlı ve işe yarar bilgiler veriyorsunuz.Verdiğiniz bilgileri kullanacağım.Emeğinize sağlık.


Bu İçerikler de İlginizi Çekebilir...

PHP ve jQuery ile Anında Önizlemeli Arama Formu
20.06.2016
1,207 Gösterim

PHP ve jQuery ile Anında Önizlemeli Arama Formu

Her webmaster, sahibi olduğu siteye, Google gibi anında önizlemeli site içi arama motoru eklemek ister. Bunu PHP, jQuery kullanarak yapmak mümkündür.

jQuery - Değişen Arka Plan Kodu
21.11.2015
1,479 Gösterim

jQuery - Değişen Arka Plan Kodu

Web sitenizin arka plan görselinin belirli aralıklarla sizin belirlediğiniz görseller arasında değişmesi için gerekli olan javascript kodu.

Kopyalanan Yazıya Otomatik Kaynak Adresi Ekleme
24.04.2016
1,180 Gösterim

Kopyalanan Yazıya Otomatik Kaynak Adresi Ekleme

Kaynak belirtilmeden kopyalanan yazılara otomatik kaynak adresi eklemek için küçük bir javascript kod blogunun siteye eklenmesi yeterli olacaktır.

Üzerine Gelince Büyüyen Resimler
13.12.2015
1,736 Gösterim

Üzerine Gelince Büyüyen Resimler

Web siteleri için, mouse ile üzerine gelindiğinde büyüyen resim kodları

Görsellere Büyüteç ile Bakma
27.12.2015
1,276 Gösterim

Görsellere Büyüteç ile Bakma

Web sitenizde bulunan görsellerin üzerine gelindiğinde büyüteç efekti ile görseli görüntülemek için gereken HTML/CSS kodları.