「javascript/rune_filter」の編集履歴（バックアップ）一覧はこちら

javascript/rune_filter - (2019/01/11 (金) 22:40:34) の最新版との変更点

追加された行は緑色になります。

削除された行は赤色になります。

#javascript(){{
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script>
    $('table').each(function(){
      $("tr").each(function(i){
        var num =  $(this).children().eq(1).text();
        switch (num) {
          case "赤":
            $(this).addClass("red");
            break;
          case "青":
            $(this).addClass("blue");
            break;
          case "緑":
            $(this).addClass("green");
            break;
                   }
      });
    });


    $('table').each(function(){
      $("tr").each(function(i){
        var num =  $(this).children().eq(2).text();

        if(num.indexOf("ウォーリア") > -1){
          $(this).addClass("Wa");
        }
        if(num.indexOf("レンジャー") > -1){
          $(this).addClass("Ra");
        }
        if(num.indexOf("メイジ") > -1){
          $(this).addClass("Ma");
        }
        if(num.indexOf("クレリック") > -1){
          $(this).addClass("Cl");
        }
        if(num.indexOf("マーチャント") > -1){
          $(this).addClass("Me");
        }
        if(num.indexOf("モンク") > -1){
          $(this).addClass("Mo");
        }

      });
    });


    var $col_all = $('.all_color');
    $col_all.click(function() {
      $(".check_color").prop('checked',false);
      $col_all.prop('checked',true);
    });  
    
    
    var $col_check = $('.check_color');
    $col_check.click(function() {
      
      $col_all.prop('checked',false);
      var check_count = $('.check_color:checked').length;
      if (check_count == 0 ){
        $col_all.prop('checked',true);
      }
    });

    var $cls_all = $('.all_class');
    $cls_all.click(function() {
      $(".check_class").prop('checked',false);
      $cls_all.prop('checked',true);
    });

    var $cls_check = $('.check_class');
    $cls_check.click(function() {
      $cls_all.prop('checked',false);
      var check_count2 = $('.check_class:checked').length;
      if (check_count2 == 0 ){
        $cls_all.prop('checked',true);
      }
    });





    $(function(){
      $('.check_color,.check_class,.all_color,.all_class').on("change",function(){
     test();
      });
    });
    

    $(function () {
      var cls = "";
      var args = $.trim($('div#cls_args').text()).split(',');
      if(args == ""){
      }
      else{
        var cls = args[0];
        $(cls).prop('checked',true);
        $('.all_class').prop('checked',false);
        
        test()
        
      }
    });


    function test(){
      $('table tbody tr').hide();

      $('.color').find('[type=checkbox]:checked').each(function(){
        var hoge1 = $(this).prop("class").split(' ');
        $('.class').find('[type=checkbox]:checked').each(function(){
          var hoge2 = $(this).prop("class").split(' ');
          var array = hoge1.concat(hoge2);  

          $.each(hoge1, function(i, value) {
            $.each(hoge2, function(t, value) {
              $('table tr').filter(function(){return $(this).hasClass(hoge1[i]) && $(this).hasClass(hoge2[t]);}).show();
            });
          });

        });
      });
    }
  </script>
}}

#javascript(){{
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script>
    
    $('#contents table').each(function(){
      $("tr").each(function(i){
        var num =  $(this).children().eq(0).text();
        switch (num) {
          case "A":
            $(this).addClass("active");
            break;
          case "P":
            $(this).addClass("passive");
            break;

                   }
      });
    });
    
    $('#rune_filter table').each(function(){
      $("tr").each(function(i){
        var num =  $(this).children().eq(2).text();
        switch (num) {
          case "赤":
            $(this).addClass("red");
            break;
          case "青":
            $(this).addClass("blue");
            break;
          case "緑":
            $(this).addClass("green");
            break;
                   }
      });
    });


    $('#rune_filter table').each(function(){
      $("tr").each(function(i){
        var num =  $(this).children().eq(3).text();

        if(num.indexOf("ウォーリア") > -1){
          $(this).addClass("Wa");
        }
        if(num.indexOf("レンジャー") > -1){
          $(this).addClass("Ra");
        }
        if(num.indexOf("メイジ") > -1){
          $(this).addClass("Ma");
        }
        if(num.indexOf("クレリック") > -1){
          $(this).addClass("Cl");
        }
        if(num.indexOf("マーチャント") > -1){
          $(this).addClass("Me");
        }
        if(num.indexOf("モンク") > -1){
          $(this).addClass("Mo");
        }

      });
    });

    
    
    var $ap_all = $('.all_ap');
    $ap_all.click(function() {
      $(".check_ap").prop('checked',false);
      $ap_all.prop('checked',true);
    });  


    var $ap_check = $('.check_ap');
    $ap_check.click(function() {

      $ap_all.prop('checked',false);
      var check_count = $('.check_ap:checked').length;
      if (check_count == 0 ){
        $ap_all.prop('checked',true);
      }
    });

    var $col_all = $('.all_color');
    $col_all.click(function() {
      $(".check_color").prop('checked',false);
      $col_all.prop('checked',true);
    });  


    var $col_check = $('.check_color');
    $col_check.click(function() {

      $col_all.prop('checked',false);
      var check_count2 = $('.check_color:checked').length;
      if (check_count2 == 0 ){
        $col_all.prop('checked',true);
      }
    });

    var $cls_all = $('.all_class');
    $cls_all.click(function() {
      $(".check_class").prop('checked',false);
      $cls_all.prop('checked',true);
    });

    var $cls_check = $('.check_class');
    $cls_check.click(function() {
      $cls_all.prop('checked',false);
      var check_count3 = $('.check_class:checked').length;
      if (check_count3 == 0 ){
        $cls_all.prop('checked',true);
      }
    });




    $(function(){
      $('.check_color,.check_class,.all_color,.all_class,.check_ap,.all_ap').on("change",function(){
     test();
      });
    });
    

    $(function () {
      var cls = "";
      var args = $.trim($('div#cls_args').text()).split(',');
      if(args == ""){
      }
      else{
        var cls = args[0];
        $(cls).prop('checked',true);
        $('.all_class').prop('checked',false);
        
        test()
        
      }
    });


    function test(){
      $('#rune_filter table tbody tr').hide();


      $('.ap').find('[type=checkbox]:checked').each(function(){
        var hoge = $(this).prop("class").split(' ');
      $('.color').find('[type=checkbox]:checked').each(function(){
        var hoge1 = $(this).prop("class").split(' ');
        $('.class').find('[type=checkbox]:checked').each(function(){
          var hoge2 = $(this).prop("class").split(' ');
          
          var array = hoge1.concat(hoge2);  
          $.each(hoge, function(a, value) {
          $.each(hoge1, function(i, value) {
            $.each(hoge2, function(t, value) {
              $('#contents table tr').filter(function(){return $(this).hasClass(hoge[a]) && $(this).hasClass(hoge1[i]) && $(this).hasClass(hoge2[t]);}).show();
            });
          });
          });
        });
      });          });
    }

  
  </script>
}}