0
Kayıt Ol

Seçilen Tema Çerez Boyu Nasıl Kalıcı Olur?

4

●

59

  • 16-03-2021, 15:32:45
    #1
    canerturker
    canerturker
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Merhabalar, örnek olarak site içi seçilen temayı nasıl gezindiği süre boyunca aktif halde bırakabilirim.

    <li><a href="#" data-theme="default" class="theme-link">Gündüz Modu</a></li>
<li><a href="#" data-theme="cerulean" class="theme-link">Gece Modu</a></li>
        var themes = {
        "default": "css/main.css",
        "cerulean": "css/main2.css",
    }

    //switches
    $(function() {
        var themesheet = $('<link href="' + themes['default'] + '" rel="stylesheet" />');
        themesheet.appendTo('head');
        $('.theme-link').click(function() {
            var themeurl = themes[$(this).attr('data-theme')];
            themesheet.attr('href', themeurl);
        });
    });
  • 16-03-2021, 15:38:39
    #2
    awoken
    awoken
    Üyeliği durduruldu
    Çerezler ile de yapılır, ancak ben Local Storage ile yapmayı tavsiye ederim.

    var themes = {
    "default": "css/main.css",
    "cerulean": "css/main2.css",
}
  
//switches
$(function() {
    var themesheet = $('<link href="' + themes[localStorage.getItem('theme') ? localStorage.getItem('theme') : 'default'] + '" rel="stylesheet" />');
    themesheet.appendTo('head');
    $('.theme-link').click(function() {
        var themeurl = themes[$(this).attr('data-theme')];
        themesheet.attr('href', themeurl);
        localStorage.setItem('theme', $(this).attr('data-theme'));
    });
});
    Dip not: Kodu denemedim, siz bakın hata varsa düzelteyim.
  • 16-03-2021, 15:41:45
    #3
    canerturker
    canerturker
    awoken adlı üyeden alıntı: mesajı görüntüle
    Çerezler ile de yapılır, ancak ben Local Storage ile yapmayı tavsiye ederim.

    var themes = {
    "default": "css/main.css",
    "cerulean": "css/main2.css",
}
  
//switches
$(function() {
    var themesheet = $('<link href="' + themes[localStorage.getItem('theme') ? localStorage.getItem('theme') : 'default'] + '" rel="stylesheet" />');
    themesheet.appendTo('head');
    $('.theme-link').click(function() {
        var themeurl = themes[$(this).attr('data-theme')];
        themesheet.attr('href', themeurl);
        localStora.setItem('theme', $(this).attr('data-theme'));
    });
});
    Dip not: Kodu denemedim, siz bakın hata varsa düzelteyim.
    ilginiz için teşekkürler hocam. kodu denedim şimdi de seçim pasif kaldı tıklanmıyo yani
  • 16-03-2021, 15:42:57
    #4
    awoken
    awoken
    Üyeliği durduruldu
    canerturker adlı üyeden alıntı: mesajı görüntüle
    ilginiz için teşekkürler hocam. kodu denedim şimdi de seçim pasif kaldı tıklanmıyo yani
    Ufak bir yazım hatası yapmışım, tekrar dener misiniz? Olmazsa kodu bir yere yükleyip site adresi iletin.
  • 16-03-2021, 15:44:48
    #5
    canerturker
    canerturker
    awoken adlı üyeden alıntı: mesajı görüntüle
    Ufak bir yazım hatası yapmışım, tekrar dener misiniz? Olmazsa kodu bir yere yükleyip site adresi iletin.
    Hocam çok teşekkürler verdiğiniz kodda parantezleri ayarladım düzeldi

        //switches
    $(function() {
        var themesheet = $('<link href="' + themes[localStorage.getItem('theme') ? localStorage.getItem('theme') : 'default'] + '" rel="stylesheet" />');
        themesheet.appendTo('head');
        $('.theme-link').click(function() {
            var themeurl = themes[$(this).attr('data-theme')];
            themesheet.attr('href', themeurl);
            localStorage.setItem('theme', $(this).attr('data-theme'));
        });
    });