LLWiki正在建设中,欢迎加入我们

“Widget:Sif-song-table”的版本间差异

来自LLWiki
跳转到导航 跳转到搜索
(创建页面,内容为“<noinclude>{{doc|content=用于LoveLive!学园偶像祭歌曲列表。}}</noinclude><includeonly><!--{if !isset($wgWidgetSifSongTable) || !$wgWidgetSifSongTable}…”)
 
第9行: 第9行:
e.style.display = '';
e.style.display = '';
});
});
table.querySelectorAll( 'td:nth-last-child(-n+2) > span:nth-child(' + (i+1) + ')' ).forEach(function(e) {
table.querySelectorAll( 'td:nth-last-child(-n+2)' ).forEach(function(e) {
e.style.display = 'initial';
let level = e.querySelector( ':scope > span:nth-child(' + (i+1) + ')' );
level.style.display = 'initial';
e.dataset.sortValue = level.textContent;
});
});
};
};

2020年10月15日 (四) 04:47的版本

Template-info.png 小部件文档
这个文档是内联文档。

用于LoveLive!学园偶像祭歌曲列表

JavaScript脚本:

window.addEventListener('load', function() {
    document.querySelectorAll( '.sif-song-table' ).forEach(function(table) {
        table.querySelectorAll( '.tabs-dropdown li' ).forEach(function(ele, i) {
            ele.onclick = function() {
                table.querySelector( '.tabs-label' ).textContent = ele.textContent;
                table.querySelectorAll( 'td:nth-last-child(-n+2) > span' ).forEach(function(e) {
                    e.style.display = '';
                });
                table.querySelectorAll( 'td:nth-last-child(-n+2)' ).forEach(function(e) {
                    let level = e.querySelector( ':scope > span:nth-child(' + (i+1) + ')' );
                    level.style.display = 'initial';
                    e.dataset.sortValue = level.textContent;
                });
            };
        });
    });
});
//

CSS样式表:

 */
.sif-song-table {
	text-align:center;
}
.sif-song-table .tabs-content {
	border-radius:0 0 8px 8px;
}
.sif-song-table .tabs-dropdown ul {
	background-color:#f8f9fa;
}
.sif-song-table .tabs-dropdown li:last-child {
	border-radius:0 0 8px 8px;
}
.sif-song-table td:nth-last-child(-n+2) > span {
	display:none;
}
/*