• 12-02-2014, 03:50:32
    #1
    İyi Çalışmalar.

    Veritabanından bir çok kayıtı satırlar halinde listeliyorum. Her satırda bir adet Checkbox var. Bu box işaretlendiğinde, box'un olduğu satırın renginin değişmesini istiyorum. Aşağıda bir kod denedim ancak beceremedim.

    Bilgili olan arkadaşlar yardımlarını esirgemezse çok sevinirim.
    Not: jquery kodları tamamen çalışmıyor değil, düzensiz saçma sapan çalışıyor.

    <script type="text/javascript">
    function renklendirme(testno){
    $(document).ready(function(){
    $(":checkbox").change(function(){
    if($(testno).is(':checked'))
    {
    var color2=document.getElementById(testno).style.backgroundColor= '#FFFF99';
    }
    else 
    {
    var color1=document.getElementById(testno).style.backgroundColor= '#DDDDDD';
    }
    });
    });
    }
    </script>
     
    
    <%
    i="1"
    do while not rs.eof
    %>
    <tr id="<%=rs("id")%>" >
    <td  width="20" height="20"><input type="checkbox" value="<%=rs ("id")%>" 
    name="test_id" id="<%=rs("id")%>" onclick="renklendirme('<%=rs("id")%>')"></td>
     
    
    <td width="31" height="20"><b><%=i%>.</b></td></td>
    </tr>
     
    <%
    i=i+1
    rs.movenext
    loop
    %>



    Hatta şöyle bir şey geliştirmiştim. Tıklayınca Renk değiştiriyor ancak işareti kaldırınca aynı renk kalıyor, değişmiyor:






    <script type="text/javascript">
     
    function renklendirme(testno)
    
    {
    if (testno.checked == 0)
    {
    var color1=document.getElementById(testno).style.backgroundColor= '#DDDDDD';
    }
    else
    {
    var color2=document.getElementById(testno).style.backgroundColor= '#FFFF99';
    }
    }
    </script>
  • 14-02-2014, 13:26:17
    #2
    Kimlik doğrulama veya yönetimden onay bekliyor.
    En basit hali ile aşağıdaki şekilde bir kod işini görür. Kendi sistemine göre düzenlersin.

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script type="text/javascript">
    function check(i){
    if($("#"+i+":checked").val()>0){
    $("#tr"+ $("#"+i).attr('id')).css({'background-color':'#FFFF99'});
    }else{
    $("#tr"+ $("#"+i).attr('id')).css({'background-color':'#DDDDDD'});
    }
    }
    </script>
    </head>

    <body>

    <table>
    <%
    for i=1 to 10
    %>
    <tr id="tr<%=i%>" style="background-color:#DDDDDD">
    <td width="20" height="20"><input type="checkbox" value="<%=i%>" name="test_id" id="<% =i %>" onClick="javascript:check('<% =i %>');"></td>
    <td width="31" height="20"><b><%=i%>.</b></td></td>
    </tr>
    <%
    next%>
    </table>
    </body>
    </html>

    Ayrıca codepen linki aşağıdaki şekilde

    http://cdpn.io/HknGx