1232 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.
1239 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>
HTML
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>
JavaScript
Söylediğini yapmanın birden fazla yolu var. Yukardaki çözüm de onlarda bir tanesi. Hayırlı protolar
1258 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)">
HTML
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'
}
JavaScript
1264 gün önce document.querySelector(".deyisken") -> $("deyisken")
sorusunu cevapladı.
Merhaba ,
Script tagleri içinde
function $(v){
return document.querySelector(v)
}
JavaScript
fonksiyonunu sayfanıza eklediğinizde $('.degisken')
şeklinde seçebilirsiniz.