1117 gün önce Mouse' yi sola getirince yan menü açılması
sorusunu cevapladı.
Sol kısımda herhangi bir nesne var mı ? , sayfanın ne kadar soluna getirilmesi gerekiyor. Paint de olsa en azından bir referans görsel ekleyebilirsen sorunun çözümünü daha sağlıklı şekilde iletebiliriz.
1124 gün önce html de divi belli oranı geçtikten sonra aktif etme
sorusunu cevapladı.
<div id="prototurk">sliderın altındaki gizemli div</div>
ID si prototurk olan bir div ekleyelim ( id si prototurk olması mecburi :) yoksa kod çalışmaz )
<script>
//Divimizi seçiyoruz
let prototurk = document.getElementById("prototurk");
//Fonksiyonumuzu yazıyoruz
function isVisible(el) {
const elr = el.getBoundingClientRect();
let clientHeight = document.documentElement.clientHeight,
clientWidth = document.documentElement.clientWidth;
return (
elr.top >= 0 &&
elr.left >= 0 &&
elr.bottom <= (window.innerHeight || clientHeight) &&
elr.right <= (window.innerWidth || clientWidth)
);
}
//Pencere Scroll edildiğinde , Sliderın altındaki div gözükürse kondisyonun ilk blokuna girecek
window.onscroll = function () {
if(isVisible(prototurk)){
console.log('şuan bu kısımda butonu aktif edebiliriz')
}else{
console.log('Eğer istersen şuan bu kısımda butonu geri defaktif edebiliriz.')
}
};
</script>
Söylediğini yapmanın birden fazla yolu var. Yukardaki çözüm de onlarda bir tanesi. Hayırlı protolar
1143 gün önce İnput alnımım genişliğinin değeri kadar olmasını istiyorum
sorusunu cevapladı.
input'unuzun onkeyup'ına function ı ekleyin
örnek :
<input type="text" id="prototurk" onkeyup="inpWidth(8)">
buradaki `( 8 )
` sayısını karakter genişliği için kullandım. font-size'ınıza göre yükseltip düşürebilirsiniz.
`Script
` tagleri içinde functionı sayfanıza ekleyin
function inpWidth(v){
this.event.target.style.width = this.event.target.value.length * v + 'px'
}
1149 gün önce document.querySelector(".deyisken") -> $("deyisken")
sorusunu cevapladı.
Merhaba ,
Script tagleri içinde
function $(v){
return document.querySelector(v)
}
fonksiyonunu sayfanıza eklediğinizde $('.degisken')
şeklinde seçebilirsiniz.