Dabaddu37
Hectopat
Daha fazla
- Cinsiyet
- Erkek
- Meslek
- Öğrenci
Merhabai, HTML + CSS ile bir site kurdum. JavaScript ile de bazı fonksiyonlar ekledim. Şu an yapmaya çalıştığım özellik koyu tema özelliği. Siteye bir buton koydum butona basılınca JavaScript kodlarım çalışıyor ve site koyu temaya geçiyor. Site normal olarak açık temada açılıyor. Düğmeye basınca koyu temaya bir daha basınca açık temaya geri dönüyor.
Yapamadığım olay ise şu; mesela bir kullanıcı siteyi açtı ve koyu temaya geçti sonra sayfayı yeniledi veya başka bir sayfaya geçti, ben CSS'i sonradan değiştirdiğim için sayfa yeniden yüklendiğinde eski CSS dosyaları yeniden yükleniyor (doğal olarak), yani kişi koyu temaya geçtiğinde bu kalıcı olmuyor, ben bu kişinin koyu temayı seçtiğini ve sayfanın yenilendiğinde veya sitede başka sayfaya geçildiğinde otomatik olarak kullanıcının seçtiği temanın yüklenmesini nasıl sağlarım? Hani olur ya bir sitede koyu tema açarsınız ve siz tarayıcının önbelleğini temizlemedikçe o site hep koyu temada açılır. Bunu JavaScript ile yapabilir miyim yoksa veri tabanı falan mı oluşturmam lazım. O konuları hiç bilmiyorum, yardımcı olur musunuz?
Not: JQuery kullanıyorum.
Yapamadığım olay ise şu; mesela bir kullanıcı siteyi açtı ve koyu temaya geçti sonra sayfayı yeniledi veya başka bir sayfaya geçti, ben CSS'i sonradan değiştirdiğim için sayfa yeniden yüklendiğinde eski CSS dosyaları yeniden yükleniyor (doğal olarak), yani kişi koyu temaya geçtiğinde bu kalıcı olmuyor, ben bu kişinin koyu temayı seçtiğini ve sayfanın yenilendiğinde veya sitede başka sayfaya geçildiğinde otomatik olarak kullanıcının seçtiği temanın yüklenmesini nasıl sağlarım? Hani olur ya bir sitede koyu tema açarsınız ve siz tarayıcının önbelleğini temizlemedikçe o site hep koyu temada açılır. Bunu JavaScript ile yapabilir miyim yoksa veri tabanı falan mı oluşturmam lazım. O konuları hiç bilmiyorum, yardımcı olur musunuz?
JavaScript:
$(function () {
$("#koyu-tema").click(function(){
$('#koyu-tema').css('display','none');
$('#acik-tema').css('display','block');
$('body').css('color','black');
});
});
$(function () {
$("#acik-tema").click(function(){
$('#koyu-tema').css('display','block');
$('#acik-tema').css('display','none');
$('body').css('color','white');
});
});
Not: JQuery kullanıyorum.
Son düzenleyen: Moderatör: