JavaScript ile Cookie (Çerez) Kullanımı

javascript cookie çerez kullanımı Cookieleri sık kullanıdığımız sayfalarda cookie oluşturmak ve okumak için Javascript fonksiyonu tanımlamak yararlı olur.
Aşağıda setCookie ve getCookie tanımlanmıştır. setCookie sırasıyla cookie ismi, cookie’nin değeri ve ne kadar süre saklanacağı parametrelerini almaktadır.

 
 
 


<script type="text/javascript" charset="utf-8">
function setCookie(name, value, days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        var expires = "; expires=" + date.toGMTString();
    }
    else var expires = "";
    document.cookie = name + "=" + value + expires + "; path=/";
}

function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
}
</script>

 
Sonrasında bu fonksiyonları kullanarak cookie’mizi okuyalım ve alert ile ekrana yazdıralım, eğer bulamazsak cookie oluşturalım.


<script type="text/javascript" charset="utf-8">
    var cerez1Deger = getCookie("cerez1");

    if (cerez1Deger == null) {       
        setCookie("cerez1", "deger", 1);
    }
    else{
    alert("Çerez bulundu:"+cerez1Deger);
    }
</script>
Reklamlar

Firefox Yeni Sekmede Açılacak Sayfanın Ayarlanması

Mozilla firefox yeni sekmede açma

Bildiğimiz gibi webde gezinirken, ordan burda fışkıran sayfalar, linkler derken biranda zararlı yazılımlar  tarayıcılarımızı ele geçirip açılış sayfalarını  değiştiriyorlar.
Genellikle tarayıcınızın seçenekler bölümünden bu sayfaları değiştirebiliyoruz. Ancak firefox için  yeni sekmede açılacak sayfası seçeneklerden ayarlanamıyor.
Bu ayarı aşağıdaki yolu izleyerek yapabiliriz.

-Adres çubuğumuza about:config yazıp entere basıyoruz.
-Açılan pencerede sorulan soruya onaylıyorum diyoruz.
-Karşınıza gelen ayar listesinde yukarıdaki arama kutusunda “newtab” yazıp aratıyoruz.
-browser.newtab.url’in “Değer” kısmını açılmasını istediğiz sayfayla değiştiriyoruz.

Javascript ile Tarayıcı Belirleme

tarayıcılarJavascript kullanarak kullanıcının hangi tarayıcıyı kullandığını belirleyebilirsiniz.

Aşağıdaki kod ile Internet  Explorer, Firefox, Chrome ve Yandex tarayıcıları ayırt edebilirsiniz.

Dilerseniz kendiniz diğer tarayıcıları da ekleyebilirsiniz


<script type="text/javascript">

var browser= "Belirsiz";

if(navigator.appName=="Microsoft Internet Explorer")
{
browser="ie";
}
else if(navigator.userAgent.toLowerCase().indexOf('yabrowser') > -1){
browser="yandex";
}
else if(navigator.userAgent.toLowerCase().indexOf('chrome') > -1){
browser="chrome";
}
else if(navigator.userAgent.toLowerCase().indexOf('firefox') > -1){
browser="firefox";
}
alert("Tarayıcınız: "+browser);

</script>

Sayfalarımıza Favicon Eklemek

Tarayıcıda sayfa tablarının sağında gördüğümüz küçük resimlere favicon diyoruz. Bunları siz de sayfalarınıza ekleyebilirsiniz.

Faviconlar genellikle .ico uzantılı resim dosyalarıdır. Ancak güncel tarayıcılar .gif ve .png uzantılarını da gösterebilmektedirler.

Örneğin resim.png adlı dosyamızı favicon yapmak istiyoruz. Öncelikle bu resmi paint ya da benzeri bir programla fazla yer kaplamaması için küçültelim.

Şeklinin güzel gözükmesi için kırparak kare bir şekil verelim. Sonrasında bunu yayınlayacağımız sayfa ile aynı klasöre koyalım ve adını favicon.png olarak kaydedelim.

Son olarak yayınlamak istediğimiz sayfalarımıza aşağıdaki html kodunu ekleyelim.


<link rel="shortcut icon" href="favicon.png" />

Internet Explorer Farkı Tarayıcı Versiyonları İçin Css Tanımlama

Internet Explorer tarayıcılar arasında en çok problem çıkaran olarak öne çıkıyor.

Bu yazımızda şartlı yorum kullanarak sayfamızın kullanacağı css kodunu belirleyeceğiz. Şartlı yorumlarda kod eğer koşulu sağlamıyorsa yorum olarak algılanmaktadır.
Bu sayede hangi css dosyasının kullanılacağını seçebiliyoruz.


<link rel="stylesheet" href="style.css" type="text/css" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" /><![endif]-->

Bu durumda kullanıcı ie6 kullanıyorsa style.ie6.css, ie7 kullanıyorsa style.ie7.css diğer tüm tarayıcılar için ise style.css aktif olacaktır.

Ayrıca <!- -[if lte IE 6]> şeklinde tanımlayarak ie6 ya da daha düşükse olarak tanımlayabiliyoruz.

Not: Bu özelliği sadece internet explorerda kullanabilimekyiz.

JavaScript ile Browser Bilgileri Görüntüleme

Browser bilgilerimize aşağıdaki şekilde ulaşabiliriz.


<div id="browser-bilgileri"></div>
<script type="text/javascript">

bilgi = "<p>Browser : " + navigator.appCodeName + "</p>";
bilgi+= "<p>Browser İsmi: " + navigator.appName + "</p>";
bilgi+= "<p>Browser Versiyonu: " + navigator.appVersion + "</p>";
bilgi+= "<p>Çerezler Aktif mi: " + navigator.cookieEnabled + "</p>";
bilgi+= "<p>Platform: " + navigator.platform + "</p>";
bilgi+= "<p>UserAgent: " + navigator.userAgent + "</p>";

document.getElementById("browser-bilgileri").innerHTML=bilgi;

</script>