Bu kodda hata nerede? (JavaScript)

14-10-2022, 01:27:28

ID'si "customFooter" olan ve display:none olan div'i sayfa tamamen yüklendikten sonra display:block yaparak görünür yapmaya çalışıyorum. Aşağıda ki kodu yazdım ama nedense çalışmadı. Hatayı göremiyorum. Hatayı görebilen var mı? Veya komple gittiğim yol mu yanlış?

<script>
    document.addEventListener("load", function(){
        document.getElementById("customFooter").style.display = "block";
    });
</script>

Çözüm:

<div id="customFooter" style="display: none;">

</div>

<script>    
    document.addEventListener("DOMContentLoaded", () => {
        document.getElementById("customFooter").style.display = "block";
    });
</script>

14-10-2022, 01:37:07

#2

v4r1able

Konsol herhangi bir hata yazdırıyor mu? Bir de important çakışıyor olabilir yani imporant şekilde none ekli ise block style çalışmaz = "block!important" şeklinde dene

14-10-2022, 01:39:50

#3

Serdenci

Ben olsam böyle yapardım muhtemelen

<!DOCTYPE html>
<html>
<body onload="myFunction()">

<style> .dnone{display:none!important;}

<script>
function myFunction() {
var element = document.getElementById("customFooter");
element.classList.add("dnone");}
</script>

<div id="customFooter"> ASD  </div>

</body>
</html>

14-10-2022, 01:40:55

#4

Serdenci

dblock ile display block ekleyip ordan yürünür

14-10-2022, 01:59:21

#5

Xugart

v4r1able adlı üyeden alıntı: mesajı görüntüle

Konsol herhangi bir hata yazdırıyor mu? Bir de important çakışıyor olabilir yani imporant şekilde none ekli ise block style çalışmaz = "block!important" şeklinde dene

Konsolda bir hata yok, !important ile denedim ama sonuç aynı.

Serdenci adlı üyeden alıntı: mesajı görüntüle

Ben olsam böyle yapardım muhtemelen

<!DOCTYPE html>
<html>
<body onload="myFunction()">

<style> .dnone{display:none!important;}

<script>
function myFunction() {
var element = document.getElementById("customFooter");
element.classList.add("dnone");}
</script>

<div id="customFooter"> ASD  </div>

</body>
</html>

Hocam bu body onload yöntemi kullanamıyorum çünkü bunun için kullandığım yazılımın çekirdek yapısına müdahale etmem gerekiyor. Ayarlardan footer'ı ben custom footer alanına ekledim bunu orada çözümlemem gerekiyor ki güncelleme aldığımda tekrar aynı işlemleri yapmak durumunda kalmiyim. Harici bir script kodu ile çözmem lazım yani.

14-10-2022, 02:01:22

#6

Serdenci

Xugart adlı üyeden alıntı: mesajı görüntüle

Konsolda bir hata yok, !important ile denedim ama sonuç aynı.

Hocam bu body onload yöntemi kullanamıyorum çünkü bunun için kullandığım yazılımın çekirdek yapısına müdahale etmem gerekiyor. Ayarlardan footer'ı ben custom footer alanına ekledim bunu orada çözümlemem gerekiyor ki güncelleme aldığımda tekrar aynı işlemleri yapmak durumunda kalmiyim. Harici bir script kodu ile çözmem lazım yani.

sizin kodların hepsi hatalı bu arada bodyonload ile denediğimde de senin kodlar çalışmıyor ben bu işlere ilk girdiğim zamanlarda adım adım gidiyordum mesela önce eventlistener ile load olduğunda alert çalıştır istediğin gibi olana kadar dene sonra ikinci adım class kısmı

14-10-2022, 02:07:04

#7

Serdenci

    window.addEventListener('load', (event) => {
    const note = document.querySelector('#customFooter');
    note.style.display = 'block';
});

14-10-2022, 02:17:27

#8

Xugart

Serdenci adlı üyeden alıntı: mesajı görüntüle

    window.addEventListener('load', (event) => {
    const note = document.querySelector('#customFooter');
    note.style.display = 'block';
});

Yanıtlarınız için teşekkürler bende benzer bir yapı ile bir kaç dakika önce çözdüm. Ama hala hatam nerede onu göremedim öbür kodda doğru geliyordu bana. Sadece farklı bir yapı denedim.

Bulduğum daha doğrusu çalışan çözüm:

<script>
    document.addEventListener("DOMContentLoaded", () => {
        document.getElementById("customFooter").style.display = "block";
    });
</script>

14-10-2022, 02:19:29

#9

Serdenci

Js yazmak flört etmek gibi asla neden diye sorma