Basit Bir Javascript (Yardım)

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Webci58
    Webci58's avatar
    Kayıt Tarihi: 12/Eylül/2012
    Erkek

    Merhaba,

    Pek javascript bilgim olmadığı için ufak bir işlemde takıldım, birkaç saattir uğraşıyorum yapamadım işi teslim etmem gerek.

    Yapmak istediğim şu; açılır menü butonuna(btn-mobile) tıkladığında .logo divine bir class eklemesi, bunu yaptım fakat açılır menü kapandığında o class'ı silmesi gerekiyor.

    Açılır menü tıklandığında resimdeki gibi "in" class'ı aktif oluyor, kapandığında o class kalkıyor. Kısaca "in" classı var ise logoya class eklemesi, yok ise silmesi gerekiyor.

     

     

    Webci58 tarafından 06/Şub/17 11:19 tarihinde düzenlenmiştir

    Frontend Dev.
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    camarade
    ontedi
    ontedi's avatar
    Kayıt Tarihi: 04/Eylül/2005
    Erkek
    jQuery(document).bind("click", function() {
    
    if (jQuery("div.navbar-collapse").hasClass('in')) {
    
    jQuery("button.btn-mobile").trigger('click');
    jQuery(".logo").addClass(".eklenmesini istediğin klassss");
    }
    else
    {
    jQuery(".logo").removeClass(".eklenen klasssssı tekrar yaz");
    }
    });

     


    Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Webci58
    Webci58's avatar
    Kayıt Tarihi: 12/Eylül/2012
    Erkek
    ontedi bunu yazdı
    jQuery(document).bind("click", function() {
    
    if (jQuery("div.navbar-collapse").hasClass('in')) {
    
    jQuery("button.btn-mobile").trigger('click');
    jQuery(".logo").addClass(".eklenmesini istediğin klassss");
    }
    else
    {
    jQuery(".logo").removeClass(".eklenen klasssssı tekrar yaz");
    }
    });

     

    sağol hocam ama yemedi ya hiç tetiklemedi, sanırım jQuery(document).bind("click", function () { yazıldığında herhangi bir yere tıklayınca yapıyor bunu kullanamayız,

    direkt .btn-mobile tıklandığında işlem yapması gerek 

     


    Frontend Dev.
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    camarade
    ontedi
    ontedi's avatar
    Kayıt Tarihi: 04/Eylül/2005
    Erkek
    jQuery("body").on("change", ".btn-mobile", function () {
    if (jQuery(".navbar-collapse").hasClass("in"))
    {
    jQuery(".logo").addClass("bu class değerini ekle");
    }
    else
    {
    jQuery(".logo").removeClass("aynı class değerini sil");
    }
        });

     


    Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Webci58
    Webci58's avatar
    Kayıt Tarihi: 12/Eylül/2012
    Erkek
    ontedi bunu yazdı
    jQuery("body").on("change", ".btn-mobile", function () {
    if (jQuery(".navbar-collapse").hasClass("in"))
    {
    jQuery(".logo").addClass("bu class değerini ekle");
    }
    else
    {
    jQuery(".logo").removeClass("aynı class değerini sil");
    }
        });

     

    sağol hocam bu işimi görür :)


    Frontend Dev.
  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    network
    network's avatar
    Kayıt Tarihi: 17/Temmuz/2005
    Erkek
    Webci58 bunu yazdı
    ontedi bunu yazdı
    jQuery(document).bind("click", function() {
    
    if (jQuery("div.navbar-collapse").hasClass('in')) {
    
    jQuery("button.btn-mobile").trigger('click');
    jQuery(".logo").addClass(".eklenmesini istediğin klassss");
    }
    else
    {
    jQuery(".logo").removeClass(".eklenen klasssssı tekrar yaz");
    }
    });

     

    sağol hocam ama yemedi ya hiç tetiklemedi, sanırım jQuery(document).bind("click", function () { yazıldığında herhangi bir yere tıklayınca yapıyor bunu kullanamayız,

    direkt .btn-mobile tıklandığında işlem yapması gerek 

     

    trigger denermisin ;) 

    http://api.jquery.com/trigger/

    https://learn.jquery.com/events/triggering-event-handlers/

     


    I Love Software , Software is a life...
  7. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Retro
    by_Tet
    by_Tet's avatar
    Kayıt Tarihi: 22/Mayıs/2012
    Erkek

    Hocam o in classı gökten gaipten eklenilmiyor muhtemelen. Onun da javascriptte bir fonksiyonu var. Aynı yerde logoya da ekleme ve çıkarma yapman gerekiyor.

    Kodları göremediğimden birşey diyemiyorum. Ancak

    $('#acilir-menu-idsi').click(function(){

    şekline benzer başlayan bir fonksiyonda 

    $(this).addClass('in')

    gibicesine bir yer daha vardır. Oranın altına bir de logoma ekle lütfen diyeceksin. Aynı şekilde sildiği yerde de aynısını diyeceksin.


    iyibu! yeniden..
  8. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Webci58
    Webci58's avatar
    Kayıt Tarihi: 12/Eylül/2012
    Erkek
    by_Tet bunu yazdı

    Hocam o in classı gökten gaipten eklenilmiyor muhtemelen. Onun da javascriptte bir fonksiyonu var. Aynı yerde logoya da ekleme ve çıkarma yapman gerekiyor.

    Kodları göremediğimden birşey diyemiyorum. Ancak

    $('#acilir-menu-idsi').click(function(){

    şekline benzer başlayan bir fonksiyonda 

    $(this).addClass('in')

    gibicesine bir yer daha vardır. Oranın altına bir de logoma ekle lütfen diyeceksin. Aynı şekilde sildiği yerde de aynısını diyeceksin.

    hocam bootstrap js'sinde var tam yerini bulamadım dediğin gibi çözüm direkt buradan olabilir

    network hocam onu da inceleyeceğim bir şekilde çözerim muhtemelen :)


    Frontend Dev.
Toplam Hit: 1161 Toplam Mesaj: 8
javascript class