diff --git a/images/awoken.png b/images/awoken.png new file mode 100644 index 00000000..ace0543e Binary files /dev/null and b/images/awoken.png differ diff --git a/images/type.png b/images/type.png new file mode 100644 index 00000000..878acaff Binary files /dev/null and b/images/type.png differ diff --git a/index.html b/index.html index 8eee365a..65f96a63 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,7 @@ 智龙迷城车队阵型图制作 + @@ -10,7 +11,7 @@ -
+
@@ -96,7 +97,7 @@
99
99
99
297
- +
99
@@ -293,12 +294,6 @@
-
-
- - - -
@@ -307,29 +302,49 @@
-
    +
      +
      • +
      • +
      • +
    +
    +
    + +
    -
    - - - -
    -
    -
    怪物觉醒
    +
    +
      -
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    -
    -
    怪物加值
    - - - - +
    + + + + +
    +
    + + +
      +
      • +
      • +
      • +
    -
    -
    潜在觉醒
    +
    +
    • @@ -346,7 +361,7 @@
    - +
    diff --git a/script.js b/script.js index 2459eba8..5ec32ce8 100644 --- a/script.js +++ b/script.js @@ -16,13 +16,60 @@ window.onload = function() //初始化 function initialize() { - console.log(ms); var monstersList = document.querySelector("#monsters-list"); ms.forEach(function(m){ var opt = monstersList.appendChild(document.createElement("option")); opt.value = m.id; opt.label = m.id + " | " + m.name + " | " + m.ename; }); + + //编辑框 + var editBox = document.querySelector(".edit-box"); + var settingBox = editBox.querySelector(".setting-box") + var monstersSearch = editBox.querySelector(".edit-box .m-id"); + monstersSearch.onchange = function(){ + if (/^\d+$/.test(this.value)) + { + editChangeMonId(parseInt(this.value)); + } + } + monstersSearch.oninput = monstersSearch.onchange; + var monEditAwokens = Array.prototype.slice.call(settingBox.querySelectorAll(".m-awoken-ul>.awoken-icon")); + monEditAwokens.forEach(function(akDom,idx,domArr){ + akDom.onclick = function(){ + if (idx >= domArr.filter(function(d){return !d.classList.contains("display-none")}).length-1) + domArr[0].innerHTML = "★"; + else + domArr[0].innerHTML = idx; + for(var ai=1;ai-1) //如果提供了id { monDom.className = "monster"; monDom.classList.add("pet-cards-" + Math.ceil(mon.id/100)); //添加图片编号 @@ -47,13 +94,13 @@ function changeid(mon,monDom,awokenDom) monDom.title = "No." + mon.id + " " + md.name; monDom.href = "http://pad.skyozora.com/pets/" + mon.id; } - if (mon.level) //如果提供了等级 + if (mon.level>0) //如果提供了等级 { monDom.querySelector(".level").innerHTML = mon.level || 99; } - if (mon.awoken) //如果提供了觉醒 + if (mon.awoken>-1) //如果提供了觉醒 { - var awokenIcon = monDom.querySelector(".awoken-icon"); + var awokenIcon = monDom.querySelector(".awoken-count"); if (mon.awoken == 0 || md.awoken.length < 1) //没觉醒 { awokenIcon.classList.add("display-none"); @@ -97,4 +144,49 @@ awoken:8, addition:[99,99,99], acquisitusAwoken:[], },m1,a1) +editChangeMonId(3264); +} + +function editChangeMonId(id) +{ + var md = ms[id]; //怪物固定数据 + if (!md){ + id = 0; + md = ms[0] + } + var monInfoBox = document.querySelector(".edit-box .monsterinfo-box"); + var me = monInfoBox.querySelector(".monster"); + changeid({id:id,},me); //改变图像 + var mId = monInfoBox.querySelector(".monster-id"); + mId.innerHTML = id; + var mRare = monInfoBox.querySelector(".monster-rare"); + mRare.className = "monster-rare rare-" + md.rare; + var mName = monInfoBox.querySelector(".monster-name"); + mName.innerHTML = md.name; + var mType = monInfoBox.querySelector(".monster-type").children; + for (var ti=0;ti