「javascript/zeb_row」の編集履歴(バックアップ)一覧はこちら
javascript/zeb_row - (2016/12/31 (土) 17:51:57) の1つ前との変更点
追加された行は緑色になります。
削除された行は赤色になります。
#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(){
var f = -1;
var row = 0;
$(' tr', this).each(function(){
var aaa = $(' td:nth-of-type('+td_num+')', this).attr('rowspan');
if(row <= 0){
f *= -1;
if(aaa > 0){row = aaa;}
}
if(f == 1) {$(this).css('background-color', color1);}
else if(f == -1){$(this).css('background-color', color2);}
row--;
});
});
});
</script>
}}}}}
#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>
}}}}}
Comments policy & Terms of Use
・ネタバレ自粛期間中はシナリオや真名のネタバレは禁止です!
ネタバレ自粛期間の文字列挿入箇所
・コメントの内容に準じたコメントフォームを利用しましょう!
※報告を扇動したり異なるフォームへの投稿が散見した場合、coや規制対応することがあります
・現在、異なる板へのガチャ報告に利用者が定型文で誘導を行えるようルール改定するか議論中です。
時間がありましたら賛成/反対だけで構わないのでレスの協力お願いします
閉じる