<span id="blur">blurlanmış text</span>
#blur {
filter: blur(5px);
-webkit-filter: blur(5px);
}
Bu sorunu hangi dosyada yaşıyorsun bilmiyorum ama genel olarak bu problem dosyanın yolunun doğru okunamaması ve otamatik olarak default html dönmesinden kaynaklanıyor
Eğer problemin hayaklandığı dosyayı (ki static JS dosyalarından biri olduğunu düşünüyorum) ve dosya yolunu nasıl tanımladığını eklersen belki daha fazla yardımcı olabilirim.
Whatsapp'ın API'ı sana yardımcı olacaktır diye düşünüyorum. Bu link ile aradığın her şeye ulaşabilirsin: https://developers.facebook.com/docs/whatsapp
Bu kod yardımcı olacaktır
$("button").click(function(){
var ss = document.styleSheets[0];
ss.insertRule(`::-webkit-scrollbar {background-color: ${secilenrenk}}`, 0);
});
Sanırım bu istediğin özellik için Intersection Observer API veya Scroll eventlerini kullnabilisin.
Intersection observer api belirtilen element veya elementler scroll yapıldığında sayfada görünür hale geldiği zaman bir takım eylemler yapabilmeni sağlıyor.
bu sayede sayfada belirlediğin element görünür hale geldiğinde sidebardaki değişiklikleri yapabilirsin ama bu tabi yukarı scrollda tam istedim gibi çalışmayabilir.
Ayrıca bahsettiğim gibi scroll eventlerini kullanabilirsin Bootstrapta scrollspy diye bir özellik var ona benzer birşey yapmak istiyorsun anladığım kadarıyla
Direkt bootstrap kullanmak istersen direkt bu linke bakabilirsin
Vanilya JavaScript ile bir örnek: https://codepen.io/zchee/pen/ogzvZZ?editors=1010
not: ayrıca yukarıdaki cevabın sahibi arkadaşın biraz fazla tepki verdiğini düşünüyorum zira arkadaşın sorusuna cevap verilebiliyor görüldüğü gibi kod olmaması da bana biraz doğal geldi çünkü arkadaş nasıl bir teknoloji kullanacağını soruyor yani problem kodda değil konsepti bilmemesinden kaynaklanıryor. Derdim ters bir cavap vermek değil sadece kişinin hakkının yendiğini düşünüyorum.
HTML içinde input tipleri arasında color tipi bulunuyor bu sayade bir color picker yapabilirsin.
<input type="color" id="colorPicker" name="picker" value="#f6b73c">
ayrıca daha fazla bilgi ve özelleştirmeler için bu link yardımcı olacaktır umarım.
Probleme çözüm bulma yönetim gerçekten güzel arkadaşlarında bahsettiği gibi bunu büyük bir ihtimalle python ve opencv kullanarak halledebilirsin ama tabi bunun için yazdığın kodu bir akıllı telefonda nasıl çalıştıracağınıda bilmen gerekiyor ki bence öncesinde görüntü işleme ve belki makine öğrenimi ile ilgili sağlam bir altyapı sahibi olmalısın.
Bu tabi ki bir seçenek ve bu yolu seçebilirsin ama önemli olan problemi çözmeye gelince benim önerim çok hakim olmamakla birlikte bildiğim kadarıyal içki şişelerinin hacimleri belirli standartlarda yani dolayısıyla elinde belirli kategorilerde şişeler var ve zaten şişenin dolu halinin hacmi belli dolayısıyla elindeki sana referans olacak boş şişeleri belirlediğin seviyelerde bant veya bir kalem ile ,şaretle ve bir başka dolu hali aynı hacme sahip şişenin doluluk oranını bu referansa göre kolayca kıyaslayabilirsin. ya da daha kolayı bir dereceli kap kullanabilirsin hacimleri dolayısıyla doluluğu karşılaştırmak için.
not: bahsettiğim gibi bu iş görüntü işleme ve makine öğrenemi ile belki yapılabilir ama başta kolay görünen şey bir süredir makine öğrenimi ve görüntü işlemeyle uğraşan biri olarak bana göre oldukça karmaşık bir çözüm bulma şekli gibi görünüyor.
Tam olarak arka taraf nasıl çalışıyor bilmiyorum lakin yüksek ihtimalle burda bir ajax ve ya fetch isteği JavaScript ile yapılmıyor yani verilen server tarafında HTML e yazılıyor ve sonuç olarak kullanıcıya sadece HTML dönüyor.
Chrome da network tabını açtıktan sonra sayfayı yenilersen networke bir takım bağlatılar döneCektir orda en başta bulunduğun url bir istek atıldığını ve içi dolu bir HTML döndüğünü görebilirsin
Yukarıda verilen JQuery kodunun pure JavaScript hali şu şekilde olacak umarım sorunun cevabı olmuştur.
document.body.addEventListener('click', function(e) {
if (e.target && e.target.className == 'clickEvent') {
alert()
}
});
Bu çok normal birşey o an için websitesi'nin istek attığı linkleri network alanında her bireysel kullanıcı görebilir bu bilgiyi kullanıcıdan neden saklama gereği duyduğunu anlamadım, daha detaylı anlatabilirsen belki farklı bir şekilde çözülebilir.
Ayrıca zaten dönen response kullanıcıya bir şekilde gösteriliyor yani sonuçta veri javasripte dönmüş kullanıcı her şekilde bu bilgiye erişebilir.