Duyuruyu Kapat
Facebook Gözat
Twitter Gözat

Form içerisinde ki click'e tıklayınca div'in renk değiştirmesi sorunu

Konu, 'PHP' kısmında gurkanozturk tarafından paylaşıldı.

  1. gurkanozturk

    gurkanozturk Üye

    Kayıt:
    21 Temmuz 2009
    Mesajlar:
    29
    Beğenilen Mesajlar:
    0
    Merhabalar, click 'e tıklayınca div in renk değiştirmesini istiyorum ve aşağıdaki gibi bir kod buldum,

    Kod:
    <script type="text/javascript">
    function myFunction(x) {
      x.classList.toggle('red');
    }
    </script>
    
    <style type="text/css">
    .dersbuton {
      width: 20px;
      background-color: #008000;
      padding: 7px;
      margin: 0px;
    }
    .red {
      background-color: red !important;
    }
    </style>
    
    <div id="question_text_1" class="dersbuton">
      <input type="checkbox" onChange="myFunction(question_text_1)">
    </div>
    Yukarıdaki kodlar çalışıyor fakat ;

    Kod:
    <div id="question_text_1" class="dersbuton">
      <input type="checkbox" onChange="myFunction(question_text_1)">
    </div>
    Bu kısmı form içerisine almam gerekiyor ki veriyi post edebileyim;

    Kod:
    <form id="veri-formu">
    <div id="question_text_1" class="dersbuton">
      <input type="checkbox" onChange="myFunction(question_text_1)">
    </div>
    </form>
    Şeklinde kodu form içerisine aldığımda click'e tıkladığım zaman div rengi değişmiyor, değişmesini nasıl sağlayabilirim? Yardımcı olursanız sevinirim.
     
  2. gk

    gk Üye

    Kayıt:
    24 Aralık 2009
    Mesajlar:
    93
    Beğenilen Mesajlar:
    1
    Meslek:
    Yazılım Geliştirici
    Şehir:
    İstanbul
    Kod:
    function myFunction(x) {
      document.getElementById(x).style.backroundColor = '#FF0000';
    }
    
    gibi bir değişiklikle belki sorun çözülebilir.
     
  3. gurkanozturk

    gurkanozturk Üye

    Kayıt:
    21 Temmuz 2009
    Mesajlar:
    29
    Beğenilen Mesajlar:
    0
    Ne yazık ki böyle de çalışmadı :(
     
  4. gk

    gk Üye

    Kayıt:
    24 Aralık 2009
    Mesajlar:
    93
    Beğenilen Mesajlar:
    1
    Meslek:
    Yazılım Geliştirici
    Şehir:
    İstanbul
    Kod:
    function myFunction(x) {
        document.getElementById(x).classList.toggle("red");
    }
    
    
    belki böyle olur.
     
  5. gurkanozturk

    gurkanozturk Üye

    Kayıt:
    21 Temmuz 2009
    Mesajlar:
    29
    Beğenilen Mesajlar:
    0
    ne yazık ki böyle de olmadı :(
     
  6. iseok

    iseok Yeni Üye

    Kayıt:
    31 Ağustos 2017
    Mesajlar:
    13
    Beğenilen Mesajlar:
    2
    Meslek:
    SEO ve Yazılım Uzmanı
    Şehir:
    istanbul
    Son düzenleme: 1 Eylül 2017
  7. gurkanozturk

    gurkanozturk Üye

    Kayıt:
    21 Temmuz 2009
    Mesajlar:
    29
    Beğenilen Mesajlar:
    0
    Bana button olarak değil click olarak renk değiştiren bir kod lazım.. Ancak yine de teşekkür ederim :)
     
  8. gurkanozturk

    gurkanozturk Üye

    Kayıt:
    21 Temmuz 2009
    Mesajlar:
    29
    Beğenilen Mesajlar:
    0
    Sonunda dolaylı yolla yapabildim. Belki başkalarına lazım olur diye paylaşıyorum.

    Kod:
        <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
        <script src="js/jquery-ui.js" type="text/javascript" language="javascript"></script>
    <script>
    function myFunction(g) {
    var x = "#c_" + g;
    var y = "#" + g;
    jQuery(document).ready(function($){
        $(x).on('change', function(){
            if($(this).is(':checked')){
               $(y).css('background-color',"red");
            } else {
                $(y).css('background-color',"#fff");
            }
        })
    })
    }
    </script>
    
    <form id="veri-formu">
    <input type="checkbox" id="c_gurkan" onClick="myFunction('gurkan')"/>
    <div id="gurkan">Color Will change here</div>
    <input type="checkbox" id="c_mehmet" onClick="myFunction('mehmet')"/>
    <div id="mehmet">Color Will change here</div>
    </form>