Siteye Kütüphane Çekmeden Aç Kapa İşlemini Nasıl Yaptırabilirim?

18.03.2020 12:55

Abdullahx MW Aracı Kullanıcı

Üyelik 03.04.2019
Yaş/Cinsiyet 29 / E
Meslek .
Konum Trabzon

Ad Soyad A** K**
Mesajlar 905
Beğeniler 393 / 395
Ticaret 3, (%100)

Biraz uzunca oldu ama şu kodu deneyin;


window.function () {
        let d = document,
            gizle = d.querySelector(".bgndm-sr-b"),
            gizli_e = d.querySelectorAll(".icrk-gizli-e"),
            gizli_h = d.querySelector(".icrk-gizli-h"),
            i,
            gizle_b = d.querySelectorAll(".btn-gizle");

        d.getElementsByClassName("btn-gizle")[0].addEventListener("click", function () {
            gizle.innerHTML = "Paylaşmaya ne dersin?";
            for (i = 0; i < gizli_e.length; i++) {
                gizli_e[i].style.display = "block";
                gizle_b[i].style.display = "none";
            }
        });
        d.getElementsByClassName("btn-gizle")[1].addEventListener("click", function () {
            gizle.innerHTML = "Nedenini belirtmek ister misin?";
            gizli_h.style.display = "block";
            for (i = 0; i < 2; i++) {
                gizle_b[i].style.display = "none";
            }
        })
    }

Eğer çalışırsa şu minify halini kullanabilirsiniz;


window.function(){let e,l=document,n=l.querySelector(".bgndm-sr-b"),i=l.querySelectorAll(".icrk-gizli-e"),t=l.querySelector(".icrk-gizli-h"),r=l.querySelectorAll(".btn-gizle");l.getElementsByClassName("btn-gizle")[0].addEventListener("click",function(){for(n.innerHTML="Paylaşmaya ne dersin?",e=0;e

1 kişi bu mesajı beğendi.

18.03.2020 22:30

#12

MuratDinc Miyavliyo - WiseKitten Kullanıcı

Üyelik 01.11.2012
Yaş/Cinsiyet 32 / E
Meslek Girişimci
Konum Balıkesir

Ad Soyad M** D**
Mesajlar 1583
Beğeniler 207 / 257
Ticaret 5, (%100)

Abdullahx adlı üyeden alıntı

Biraz uzunca oldu ama şu kodu deneyin;


window.function () {
        let d = document,
            gizle = d.querySelector(".bgndm-sr-b"),
            gizli_e = d.querySelectorAll(".icrk-gizli-e"),
            gizli_h = d.querySelector(".icrk-gizli-h"),
            i,
            gizle_b = d.querySelectorAll(".btn-gizle");

        d.getElementsByClassName("btn-gizle")[0].addEventListener("click", function () {
            gizle.innerHTML = "Paylaşmaya ne dersin?";
            for (i = 0; i < gizli_e.length; i++) {
                gizli_e[i].style.display = "block";
                gizle_b[i].style.display = "none";
            }
        });
        d.getElementsByClassName("btn-gizle")[1].addEventListener("click", function () {
            gizle.innerHTML = "Nedenini belirtmek ister misin?";
            gizli_h.style.display = "block";
            for (i = 0; i < 2; i++) {
                gizle_b[i].style.display = "none";
            }
        })
    }

Eğer çalışırsa şu minify halini kullanabilirsiniz;


window.function(){let e,l=document,n=l.querySelector(".bgndm-sr-b"),i=l.querySelectorAll(".icrk-gizli-e"),t=l.querySelector(".icrk-gizli-h"),r=l.querySelectorAll(".btn-gizle");l.getElementsByClassName("btn-gizle")[0].addEventListener("click",function(){for(n.innerHTML="Paylaşmaya ne dersin?",e=0;e

Kodlar ters çalışıyordu şöyle düzelttim şimdi doğru çalışıyor ancak 2 sorun var.

1. sorun Evet dendiğinde gelecek 6 paylaşım butonunun 3'üne style="display: block;" ekleniyor, diğer 3'üne eklenmediği için onlar görünmüyor? Görsel: https://prnt.sc/rilqbx
2. sorun temanın min.js dosyasına kodları eklediğinde çalışmıyor, single.php'de çalışıyor. min.js'de neden çalışmadığını anlamadım.


window.function () {
        let d = document,
            gizle = d.querySelector(".bgndm-sr-b"),
            gizli_e = d.querySelectorAll(".icrk-gizli-e"),
            gizli_h = d.querySelector(".icrk-gizli-h"),
            i,
            gizle_b = d.querySelectorAll(".btn-gizle");

        d.getElementsByClassName("btn-gizle")[0].addEventListener("click", function () {
            gizle.innerHTML = "Nedenini belirtmek ister misin?";
            gizli_h.style.display = "block";
            for (i = 0; i < 2; i++) {
                gizle_b[i].style.display = "none";
            }
        });
        d.getElementsByClassName("btn-gizle")[1].addEventListener("click", function () {
            gizle.innerHTML = "Paylaşmaya ne dersin?";
            for (i = 0; i < gizli_e.length; i++) {
                gizli_e[i].style.display = "block";
                gizle_b[i].style.display = "none";
            }
        })
    }

👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻

18.03.2020 22:52

#13

Abdullahx MW Aracı Kullanıcı

Üyelik 03.04.2019
Yaş/Cinsiyet 29 / E
Meslek .
Konum Trabzon

Ad Soyad A** K**
Mesajlar 905
Beğeniler 393 / 395
Ticaret 3, (%100)

Şu kısmı dinamik olarak değil de paylaşım butonlarının sayısı kadar yani 6 olarak değiştirmeyi deneyin;


 for (i = 0; i < gizli_e.length; i++) {

iken


 for (i = 0; i < 7; i++) {

yapın.

Min js de neden çalışmadıklarını bilemedim hocam. CTRL+F5 yapıp kontrol edin. baştaki function bloğunu silip deneyin vs.

18.03.2020 23:07

#14

MuratDinc Miyavliyo - WiseKitten Kullanıcı

Üyelik 01.11.2012
Yaş/Cinsiyet 32 / E
Meslek Girişimci
Konum Balıkesir

Ad Soyad M** D**
Mesajlar 1583
Beğeniler 207 / 257
Ticaret 5, (%100)

Abdullahx adlı üyeden alıntı

Şu kısmı dinamik olarak değil de paylaşım butonlarının sayısı kadar yani 6 olarak değiştirmeyi deneyin;



 for (i = 0; i < gizli_e.length; i++) {

iken



 for (i = 0; i < 7; i++) {

yapın.

Min js de neden çalışmadıklarını bilemedim hocam. CTRL+F5 yapıp kontrol edin. baştaki function bloğunu silip deneyin vs.

Sonuç değişmedi hocam. şöyle eklemeyi deneyin dediniz sanırım? Öyle ise denedim işe yaramadı.

        let d = document,

            gizle = d.querySelector(".bgndm-sr-b"),

            gizli_e = d.querySelectorAll(".icrk-gizli-e"),

            gizli_h = d.querySelector(".icrk-gizli-h"),

            i,

            gizle_b = d.querySelectorAll(".btn-gizle");



        d.getElementsByClassName("btn-gizle")[0].addEventListener("click", function () {

            gizle.innerHTML = "Nedenini belirtmek ister misin?";

            gizli_h.style.display = "block";

            for (i = 0; i < 2; i++) {

                gizle_b[i].style.display = "none";

            }

        });

        d.getElementsByClassName("btn-gizle")[1].addEventListener("click", function () {

            gizle.innerHTML = "Paylaşmaya ne dersin?";

            for (i = 0; i < 6; i++) {

                gizli_e[i].style.display = "block";

                gizle_b[i].style.display = "none";

            }

        })

👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻

13.04.2020 18:29

#15

sametweb WM Aracı Kullanıcı

Üyelik 29.08.2011
Yaş/Cinsiyet 33 / E
Meslek software developer
Konum ABD

Ad Soyad S** M**
Mesajlar 615
Beğeniler 52 / 196
Ticaret 1, (%100)

Hic JavaScript kullanmadan da cozumu var: https://leewarrick.com/blog/css-only-menus/

1 kişi bu mesajı beğendi.

React Dersleri YouTube Kanalı
https://www.youtube.com/c/reactdersleri

19.04.2020 02:44

#16

MuratDinc Miyavliyo - WiseKitten Kullanıcı

Üyelik 01.11.2012
Yaş/Cinsiyet 32 / E
Meslek Girişimci
Konum Balıkesir

Ad Soyad M** D**
Mesajlar 1583
Beğeniler 207 / 257
Ticaret 5, (%100)

sametweb adlı üyeden alıntı

Hic JavaScript kullanmadan da cozumu var: https://leewarrick.com/blog/css-only-menus/

Bahsettiğiniz kaynağı inceledim, en uygun yöntemin "details" ve "summary" kullanımı olduğuna karar verip siteme uyguladım. Sonuç olarak: https://miyavliyo.com/cornish-rex/#beslenme bu sayfada şöyle oldu: https://prnt.sc/s21i7c Açılış ve kapanış animasyonu ekleyemedim, şunun gibi nasıl yapabilirim acaba: https://miyavliyo.com/devon-rex/

👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻

20.04.2020 09:44

#17

sametweb WM Aracı Kullanıcı

Üyelik 29.08.2011
Yaş/Cinsiyet 33 / E
Meslek software developer
Konum ABD

Ad Soyad S** M**
Mesajlar 615
Beğeniler 52 / 196
Ticaret 1, (%100)

Animasyon olmus, ama kosedeki icon gorunmuyor. Ona bakabilirsin.

SkyGhostAir adlı üyeden alıntı

Bahsettiğiniz kaynağı inceledim, en uygun yöntemin "details" ve "summary" kullanımı olduğuna karar verip siteme uyguladım. Sonuç olarak: https://miyavliyo.com/cornish-rex/#beslenme bu sayfada şöyle oldu: https://prnt.sc/s21i7c Açılış ve kapanış animasyonu ekleyemedim, şunun gibi nasıl yapabilirim acaba: https://miyavliyo.com/devon-rex/

React Dersleri YouTube Kanalı
https://www.youtube.com/c/reactdersleri

Siteye Kütüphane Çekmeden Aç Kapa İşlemini Nasıl Yaptırabilirim?

Üye Girişi Yap