Web Sitesine Kısayol Tuşları Ekleme

Web Sitesine Kısayol Tuşları Ekleme

sola ok  Kaldırılan İçerikler

27.12.2015

1,570 Gösterim

Bu içeriği 2 dakikada okuyabilirsiniz.

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






Bu içeriği MasivaTurk.com sitesini kaynak göstererek kullanabilirsiniz. İçeriklerin; MasivaTurk.com sitesi kaynak gösterilmeden herhangi bir web sayfasında, sosyal medyada ve görsel basında yayınlanması yasaktır. Ayrıntılı bilgi için Kullanım Koşulları sayfasını okuyabilirsiniz.

27.12.2015

İçerik 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 SMTP ile Mail Gönderme (İletişim Formu) Yapımı
29.01.2016
14,615 Gösterim

Php SMTP ile Mail Gönderme (İletişim Formu) Yapımı

Php SMTP Sınıfı olan PHPMailer ile mail gönderme anlatımı - PHP İletişim Formu yapımı - PHP SMTP İletişim Formu

Tarihte Bugün Scripti Yapımı
06.06.2016
1,696 Gösterim

Tarihte Bugün Scripti Yapımı

Tarihte bugün scripti, asp, php gibi programlama dilleriyle, farklı şekillerde kodlanabilir. En basit haliyle php ile tarihte bugün kodları, scripti

Amazing Slider Yazısını Kaldırma
21.11.2015
3,637 Gösterim

Amazing Slider Yazısını Kaldırma

3 boyutlu slider uygulaması Amazing Slider'ın ücretsiz versiyonunda, slider'ın üzerinde bulunan "Amazing Slider" yazısı kaldırılamıyor. Bu konuda yazının nasıl kaldırabileceğini öğrenebilirsiniz.

Web Sitesine Kısayol Tuşları Ekleme
27.12.2015
1,570 Gösterim

Web Sitesine Kısayol Tuşları Ekleme

Sahibi olduğunuz web sitesine gelen ziyaretçilerin daha hızlı gezinebilmesi için kısayol tuşları ekleyebilirsiniz.

PHP ile TC Kimlik Numarası, Ad, Soyad, Doğum Tarihi Doğrulama
09.07.2016
5,127 Gösterim

PHP ile TC Kimlik Numarası, Ad, Soyad, Doğum Tarihi Doğrulama

Php ile tamamen yasal olarak tc kimlik numarası, isim, soyisim, doğum tarihi doğrulama

X

MasivaTurk.com içeriklerini
YouTube'dan takip edebilirsiniz.

YOUTUBE KANALIMA ÜCRETSİZ
ABONE OLMAK İÇİN TIKLA