Sekme Değişince Sayfa Başlığını Değiştirme

Bir web sayfasında gezinirken dikkatimi çekti ve nasıl yapıldığını anlatmak istedim. Kullanıcı browser da birden fazla sekmede web sayfalarında dolaşmakta. Aktif web sayfamızdan başka bir sekmeye geçildiğinde bizim web sayfamızın title başlığı otomatik olarak değişecek, bizim web sayfasına geri dönüldüğünde başka bir title görünecek.

Aşağıdaki resimlere bakarak aradaki farkı anlayalım.

Sayfamız aktifken görüntü şu şekilde

Kullanıcı farklı bir sekmeye geçtiğinde ise görünüm aşağıdaki gibi olacaktır.

Şimdi bunu JavaScript ile nasıl yapıldığına bakalım

Kodlarımız aşağıdaki gibidir ve head etiketleri arasına yazacağız.

var title = document.title;
var alttitle = "Beni Unutma :)";
window.onblur = function () { document.title = alttitle; };
window.onfocus = function () { document.title = title; };

Göründüğü gibi oldukça bisit bir kod ile bu işlemi gerçekleştirdik.

2 yorum “Sekme Değişince Sayfa Başlığını Değiştirme

Bir cevap yazın

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

Shares