«

»

May 25

Javascript ve Jquery Kullanarak Sitenize Tam Ekran ( F11 ) Butonu Ekleyin


Bu işlemi yapmak için aşağıda vereceğim kodları sırasıyla uygulayın. Kodlar ile ilgili gerekli açıklamaları da yeri geldiğince yapacağım. Amacımız butona tıkladığımızda sayfamızın tam ekran açılmasını sağlamak. Yani F11’e benzer bir özellik.

Bu arada yeri gelmişken hemen belirteyim. Kodlar Safari, Chrome ve Firefox‘ta çalışmaktadır. Şu anda Linux kullandığım için Safari ve IE kullanma imkanım olmadı. Opera‘da bu özellik çalışmıyor. Chrome ve Firefox’ta istediğim sonucu aldım.

İlk önce sitenizin <head></head>  etiketleri arasına aşağıdaki kodu girin. Bu kod sayesinde sitenizde jquery çalışacak.

Ardından aşağıdaki kodu </body> etiketinin üstüne ekleyin. Yani body etiketinin arasında ve sonunda olacak.

Yukarıda verdiğim kod içerisindeki Türkçe yazılmış yazıları kendi isteğinize göre değiştirebilirsiniz. Bu yazılar, tam ekran butonunu kullanmak isteyen kişilere uyarı olarak çıkacak. Biraz kurcalarsanız ne olduğunu anlarsınız.

Şimdi de son olarak butonumuzu ve yazımızın olduğu kodu ekleyelim.

Hepsi bu kadar.

Kodlar John Dyer’s Code sitesinden alınmıştır.

Yazar hakkında

Polat Büyükarslan

Amacım, siteyi açtıktan sonra başladığım GNU/Linux dağıtımlarına olan ilgim ve bilgilerimi bu site üzerinden paylaşmak, bununla birlikte, yılların verdiği birikimle Windows ile ilgili yazılara da sıkça yer verip siteye gelen kişileri bilgilendirmek. Umarım sitede aradığınızı bulmuşsunuzdur. Her türlü sorununuzda iletişim sayfasından bana ulaşabilirsiniz. Elimden geldiğince yardımcı olmaya çalışırım.

Yorumu formunu geç

  1. Mesut Dursun

    Kaliteli bir yazı olmuş şimdi deniyeceğim.Sağolun.

    [Cevapla]

    P_Buyukarslan Yanıtladı:

    Teşekkür ederim. Umarım işinize yarar.

    [Cevapla]

    P_Buyukarslan Yanıtladı:

    Teşekkür ederim. Umarım işinize yarar.

    [Cevapla]

  2. den

    en sondaki kod bozuk galiba çalışmadı

    [Cevapla]

    P_Buyukarslan Yanıtladı:

    Eklentilerden birini kaldırdığım için sondaki kod çalışmıyormuş. Kodu düzelttim. Uyardığınız için teşekkür ederim.

    [Cevapla]

    P_Buyukarslan Yanıtladı:

    Eklentilerden birini kaldırdığım için sondaki kod çalışmıyormuş. Kodu düzelttim. Uyardığınız için teşekkür ederim.

    [Cevapla]

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Önceki yazıyı okuyun:
Alexa’da Yükselmek Gerçekten Önemli Mi ?

Kendi deneyimlerinden yola çıkarak şunu kesin bir şekilde söyleyebilirim ki HAYIR!. Herkes bir Alexa'dır tutturmuş gidiyor. Alexa ile yatıp Alexa...

Kapat