LLWiki正在建设中,欢迎加入我们!
“Widget:As-song”的版本间差异
跳转到导航
跳转到搜索
(创建页面,内容为“<noinclude>{{doc|content=用於LoveLive!學園偶像祭ALL STARS歌曲列表,請使用{{tl|AS song select}}調用。}}</noinclude><includeonly><!--{if !isset($…”) |
小 |
||
第10行: | 第10行: | ||
nodeList[0].style.display = 'table'; |
nodeList[0].style.display = 'table'; |
||
nodeList.forEach(function(table) { |
nodeList.forEach(function(table) { |
||
var option = new Option(table.querySelector(' |
var option = new Option(table.querySelector('big').textContent); |
||
select.add(option); |
select.add(option); |
||
}); |
}); |
2020年10月25日 (日) 23:15的版本
JavaScript脚本:
window.addEventListener('load', function() {
document.querySelectorAll( '.as-song-container' ).forEach(function(ele) {
var select = document.createElement('select'),
nodeList = ele.querySelectorAll('.as-song');
ele.insertBefore(select, ele.firstChild);
select.lang = 'ja';
select.dataset.oldIndex = 0;
nodeList[0].style.display = 'table';
nodeList.forEach(function(table) {
var option = new Option(table.querySelector('big').textContent);
select.add(option);
});
select.onchange = function() {
nodeList[select.dataset.oldIndex].style.display = 'none';
nodeList[select.selectedIndex].style.display = 'table';
select.dataset.oldIndex = select.selectedIndex;
};
});
});
//
CSS样式表:
*/
.as-song-container select {
font-size: 1rem;
padding: 2px;
margin-right: 1em;
}
.as-song-container select + div {
display: inline-block;
vertical-align: top;
}
.as-song-container .as-song {
display: none;
}
/*