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

javascript/zeb_row - (2021/03/04 (木) 13:44:18) の１つ前との変更点

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

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

#js{{{{{
<style>
div#zeb_row_args {display:none;}
</style>
<script type="text/javascript">
$(function(){
	var td_num = 1;
	var color1 = '#F5FFFA';
	var color2 = '';
	
	var args = $.trim($('div#zeb_row_args').text()).split(',');
	if(args.length == 3){
		var td_num = args[0];
		var color1 = args[1];
		var color2 = args[2];
	}
	
	$('.zeb_row table').each(function(){
		table_add_class($(this));
		
		var f = -1;
		var row = 0;
		
		$(' tr', this).each(function(){
			var aaa = $(' td.col'+td_num, this).attr('rowspan');
			
			if(row <= 0){
				f *= -1;
				if(aaa > 0){row = aaa;}
			}
			row--;
			
			if(f == 1)		{$(this).css('background-color', color1);}
			else if(f == -1){$(this).css('background-color', color2);}
		});
	});
});
</script>
<script>
// テーブルに行番号・列番号・奇数・偶数のClassを付与するfunction
function table_add_class(obj){
     
    var odname  = "od";  //奇数の識別名
    var evname  = "ev";  //偶数の識別名
    var rowname = "row"; //行の識別名
    var colname = "col"; //列の識別名
     
    // jQueryセレクタ文字列を受け取った場合
    if(typeof obj == "string"){
        obj = $(obj);
    }
     
    if(typeof obj == "object" && obj.length){
        // tbodyをスルー
        if(obj.children("tbody").length){
            obj = obj.children("tbody");    
        }
         
        var alr = new Array(); //スルーするセル（colspan、rowspan対策メモ用）
         
        // 行の処理開始
        var rownum  = 1; //行番号
        obj.children("tr").each(function(){
 
            // trに行番号のclass名を追加（row1 | row2 | row3 ...）
            $(this).addClass(rowname + rownum);
            // trに偶数・奇数のclass名を追加（ev | od）
            if(rownum % 2 == 0){
                $(this).addClass(evname);
            }else{
                $(this).addClass(odname);
            }
             
            // 列の処理開始
            var colnum = 1; //列番号
            $(this).children("th,td").each(function(){
                 
                //colspan、rowspan対策
                // 当該セルがスルーするセルなら、列番号を加算
                while(alr.indexOf("row" + rownum + "col" + colnum) >= 0){
                    colnum++;
                }
             
                // trに行番号のclass名を追加（col1 | col2 | col3 ...）
                $(this).addClass(colname + colnum);
                // th又はtdに偶数・奇数のclass名を追加（ev | od）
                if(colnum % 2 == 0){
                    $(this).addClass(evname);
                }else{
                    $(this).addClass(odname);
                }
                 
                //rowspan、colspanの設定があるかチェック
                var rowspan = $(this).attr("rowspan");
                var colspan = $(this).attr("colspan");
 
                // rowspanをチェックして、スルーするセル情報を追加
                if(typeof rowspan != "undefined"){
                    rowspan = Number(rowspan);
                    for(var row_i = 1; row_i < rowspan; row_i++){
                        // colspanをチェックして、スルーするセル情報を追加
                        if(typeof colspan != "undefined"){
                            colspan = Number(colspan);
                            for(var col_i = 0; col_i < (colspan -1); col_i++){
                                if(row_i == 1){
                                    alr.push("row" + rownum + "col" + (colnum + col_i));
                                }
                                alr.push("row" + (rownum + row_i) + "col" + (colnum + col_i));
                            }
                        }else{
                            alr.push("row" + (rownum + row_i) + "col" + colnum);
                        }
                    }
                     
                // colspanをチェックして、スルーするセル情報を追加
                }else if(typeof colspan != "undefined"){
                    colspan = Number(colspan);
                    for(var col_i = 1; col_i < colspan; col_i++){
                        alr.push("row" + rownum + "col" + (colnum + col_i));
                    }
                }
                 
                colnum++;
            });
             
            rownum++;
        });
    }
}
</script>
}}}}}

#js{{{{{
<style>
div#zeb_row_args {display:none;}
</style>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
	var td_num = 1;
	var color1 = '#F5FFFA';
	var color2 = '';
	
	var args = $.trim($('div#zeb_row_args').text()).split(',');
	if(args.length == 3){
		var td_num = args[0];
		var color1 = args[1];
		var color2 = args[2];
	}
	
	$('.zeb_row table').each(function(){
		table_add_class($(this));
		
		var f = -1;
		var row = 0;
		
		$(' tr', this).each(function(){
			var aaa = $(' td.col'+td_num, this).attr('rowspan');
			
			if(row <= 0){
				f *= -1;
				if(aaa > 0){row = aaa;}
			}
			row--;
			
			if(f == 1)		{$(this).css('background-color', color1);}
			else if(f == -1){$(this).css('background-color', color2);}
		});
	});
});
</script>
<script>
// テーブルに行番号・列番号・奇数・偶数のClassを付与するfunction
function table_add_class(obj){
     
    var odname  = "od";  //奇数の識別名
    var evname  = "ev";  //偶数の識別名
    var rowname = "row"; //行の識別名
    var colname = "col"; //列の識別名
     
    // jQueryセレクタ文字列を受け取った場合
    if(typeof obj == "string"){
        obj = $(obj);
    }
     
    if(typeof obj == "object" && obj.length){
        // tbodyをスルー
        if(obj.children("tbody").length){
            obj = obj.children("tbody");    
        }
         
        var alr = new Array(); //スルーするセル（colspan、rowspan対策メモ用）
         
        // 行の処理開始
        var rownum  = 1; //行番号
        obj.children("tr").each(function(){
 
            // trに行番号のclass名を追加（row1 | row2 | row3 ...）
            $(this).addClass(rowname + rownum);
            // trに偶数・奇数のclass名を追加（ev | od）
            if(rownum % 2 == 0){
                $(this).addClass(evname);
            }else{
                $(this).addClass(odname);
            }
             
            // 列の処理開始
            var colnum = 1; //列番号
            $(this).children("th,td").each(function(){
                 
                //colspan、rowspan対策
                // 当該セルがスルーするセルなら、列番号を加算
                while(alr.indexOf("row" + rownum + "col" + colnum) >= 0){
                    colnum++;
                }
             
                // trに行番号のclass名を追加（col1 | col2 | col3 ...）
                $(this).addClass(colname + colnum);
                // th又はtdに偶数・奇数のclass名を追加（ev | od）
                if(colnum % 2 == 0){
                    $(this).addClass(evname);
                }else{
                    $(this).addClass(odname);
                }
                 
                //rowspan、colspanの設定があるかチェック
                var rowspan = $(this).attr("rowspan");
                var colspan = $(this).attr("colspan");
 
                // rowspanをチェックして、スルーするセル情報を追加
                if(typeof rowspan != "undefined"){
                    rowspan = Number(rowspan);
                    for(var row_i = 1; row_i < rowspan; row_i++){
                        // colspanをチェックして、スルーするセル情報を追加
                        if(typeof colspan != "undefined"){
                            colspan = Number(colspan);
                            for(var col_i = 0; col_i < (colspan -1); col_i++){
                                if(row_i == 1){
                                    alr.push("row" + rownum + "col" + (colnum + col_i));
                                }
                                alr.push("row" + (rownum + row_i) + "col" + (colnum + col_i));
                            }
                        }else{
                            alr.push("row" + (rownum + row_i) + "col" + colnum);
                        }
                    }
                     
                // colspanをチェックして、スルーするセル情報を追加
                }else if(typeof colspan != "undefined"){
                    colspan = Number(colspan);
                    for(var col_i = 1; col_i < colspan; col_i++){
                        alr.push("row" + rownum + "col" + (colnum + col_i));
                    }
                }
                 
                colnum++;
            });
             
            rownum++;
        });
    }
}
</script>
}}}}}