• 02-03-2023, 00:03:51
    #1
    Merhaba Arkadaşlar
    Arama Motorunda Satılık, Kiralık ve Günlük Kiralık butonları saydırıyorum, butonlardan biri aktif olarak kalması gerekiyor, Mesela Satılık butonu ilk başta aktif tutmak olsun ama Kiralık ve Günlük Kiralık butonlarından birine tıklandığında, tıklanan aktif olmasını nasıl yapabiliriz, aşağıdaki resimdeki gibi, kod bloğumda aşağıda, bu konuda yardım edebilirmisiniz
    <ul class="nav nav-pills" id="pills-tab" role="tablist">
                                    <?php
                                    $row = $db->prepare("SELECT * FROM emlak_durum WHERE dil=? ORDER BY id ASC");
                                    $row->execute(array($_SESSION['dil']));
                                    $islem = $row->fetchALL(PDO::FETCH_ASSOC);
                                    foreach ( $islem as $sonuc ){
                                        ?>
                                    <li class="nav-item">
                                        <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true"><?=$sonuc["adi"]?></a>
                                    </li>
                                    <?
                                     }
                                    ?>
                                </ul>
  • 02-03-2023, 00:06:30
    #2
    Php ile alakası yok js ile yapacaksınız
  • 02-03-2023, 00:08:48
    #3
    phpkoder adlı üyeden alıntı: mesajı görüntüle
    Php ile alakası yok js ile yapacaksınız
    örnek verebilirmisin hocam
  • 02-03-2023, 00:26:38
    #4
    Üyeliği durduruldu
    Satılık Formu Butonuna Bunu Ekleyin

    onclick="Goster('satilik');gizle('kiralik');gizle( 'gunluk');"



    Kiralik Butonuna Bunu Ekleyin

    onclick="Goster('kiralik');gizle('satilik');gizle( 'gunluk');"


    Günlük Butonunada Bunu
    onclick="Goster('gunluk');gizle('satilik');gizle(' kiralik');"


    <button onclick=""> bu şekil ekliceksiniz.



    <div id="satilik">
    Satilik Formu Kodları
    </div>

    <div id="kiralik" style="display: none">
    Kiralık Formu Kodları
    </div>

    <div id="gunluk" style="display: none">
    Günlük Kiralik Kodları
    </div>

    Bunuda sayfanın altina ekleyin

    <script>
    function Goster(ID) {
    var secilenID = document.getElementById(ID);
    if (secilenID.style.display == "") {
    secilenID.style.display = "";
    } else {
    secilenID.style.display = "";
    }
    }
    </script>

    <script>
    function gizle(ID) {
    var secilenID = document.getElementById(ID);
    if (secilenID.style.display == "none") {
    secilenID.style.display = "none";
    } else {
    secilenID.style.display = "none";
    }
    }
    </script>
  • 02-03-2023, 13:42:36
    #5
    Destekci adlı üyeden alıntı: mesajı görüntüle
    Satılık Formu Butonuna Bunu Ekleyin

    onclick="Goster('satilik');gizle('kiralik');gizle( 'gunluk');"



    Kiralik Butonuna Bunu Ekleyin

    onclick="Goster('kiralik');gizle('satilik');gizle( 'gunluk');"


    Günlük Butonunada Bunu
    onclick="Goster('gunluk');gizle('satilik');gizle(' kiralik');"


    <button onclick=""> bu şekil ekliceksiniz.



    <div id="satilik">
    Satilik Formu Kodları
    </div>

    <div id="kiralik" style="display: none">
    Kiralık Formu Kodları
    </div>

    <div id="gunluk" style="display: none">
    Günlük Kiralik Kodları
    </div>

    Bunuda sayfanın altina ekleyin

    <script>
    function Goster(ID) {
    var secilenID = document.getElementById(ID);
    if (secilenID.style.display == "") {
    secilenID.style.display = "";
    } else {
    secilenID.style.display = "";
    }
    }
    </script>

    <script>
    function gizle(ID) {
    var secilenID = document.getElementById(ID);
    if (secilenID.style.display == "none") {
    secilenID.style.display = "none";
    } else {
    secilenID.style.display = "none";
    }
    }
    </script>
    Merhaba Hocam
    Satılık, Kiralık ve Günlük Kiralık verilerini dil yapısına göre veritabanından çekiyorum, Mesela Türkçeden İngilizceye geçtiğinde değişiyor, nasıl bir mantıklı yapı oluşturabileriz
  • 02-03-2023, 15:33:13
    #6
    $( document ).on( "click", "#pills-tab .nav-item", function() {  
    $('#pills-tab .nav-item').removeClass( "secili" );
    $(this).addClass( "secili" );
    });
  • 02-03-2023, 15:48:54
    #7
    //Öncelikle php ile yapmanız uğraştırıcı ve mantıksız olur jquery ile yapmanız gerekiyor fakat illa php ile yapıcam diyorsanız buyrun

    //Eğer butona tıklanınca sayfa refresh atıyorsa session ile yapabilirsiniz.Refresh atmıyorsa butona refresh kodu ekleyin fakat dediğim gibi çok gereksiz olur.

    //Satılık butonuna tıklandığında activebutton sessionuna SATILIK değerini atayın. <kod aşağıda>
    //Bu kodu diğer butonlarada atayın.
    $_SESSION['activebutton'] = "SATILIK";
    
    //Sayfanın üst kısımlarına bu kodu yapıştırın
    $SATILIK = "";
    $GUNLUKKIRALIK = "";
    $KIRALIK = "";
    if ($_SESSION['activebutton'] == "SATILIK")
    {
    $SATILIK = "active";
    }
    
    if ($_SESSION['activebutton'] == "GUNLUKKIRALIK")
    {
    $GUNLUKKIRALIK = "active";
    }
    
    if ($_SESSION['activebutton'] == "KIRALIK")
    {
    $KIRALIK = "active";
    }
    
    //Şimdi yukarıdaki üç tane değişkenimize hangi buton aktifse active yazısını tanımladık bu üç değişkenleri htmldeki inputlara yerleştirmemiz gerekiyor
    // <a class="nav-link <?php echo $SATILIK; ?>" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true"><?=$sonuc["adi"]?></a>
    // <a class="nav-link <?php echo $GUNLUKKIRALIK; ?>" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true"><?=$sonuc["adi"]?></a>
    // <a class="nav-link <?php echo $KIRALIK; ?>" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true"><?=$sonuc["adi"]?></a>
    
    //Yani hangi classta active yazıyorsa o buton aktif olarak gözükür her classa yukarıdaki ayarladığımız değişkenleri yazın.
  • 02-03-2023, 16:13:56
    #8
    aSSembLy adlı üyeden alıntı: mesajı görüntüle
    $( document ).on( "click", "#pills-tab .nav-item", function() {  
    $('#pills-tab .nav-item').removeClass( "secili" );
    $(this).addClass( "secili" );
    });
    Merhaba Hocam
    aşağıdaki kod yapısına nasıl uygulamam gerekiyor, birde her butonun tab yapısı var, class içerisindeki active olayını nasıl yapmam gerekiyor Hocam

    <ul class="nav nav-pills" id="pills-tab" role="tablist">
                                    <?php
                                    $row = $db->prepare("SELECT * FROM emlak_durum WHERE dil=? ORDER BY id ASC");
                                    $row->execute(array($_SESSION['dil']));
                                    $islem = $row->fetchALL(PDO::FETCH_ASSOC);
                                    foreach ( $islem as $sonuc ){
                                        ?>
                                    <li class="nav-item">
                                        <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true"><?=$sonuc["adi"]?></a>
                                    </li>
                                    <?
                                     }
                                    ?>
                                </ul>
    <script>
        $( document ).on( "click", "#pills-tab .nav-item", function() {
            $('#pills-tab .nav-item').removeClass( "secili" );
            $(this).addClass( "secili" );
        });
    </script>
  • 02-03-2023, 16:16:59
    #9
    emregunery adlı üyeden alıntı: mesajı görüntüle
    //Öncelikle php ile yapmanız uğraştırıcı ve mantıksız olur jquery ile yapmanız gerekiyor fakat illa php ile yapıcam diyorsanız buyrun

    //Eğer butona tıklanınca sayfa refresh atıyorsa session ile yapabilirsiniz.Refresh atmıyorsa butona refresh kodu ekleyin fakat dediğim gibi çok gereksiz olur.

    //Satılık butonuna tıklandığında activebutton sessionuna SATILIK değerini atayın. <kod aşağıda>
    //Bu kodu diğer butonlarada atayın.
    $_SESSION['activebutton'] = "SATILIK";
    
    //Sayfanın üst kısımlarına bu kodu yapıştırın
    $SATILIK = "";
    $GUNLUKKIRALIK = "";
    $KIRALIK = "";
    if ($_SESSION['activebutton'] == "SATILIK")
    {
    $SATILIK = "active";
    }
    
    if ($_SESSION['activebutton'] == "GUNLUKKIRALIK")
    {
    $GUNLUKKIRALIK = "active";
    }
    
    if ($_SESSION['activebutton'] == "KIRALIK")
    {
    $KIRALIK = "active";
    }
    
    //Şimdi yukarıdaki üç tane değişkenimize hangi buton aktifse active yazısını tanımladık bu üç değişkenleri htmldeki inputlara yerleştirmemiz gerekiyor
    // <a class="nav-link <?php echo $SATILIK; ?>" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true"><?=$sonuc["adi"]?></a>
    // <a class="nav-link <?php echo $GUNLUKKIRALIK; ?>" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true"><?=$sonuc["adi"]?></a>
    // <a class="nav-link <?php echo $KIRALIK; ?>" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true"><?=$sonuc["adi"]?></a>
    
    //Yani hangi classta active yazıyorsa o buton aktif olarak gözükür her classa yukarıdaki ayarladığımız değişkenleri yazın.
    Merhaba Hocam
    veritabanından dil yapısına göre çağırıyorum, birde her butonun tab yapısı var, jquery ile örnek verebilirmisin Hocam