Bazı sayfalarda sekme değiştiğinde başlıkların; “bizi unutma”, “geri gel” gibi değiştiğini görüyoruz. Bunun nasıl yapıldığını ele alacağız. Daha önce hiç görmemiş arkadaşlar bu diyetisyen sitesine girip başka sekmeye geçerek başlıkta ki değişikliği inceleyin.
Bunu yapmanın 2 yolu var,
- Özel javascript kütüphaneleri kullanmak. Bu size sayfanın ikonunu da değiştirebilmenizi sağlar. Bence gerksizdir. En azından o sayfanın sizin sayfanız olduğuna dair bir belirti kalmalı.
- Sayfanın en altına javascript kodu yazmak.
Diyetisyen sitesinde gördüğünüz değişimin kodları aşağıdaki gibidir. Sayfanın </body> tagı kapanmadan önce yerleştirmeniz yada document ready fonksiyonunun içinde olması yeterlidir. Hafızasında kaç kere çıktığını tutarak ona göre yazı çıkarsın istedim. Bu tarz daha da geliştirilip random yazılar da getirilebilir.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
$(function () { var pageTitle = $("title").text(); var kacKere=0; $(window).blur(function () { kacKere++; if(kacKere==1) $("title").text("Niye gittin.."); else if(kacKere==2) $("title").text("Geri gel :("); else if(kacKere==3) $("title").text("Gelsene :("); else if(kacKere==4) $("title").text("Küserim bak :("); else if(kacKere>4) $("title").text("Küstüm -_-"); }); $(window).focus(function () { $("title").text(pageTitle); if(kacKere>4) $("title").text(":))) "+pageTitle); }); }); |
Ya da beni yormayın diyenlere özel basit versiyonu: 🙂
|
1 2 3 4 5 6 |
<script type="text/javascript"> var title = document.title; var alttitle = "Buraya gelir misin lütfen"; window.onblur = function () { document.title = alttitle; }; window.onfocus = function () { document.title = title; }; </script> |
Makalenden faydalandık. MaşaAllah. Teşekkürler kardeşim. Başarı ve kolaylıklar diliyorum.
Kodun kısa olanını > insanı yormayan olanı 🙂 < kullanıyorum şuan paylaşımınız sayesinde teşekkürler
teşekkür ederim hocam.