“Widget:Tdollquery2”的版本间的差异

2019年11月26日 (二) 21:23的版本

   display: inline-block;
   width: 100px;

} div.tileSearchCond:first-of-type {

   margin-left:1rem

}

table.tileSearch { display:table; margin: 0.1rem 1rem 0.1rem auto; } table.tileSearch td{ padding:10px; background-color:#444 } table.tileSearch#selfpos td.active{ background-color:#fff; } table.tileSearch#effectarea td.active{ background-color:#00ffff; } div#buttonContainer {

   position:relative;

} div#buttonContainer span:last-child {

   float:right;
   margin-right: 1rem;

} div#buttonContainer button {

   height: 25px;
   padding: 0px 10px;
   margin: 0px;
   background-color:#DDD;
   background-image: linear-gradient(-45deg,#f4c430 5px,transparent 5px);
   border: 0px solid !important;
   position: relative;
   top: 0px;

} div#buttonContainer button:active {

   background-color:#f4c430;

} div#buttonContainer button:hover {

   background-color:#bbb;

} div#buttonContainer button:hover:active {

   background-color:#f4c430;

} div#buttonContainer.disabled::after {

   content:"";
   width: 100%;
   height: 100%;
   top: 0px;
   position: absolute;
   left: 0px;
   background-image: repeating-linear-gradient(-45deg,red 3px,red 4px,transparent 5px,transparent 20px);
   box-shadow: inset 0 0 0 2px red;

}

tableloadingMini {

   background-image: url('/images/a/ac/Gfloading.gif');
   background-repeat: no-repeat;
   background-attachment: local;
   background-position: bottom right;
   background-size: 50px;
   height: 50px;
   text-align: right;
   padding-right: 4rem;
   font-size: 1.5rem;
   vertical-align: bottom;

}

tableemptyMini {

   background-size: 50px;
   height: 50px;
   font-size: 1.5rem;
   color: red;
   text-align: center;

}

miniTdolltable{

   overflow: hidden;
   margin: 0px;
   display: table;

}

tableloading > td {

   background-image: url('/images/a/ac/Gfloading.gif');
   background-repeat: no-repeat;
   background-attachment: local;
   background-position: bottom right;
   background-size: 50px;
   height: 50px;
   text-align: right;
   padding-right: 4rem;
   font-size: 1.5rem;
   vertical-align: bottom;

}

Tdolltable{

   margin: 0px;

}

tableempty > td {

   background-size: 50px;
   height: 50px;
   font-size: 1.5rem;
   color: red;

} div#TDollQuery {

   vertical-align:baseline;
   width:auto;
   display: inline-flex;
   overflow:hidden;
   transition: all 0.1s ease-in;

} div#TDollQuery input#inputQuery {

   padding:0px;
   margin:0px;
   top:0px;
   border:0px solid;
   border-left:5px solid #eaeaea;
   box-shadow: inset 0 0 5px black;
   padding-left:5px;
   transition: all 0.1s ease-in;

} div#TDollQuery input#inputQuery:focus {

   border-color:#F4c430;

} .disabled {

   pointer-events: none;
   opacity: 0.7;
   filter: blur(0px);

} @media screen and (max-width: 640px) {

   #miniTdolltable div.TDavatar {width:20%;height:20%}

} td.tiles > table { margin-inline-start: auto; margin-inline-end: auto; border-spacing: 2px; background: rgba(255, 255, 255, 0.33); border: 0px; } .tilesTable td{padding:10px;} .tilesTable td.color0{background:#444444;} .tilesTable td.color1{background:#00ffff;} .tilesTable td.color2{background:#ffffff;} .tilesTable td.color3{background:#FFC400;} div#TDollQuery {display:none;}

</style>

若列表与主页更新说明不符合，请尝试：<button type="button" onclick="refreshLoad()">刷新缓存(过程较长，请耐心等待..)</button>

点选下列格子查询人形影响格布局：

影响格位置： <tbody> </tbody>

自身位置： <tbody> </tbody>

<button onclick="clearSelect(this)">清除</button> <button onclick="invertSelect(this)">反选</button> <input type="checkbox" id="HGDoll" onclick="apply_filter()" /><label for="HGDoll">手枪人形</label> <input type="checkbox" id="SMGDoll" onclick="apply_filter()" /><label for="SMGDoll">冲锋枪人形</label> <input type="checkbox" id="ARDoll" onclick="apply_filter()" /><label for="ARDoll">突击步枪人形</label> <input type="checkbox" id="RFDoll" onclick="apply_filter()" /><label for="RFDoll">步枪人形</label> <input type="checkbox" id="MGDoll" onclick="apply_filter()" /><label for="MGDoll">机枪人形</label> <input type="checkbox" id="SGDoll" onclick="apply_filter()" /><label for="SGDoll">霰弹枪人形</label>

<button onclick="clearSelect(this)">清除</button> <button onclick="invertSelect(this)">反选</button> <input type="checkbox" id="rarity2" onclick="apply_filter()" /><label for="rarity2">★★</label> <input type="checkbox" id="rarity3" onclick="apply_filter()" /><label for="rarity3">★★★</label> <input type="checkbox" id="rarity4" onclick="apply_filter()" /><label for="rarity4">★★★★</label> <input type="checkbox" id="rarity5" onclick="apply_filter()" /><label for="rarity5">★★★★★</label> <input type="checkbox" id="rarity6" onclick="apply_filter()" /><label for="rarity6">★★★★★★</label> <input type="checkbox" id="rarity1" onclick="apply_filter()" /><label for="rarity1">★EXTRA</label>

[<a href="javascript:void(0);"onclick="clearSelect(this.parentNode)">全清</a>]

<input type="checkbox" id="iconOnly" onclick="apply_filter()" /><label for="iconOnly">精简模式</label>数据载入中，请稍后

var sort_loaded; var inputText = document.getElementById("inputQuery") //文本框定义 var sortList = window.DollsData; // 初始化人形数据 sortList.sort(function(a,b){if(b.timeStamp != a.timeStamp){return b.timeStamp - a.timeStamp};return b.id - a.id}); // 初始人形排序

var tStructure = `

` var mintStructure = `

` var emptydiv = "\\无结果\<\/td\>\<\/tr\>"; //无结果label var loadingdiv = "\\载入中\<\/td\>\<\/tr\>"; //载入中label

var reloadstop = true; //阻止重复调用refreshLoad() var inputer = document.getElementById("buttonContainer").getElementsByTagName("input") var baseurl = "\/w\/TDL"

var debounce = function(idle, action){ //去抖函数文本框使用

 var last
 return function(){
   var ctx = this, args = arguments
   clearTimeout(last)
   last = setTimeout(function(){
       action.apply(ctx, args)
   }, idle)
 }

};

function getURLParam(name) { //解析url参数 return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null; }

var decoded = getURLParam("filter");

$(function(){if(getURLParam("filter")){decode_checker(decoded)};if (getURLParam("intext")) {inputText.value = getURLParam("intext")}});

RLQ.push(function(){ //首次载入函数，RLQ.push防止mwapi未载入时加载 if(document.getElementById("section_0")){//判断是否为移动前端 document.getElementById("iconOnly").checked = true; } apply_filter();

});

function parse_list(pushdata){ var htmlLine = "",output = ""; var ministat = document.getElementById("iconOnly"); if (ministat.checked==true){//小图标模式 for (var i in pushdata) {

var line = `\

\<a href\="${pushdata[i].url}" title="${pushdata[i].nameIngame}"\>\

\<\/a\>\<\/div\>`

htmlLine += line; }

output = `<tbody></tbody>

${htmlLine}

`

} else {// 表格模式 for (var i in pushdata) { var tileCond = pushdata[i].tiles.split(",");

var line = ` No.${pushdata[i].id} <a href="${pushdata[i].url}" title="${pushdata[i].nameIngame}">${pushdata[i].nameIngame}</a>

</a>

</a>
${pushdata[i].type} ${pushdata[i].baseHp}
（${pushdata[i].baseHp * 5}${pushdata[i].baseAtk}${pushdata[i].baseRate}${pushdata[i].baseAcc}${pushdata[i].baseEva}${pushdata[i].baseArmor}${pushdata[i].productionTime} ${pushdata[i].tilesAffect}
<tbody></tbody>

${pushdata[i].skill1}`

htmlLine += line; }

output = ` <thead></thead>

<tbody>${htmlLine}</tbody>

编号	枪名	头像（稀有度）	枪种	生命（5编制）	伤害	射速	命中	回避	护甲	建造时间	影响格＆有效枪种	影响效果（5编制）	技能

`

} document.getElementById('position-marker').innerHTML = output; }

function clearSelect(box){ //清除选择 var get_checker_box = box.parentNode.getElementsByTagName("input"); for(var i = 0;i<get_checker_box.length;i++){ get_checker_box[i].checked=false } apply_filter(); }

function clearItem(){inputText.value = ""} //清除输入框内容

function text_check(query){ //文本输入框判断（现仅实现判断枪名） if (!inputText){return true}; var a = new RegExp(inputText.value,"i").test(query.nameIngame); if (a) { return true } else { return false } }

function type_check(query){ //枪种判断 var tCheck = new Array(); var nt=0; var type = ["MG","RF","AR","HG","SG","SMG"] for (var i = 0;i < type.length ;i++){ tCheck[type[i]] = document.getElementById(type[i]+'Doll').checked; if (tCheck[type[i]]) {nt++} } if (nt == 0){return true} else { if(tCheck[query.tdollClass]){return true} else {return false} } } /*------------------------------------------------------------------------------------------/ / 影响格查询部分 START / / 影响格查询实现思路来源于少女前线英文维基 https://en.gfwiki.com/wiki/T-Doll_Tile_Search/ / / 本代码作者 http://www.gfwiki.org/w/user:Mikumikuer/ / / Doll tile Search idea inspired by https://en.gfwiki.com/wiki/T-Doll_Tile_Search / / coding by http://www.gfwiki.org/w/user:Mikumikuer/ / /------------------------------------------------------------------------------------------*/ var tileshook = document.querySelectorAll("table.tileSearch td"); for (var i = 0 ; i < tileshook.length ; i++){ tileshook[i].onclick = function(){activeTile(this)} }

function activeTile(tile){//切换影响格状态 if(!tile.className){tile.className="active"}else{tile.className=""} apply_filter(); }

function combineTilesArray(dollpos) { var combination = new Array(); for (var i = 0; i < dollpos.length; i++) { combination[i]=getEffectrange(); combination[i][dollpos[i].x][dollpos[i].y] = 2 } return combination; }

function filter_box(cond){ //筛选条件汇总 return mod_check(cond)&&text_check(cond)&&rarity_check(cond)&&type_check(cond)&&tiles_check(cond)&&obtainMethod_check(cond); }

function classIconFilter(){ //人形图标筛选 var tab = decodeURIComponent(location.hash.replace('#', ))+"Doll"; clearSelect(document.getElementById(tab)); document.getElementById(tab).checked = 'true'; apply_filter();location.hash=; }

$(window).on('hashchange', function(e){if(decodeURIComponent(location.hash.replace('#', ))!=){classIconFilter();}});

$("#inputQuery").on('input propertychange',debounce(250, function (){apply_filter();}));

</script>

@@ 第320行： / 第320行： @@
 		</table>`
 	}
-	document.getElementById('#position-marker').innerHTML = output;
+	document.getElementById('position-marker').innerHTML = output;
 }

“Widget:Tdollquery2”的版本间的差异

2019年11月26日 (二) 21:23的版本

导航菜单

个人工具

名字空间

变种

视图

更多

搜索

导航

常用

图鉴

装备

战斗

强化机制

其他说明

宿舍/附属房间

游戏设定

其他一览

管理与编辑

工具