| ◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺，请勇于修正/添加！参与进来其实很容易！点这里 加入少前百科。 ◆有任何意见、建议、纠错，欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群：597764980，微博@GFwiki少前百科 ◆To foreigners，You can use twitter to contact us. |
|
“Widget:Tdollquery2”的版本间的差异
Mikumikuer（讨论 | 贡献） |
（在列表底部添加翻页） |
||
| 第492行： | 第492行： | ||
<label><input type="radio" id="sortProtime" name="sort"><div>建造时间</div></label> | <label><input type="radio" id="sortProtime" name="sort"><div>建造时间</div></label> | ||
</div> | </div> | ||
| − | <div id="page-info-div" style="display: block;position: relative;"><a | + | <div id="page-info-div" style="display: block;position: relative;"><a class="PrevPage" href="javascript:void(0);" style="visibility: hidden;float: left;">◀上一页</a> |
| − | <span id="per-page-span">每页<select | + | <span id="per-page-span">每页<select class="per-page" style="background: white;"><option>50</option><option>100</option><option>200</option><option>500</option></select></span> |
| − | <span | + | <span class="resultBox" style="position: absolute;width: 100%;text-align: center;left: 0px;pointer-events: none;">数据载入中，请稍后</span> |
| − | <span style="position:absolute;right:16%;">第<select | + | <span style="position:absolute;right:16%;">第<select class="cur-page" style="background: white;"></select>页</span> |
| − | <a | + | <a class="NextPage" href="javascript:void(0);" style="visibility: visible;float: right;">下一页▶</a></div> |
<div id="position-marker"></div> | <div id="position-marker"></div> | ||
| + | <div id="page-info-div" style="display: block;position: relative;"><a class="PrevPage" href="javascript:void(0);" style="visibility: hidden;float: left;">◀上一页</a> | ||
| + | <span id="per-page-span">每页<select class="per-page" style="background: white;"><option>50</option><option>100</option><option>200</option><option>500</option></select></span> | ||
| + | <span class="resultBox" style="position: absolute;width: 100%;text-align: center;left: 0px;pointer-events: none;">数据载入中，请稍后</span> | ||
| + | <span style="position:absolute;right:16%;">第<select class="cur-page" style="background: white;"></select>页</span> | ||
| + | <a class="NextPage" href="javascript:void(0);" style="visibility: visible;float: right;">下一页▶</a></div> | ||
</div><BR><script type="text/javascript">(window.RLQ=window.RLQ||[]).push(function(){ | </div><BR><script type="text/javascript">(window.RLQ=window.RLQ||[]).push(function(){ | ||
window.DollsData = new Array; $(".dolldata").each( function (index, element){ var o = new Object(); for (var k in element.dataset){ if(k!="artist"){o[k] = element.dataset[k]} } window.DollsData.push(o); element.remove(); })//获取数据 | window.DollsData = new Array; $(".dolldata").each( function (index, element){ var o = new Object(); for (var k in element.dataset){ if(k!="artist"){o[k] = element.dataset[k]} } window.DollsData.push(o); element.remove(); })//获取数据 | ||
| 第608行： | 第613行： | ||
};} | };} | ||
var pages; | var pages; | ||
| − | switch($(' | + | switch($('.per-page')[0].selectedIndex){ |
case 0:pages = Math.ceil(pushlist.length/50);break; | case 0:pages = Math.ceil(pushlist.length/50);break; | ||
case 1:pages = Math.ceil(pushlist.length/100);break; | case 1:pages = Math.ceil(pushlist.length/100);break; | ||
| 第614行： | 第619行： | ||
case 3:pages = Math.ceil(pushlist.length/500);break; | case 3:pages = Math.ceil(pushlist.length/500);break; | ||
} | } | ||
| − | if (pages == 1) {$(" | + | if (pages == 1) {$(".PrevPage,.NextPage").css('visibility',"hidden")}else{$(".PrevPage").css('visibility',"hidden");$(".NextPage").css('visibility',"visible")} |
| − | if(pages != 0){$(" | + | if(pages != 0){$(".cur-page option").remove();for (var i = 0; i < pages; i++) {$('.cur-page').append(`\<option\>${i+1}\<\/option\>`)};}else{$(".cur-page option").remove();$('.cur-page').append(`\<option\>1\<\/option\>`);} |
| − | $(' | + | // $('.cur-page option')[0].selected = true; |
| − | + | let opts = $('.cur-page option'); let len = opts.length; opts[0].selected = true; opts[len/2].selected = true; | |
| + | $(".resultBox").text(`共${pushlist.length}个`); | ||
if (pushlist.length == 0) {$("#position-marker").html(emptydiv);return pushlist} | if (pushlist.length == 0) {$("#position-marker").html(emptydiv);return pushlist} | ||
page_switch(); | page_switch(); | ||
| 第643行： | 第649行： | ||
function change_page(obj){ | function change_page(obj){ | ||
| − | var cSel = $(" | + | var cSel = $(".cur-page")[0].selectedIndex; |
| − | if(obj. | + | if(obj.className=="NextPage"){cSel++}else if(obj.className=="PrevPage"){cSel--} |
| − | $(" | + | let len = $(".cur-page option").length; |
| − | + | $(".cur-page option")[cSel].selected = true; | |
| + | $(".cur-page option")[cSel+len/2].selected = true; | ||
| + | var cLen = len/2-1; | ||
switch(cSel){ | switch(cSel){ | ||
| − | case 0:$(" | + | case 0:$(".PrevPage").css('visibility',"hidden");$(".NextPage").css('visibility',"visible");break; |
| − | case cLen:$(" | + | case cLen:$(".PrevPage").css('visibility',"visible");$(".NextPage").css('visibility',"hidden");break; |
| − | default:$(" | + | default:$(".PrevPage,.NextPage").css('visibility',"visible");break; |
} | } | ||
page_switch(); | page_switch(); | ||
} | } | ||
| − | $(" | + | $(".PrevPage,.NextPage").on("click",function(){change_page(this)}); |
| − | $(" | + | $(".cur-page").on("change",function(){$(".cur-page").prop("selectedIndex", this.selectedIndex);change_page(this)}); |
| − | $(" | + | $(".per-page").on("change",function(){$(".per-page").prop("selectedIndex", this.selectedIndex);apply_filter()}); |
function debug_marker(key,data){ | function debug_marker(key,data){ | ||
