0
Kayıt Ol

1 Butona 2 Ayrı Fonksiyon Javascript

7

●

79

  • 19-02-2021, 22:25:25
    #1
    buddy
    buddy
    Bir butonun aç kapat görevi sağlamasını istiyorum.

    İlk tıkladığımda bir div göstermesini, tekrar ikinci kez tıkladığımda da ise divi gizlemesini yapmak istiyorum.
  • 19-02-2021, 22:28:15
    #2
    Hiddenexe
    Hiddenexe
    kopechka.com
    <script type="text/javascript">
    function divJs(divID) {
    var div = document.getElementById(divID);
    if(div.style.display == 'block')
    div.style.display = 'none';
    else
    div.style.display = 'block';
    }
    </script>

    <a href="#" onclick="divJs('divId');">Gizle/Göster</a>
    <div id="divId">Açıldım</div>

    Divin display özelliği başlangıçda nasıl istiyosanız öle ayarlıya bilirisiniz.
  • 19-02-2021, 22:30:57
    #3
    wisex
    wisex
    Java Kodu
    function myFunction(){
    pay();
    cls();
    }

    HTML Kodu
    <input id="btn" type="button" value="click" onclick="myFunction();"/>
  • 19-02-2021, 22:38:48
    #4
    buddy
    buddy
    Hiddenexe adlı üyeden alıntı: mesajı görüntüle
    <script type="text/javascript">
    function divJs(divID) {
    var div = document.getElementById(divID);
    if(div.style.display == 'block')
    div.style.display = 'none';
    else
    div.style.display = 'block';
    }
    </script>

    <a href="#" onclick="divJs('divId');">Gizle/Göster</a>
    <div id="divId">Açıldım</div>

    Divin display özelliği başlangıçda nasıl istiyosanız öle ayarlıya bilirisiniz.
    Hocam bu şekilde yaptım sağolun.
    Daha basit kullanımı örneğin toogle ile nasıl yapabiliriz?
  • 19-02-2021, 22:40:15
    #5
    atrkylmz
    atrkylmz
    input.toggler { display: none; }
    input.toggler + label + div { display: none; }
    input.toggler:checked + label + div { display: block; }
    ===========================================
    <input type=checkbox id=sometoggler class=toggler />
    <label for=sometoggler>Ac/kapa</label>
    <div>goster / gizle </div>
  • 19-02-2021, 22:47:42
    #6
    Hiddenexe
    Hiddenexe
    kopechka.com
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <!--Jquery CDN-->
    <script type="text/javascript">
    $(document).ready(function(){
    $(".buton_goster").click(function(){
    $("div.divId").toggle();
    });
    });
    </script>

    <button class="buton_goster"></button>
    <div class="divId">Açıldım</div>
  • 19-02-2021, 23:04:22
    #7
    buddy
    buddy 
    <script>
function ac() {
document.getElementById('ackapat').addEventListener("click", function()
    {
        menu = document.getElementById("yandanmenu");
        if (menu.style.width == "0px") {
          document.getElementById('yandanmenu').style.width="200px";
        } else {
          document.getElementById('yandanmenu').style.width="0px";
        }
    }, false);
}

</script>
    <div id="ackapat" onClick="ac()"></div>

    teşekkür ederim şimdi buraya da takıldım.
    bu şekilde yaptığımda, hep ikinci kez tıkladığımda gösteriyor veya gizliyor. Hata nerede olabilir?



    Hiddenexe adlı üyeden alıntı: mesajı görüntüle
    <script type="text/javascript">
    function divJs(divID) {
    var div = document.getElementById(divID);
    if(div.style.display == 'block')
    div.style.display = 'none';
    else
    div.style.display = 'block';
    }
    </script>

    <a href="#" onclick="divJs('divId');">Gizle/Göster</a>
    <div id="divId">Açıldım</div>

    Divin display özelliği başlangıçda nasıl istiyosanız öle ayarlıya bilirisiniz.
    atrkylmz adlı üyeden alıntı: mesajı görüntüle
    input.toggler { display: none; }
    input.toggler + label + div { display: none; }
    input.toggler:checked + label + div { display: block; }
    ===========================================
    <input type=checkbox id=sometoggler class=toggler />
    <label for=sometoggler>Ac/kapa</label>
    <div>goster / gizle </div>
  • 19-02-2021, 23:12:18
    #8
    buddy
    buddy
    buddy adlı üyeden alıntı: mesajı görüntüle 
    <script>
function ac() {
document.getElementById('ackapat').addEventListener("click", function()
    {
        menu = document.getElementById("yandanmenu");
        if (menu.style.width == "0px") {
          document.getElementById('yandanmenu').style.width="200px";
        } else {
          document.getElementById('yandanmenu').style.width="0px";
        }
    }, false);
}

</script>
    <div id="ackapat" onClick="ac()"></div>

    teşekkür ederim şimdi buraya da takıldım.
    bu şekilde yaptığımda, hep ikinci kez tıkladığımda gösteriyor veya gizliyor. Hata nerede olabilir? 
    <script>

function ac() {
        menu = document.getElementById("yandanmenu");
        if (menu.style.width == "0px") {
          document.getElementById('yandanmenu').style.width="200px";
        } else {
          document.getElementById('yandanmenu').style.width="0px";
        }
    
}

</script>
    bu şekilde yapınca oldu..