Dropdown buton yardım

25.05.2021 23:27

emlak48 WM Aracı Kullanıcı

Üyelik 28.03.2016
Yaş/Cinsiyet 42 / E
Meslek Emlak
Konum Antalya

Ad Soyad İ** Y**
Mesajlar 112
Beğeniler 3 / 2
Ticaret 0, (%0)

Dropdown buton yardım

Merhaba Arkadaşlar
Ajax ve Dropdown buton konusunda yardıma ihtiyacım, yapmak istediğim Dropdown da hangi seçeneği seçersem, buton olarak o aktif olsun, mesela Onaylı ise btn btn-success butonu aktif olsun, Onaysız ise btn btn-danger butonu aktif olsun, Bekleme de ise btn btn-warning butonu aktif olsun, bu konuda yardımlarınıza ihtiyacım var,
teşekkürler.





    

    

    

        Onaylı

        Onaysız

        Bekleme

Alanya Emlak

26.05.2021 03:48

#2

emreyvz .NET Core & Angular & PHP Kullanıcı

Üyelik 19.04.2016
Yaş/Cinsiyet 27 / E
Meslek Bilgisayar Mühendisi
Konum İstanbul Anadolu

Ad Soyad E** Y**
Mesajlar 689
Beğeniler 110 / 250
Ticaret 24, (%100)

eYvRMGv

Detaylar: https://codepen.io/emreyavuz199696/pen/eYvRMGv

Kolay gelsin.

26.05.2021 14:26

#3

emlak48 WM Aracı Kullanıcı

Üyelik 28.03.2016
Yaş/Cinsiyet 42 / E
Meslek Emlak
Konum Antalya

Ad Soyad İ** Y**
Mesajlar 112
Beğeniler 3 / 2
Ticaret 0, (%0)

Merhaba Hocam
verdiğin linkteki dosyaları indirdim, Linkteki yapı çalışıyor, indirdiğim dosyalar bende çalışmadı, bana dosyaları gönderme şansın varmı Hocam,
çok sağol, Allah razı Olsun

Alanya Emlak

26.05.2021 15:45

#4

emreyvz .NET Core & Angular & PHP Kullanıcı

Üyelik 19.04.2016
Yaş/Cinsiyet 27 / E
Meslek Bilgisayar Mühendisi
Konum İstanbul Anadolu

Ad Soyad E** Y**
Mesajlar 689
Beğeniler 110 / 250
Ticaret 24, (%100)

emlak48 adlı üyeden alıntı

Merhaba Hocam
verdiğin linkteki dosyaları indirdim, Linkteki yapı çalışıyor, indirdiğim dosyalar bende çalışmadı, bana dosyaları gönderme şansın varmı Hocam,
çok sağol, Allah razı Olsun

Sayfanızda Jquery ve Bootstrap (JS,CSS) kütüphanelerinin çağrıldığını varsayıyorum.

Sayfanızda bu HTML kodu bulunmalı.

Ayrıca 'nin en altına bu JS kodunu yerleştirin.



$('#dropdown a').click(function () {           

  var val = parseInt($(this).attr("value"));

  if (val == 1) {

    $('#status').removeClass();

    $('#status').addClass("btn btn-success");

    $('#status').text ("Verified");

    $('#bar').removeClass("btn-success btn-warning btn-danger");

    $('#bar').addClass("btn-success");

  } else if (val == 2) {

    $('#status').removeClass();

    $('#status').addClass("btn btn-danger");

    $('#status').text ("Unverified");

    $('#bar').removeClass("btn-success btn-warning btn-danger");

    $('#bar').addClass("btn-danger");

  }else if (val == 3) {

    $('#status').removeClass();

    $('#status').addClass("btn btn-warning");

    $('#status').text ("Pending");

    $('#bar').removeClass("btn-success btn-warning btn-danger");

    $('#bar').addClass("btn-warning");

  }

});

Yeterli olacaktır. Kolay gelsin.

26.05.2021 21:23

#5

athirsizi WM Aracı Kullanıcı

Üyelik 21.03.2020
Yaş/Cinsiyet 34 / E
Meslek Yazılım
Konum İzmir

Ad Soyad F** K**
Mesajlar 530
Beğeniler 328 / 197
Ticaret 0, (%0)

Ek olarak head arasında jQuery latest min dosyasını çağırdığınızdan emin olunuz

27.05.2021 00:18

#6

emlak48 WM Aracı Kullanıcı

Üyelik 28.03.2016
Yaş/Cinsiyet 42 / E
Meslek Emlak
Konum Antalya

Ad Soyad İ** Y**
Mesajlar 112
Beğeniler 3 / 2
Ticaret 0, (%0)

Merhaba Hocam
baya uğraştım ama yapamadım, ben bir yerde hatamı yapıyorum, anlayamadım, kodlar aşağıdaki gibi, bakabilirmisin Hocam.



                                              
                                              
                                              
                                                  Onaysız
                                                  Onaylı
                                            

                                        




<script>
            $('#dropdown a').click(function (){
                var val = parseInt($(this).attr("value"));
                if (val == 0){
                    $('#status').removeClass();
                    $('#status').addClass("btn btn-danger");
                    $('#status').text ("Onaysız");
                    $('#bar').removeClass("btn-success btn-warning btn-danger");
                    $('#bar').addClass("btn-danger");
                } else if (val == 1){
                    $('#status').removeClass();
                    $('#status').addClass("btn btn-success");
                    $('#status').text ("Onaylı");
                    $('#bar').removeClass("btn-success btn-warning btn-danger");
                    $('#bar').addClass("btn-success");
                }else if (val == 2){
                    $('#status').removeClass();
                    $('#status').addClass("btn btn-warning");
                    $('#status').text ("Beklemede");
                    $('#bar').removeClass("btn-success btn-warning btn-danger");
                    $('#bar').addClass("btn-warning");
                }
            });
        </script>

Alanya Emlak

27.05.2021 03:10

#7

emreyvz .NET Core & Angular & PHP Kullanıcı

Üyelik 19.04.2016
Yaş/Cinsiyet 27 / E
Meslek Bilgisayar Mühendisi
Konum İstanbul Anadolu

Ad Soyad E** Y**
Mesajlar 689
Beğeniler 110 / 250
Ticaret 24, (%100)

emlak48 adlı üyeden alıntı

Merhaba Hocam
baya uğraştım ama yapamadım, ben bir yerde hatamı yapıyorum, anlayamadım, kodlar aşağıdaki gibi, bakabilirmisin Hocam.





                                              

                                              

                                              

                                                  Onaysız

                                                  Onaylı

                                            

                                        







<script>

            $('#dropdown a').click(function (){

                var val = parseInt($(this).attr("value"));

                if (val == 0){

                    $('#status').removeClass();

                    $('#status').addClass("btn btn-danger");

                    $('#status').text ("Onaysız");

                    $('#bar').removeClass("btn-success btn-warning btn-danger");

                    $('#bar').addClass("btn-danger");

                } else if (val == 1){

                    $('#status').removeClass();

                    $('#status').addClass("btn btn-success");

                    $('#status').text ("Onaylı");

                    $('#bar').removeClass("btn-success btn-warning btn-danger");

                    $('#bar').addClass("btn-success");

                }else if (val == 2){

                    $('#status').removeClass();

                    $('#status').addClass("btn btn-warning");

                    $('#status').text ("Beklemede");

                    $('#bar').removeClass("btn-success btn-warning btn-danger");

                    $('#bar').addClass("btn-warning");

                }

            });

        </script>

Öncelikle hata vs. veriyor mu? Şuan gördüğüm kadarıyla gördüğüm eksiklik 'nın value değerleri eksik.

Onaysız

                                                  Onaylı

Dropdown buton yardım

Üye Girişi Yap