添加数种语言

index.html

@@ -6,6 +6,8 @@
 <meta name="viewport" content="width=664" />
 <link href="style.css" rel="stylesheet" type="text/css">
 <link href="style-monsterimages.css" rel="stylesheet" type="text/css">
+<link id="language-css" href="languages/zh.css" rel="stylesheet" type="text/css">
+<script type="text/javascript" src="language-list.js"></script>
 <script type="text/javascript" src="universal_function.js"></script>
 <script type="text/javascript" src="script.js"></script>
 </head>
@@ -332,7 +334,7 @@
 			</ul>
 		</div>
 		<div class="search-box">
-			<input type="search" class="m-id" list="monsters-list" placeholder="请在此输入怪物ID"/>
+			<input type="search" class="m-id" list="monsters-list"/>
 			<datalist id="monsters-list"></datalist>
 		</div>
 		<div class="setting-box">
@@ -353,7 +355,7 @@
 			</div>
 			<div class="setting-row row-mon-level">
 				<!--怪物等级-->
-				<input type="number" class="m-level" min=1 max=110 placeholder="怪物等级"/>
+				<input type="number" class="m-level" min=1 max=110/>
 				<button class="m-level-btn-max" value="99">99</button>
 			</div>
 			<div class="setting-row row-mon-plus">

language-list.js

@@ -0,0 +1,23 @@
+/**/
+var languageList = [
+    {
+        name:"中文（简体）",i18n:"zh",searchlist:["ja","en"],
+        guideURL:"http://pad.skyozora.com/pets/$1"
+    },
+    {
+        name:"中文（繁體）",i18n:"zh-TW",searchlist:["ja","en"],
+        guideURL:"http://pad.skyozora.com/pets/$1"
+    },
+    {
+        name:"English",i18n:"en",searchlist:["en","ja"],
+        guideURL:"http://www.puzzledragonx.com/en/awokenskill.asp?n=$1"
+    },
+    {
+        name:"日本語",i18n:"ja",searchlist:["ja"],
+        guideURL:"https://pd.appbank.net/m$1" //or https://altema.jp/pazudora/monster/$1
+    },
+    {
+        name:"한국어",i18n:"ko",searchlist:["ko","ja"],
+        guideURL:"http://www.thisisgame.com/pad/info/monster/detail.php?code=$1"
+    },
+];

languages/en.css

@@ -0,0 +1,128 @@
+@charset "utf-8";
+.delay .monster::before{
+	content: "Prevent\A Delay";
+	font-size: 22px;
+}
+.monster .level.max::before{
+	content: "Lv.Max";
+}
+.monster .plus .hp::before,
+.monster .plus .atk::before,
+.monster .plus .rcv::before,
+.monster .plus ._297::before{
+	content: "+";
+}
+.monster .level::before{
+	content: "Lv.";
+}
+.formation-A-bigbox::after{
+	content: "Team\A A";
+}
+.formation-B-bigbox::before{
+	content: "Team\A B";
+}
+.formation-A-box .formation-assist .member::after{
+	content: "▼Assist";
+}
+.formation-B-box .formation-assist .member::before{
+	content: "▲Assist";
+}
+.edit-box .edit-box-title::before{
+	content: "Edit Member";
+}
+.edit-box .edit-box-title.edit-box-title-assist::before{
+	content: "Edit Assist";
+}
+.edit-box .search-box::before{
+	content: "▼Monster ID";
+}
+.monsterinfo-box .monster-id::before{
+	content: "No.";
+}
+.edit-box .setting-box .row-mon-level::before{
+	content: "▼Monster Level";
+}
+.m-level-btn-max::before{
+	content: "Max Lv";
+}
+.edit-box .setting-box .row-mon-awoken::before{
+	content: "▼Monster Awoken";
+}
+.edit-box .setting-box .row-mon-plus::before{
+	content: "▼Monster Plus";
+}
+.m-plus-hp-li::before{
+	content: "HP";
+}
+.m-plus-atk-li::before{
+	content: "ATK";
+}
+.m-plus-rcv-li::before{
+	content: "RCV";
+}
+.m-plus-hp-btn-99::before,
+.m-plus-atk-btn-99::before,
+.m-plus-rcv-btn-99::before,
+.m-plus-btn-297::before{
+	content: "+";
+}
+.edit-box .setting-box .row-mon-latent::before{
+	content: "▼Latent Awoken";
+}
+.edit-box .button-box .button-null::after{
+	content: "Leave a blank";
+}
+.edit-box .button-box .button-delay::after{
+	content: "Prevent Delay";
+}
+.edit-box .button-box .button-cancel::after{
+	content: "Cancel";
+}
+.edit-box .button-box .button-done::after{
+	content: "Done";
+}
+.edit-box .button-box .button-null,
+.edit-box .button-box .button-delay,
+.edit-box .button-box .button-cancel,
+.edit-box .button-box .button-done{
+	font-size: 15px;
+}
+.edit-box .button-box .button-done.cant-assist::after{
+	content: "Can't be Assist";
+}
+.type-name-4::after{
+	content: "Dragon";
+}
+.type-name-5::after{
+	content: "God";
+}
+.type-name-7::after{
+	content: "Devil";
+}
+.type-name-8::after{
+	content: "Machine";
+}
+.type-name-1::after{
+	content: "Balanced";
+}
+.type-name-6::after{
+	content: "Attacker";
+}
+.type-name-2::after{
+	content: "Physical";
+}
+.type-name-3::after{
+	content: "Healer";
+}
+.type-name-0::after{
+	content: "Evo Material";
+}
+.type-name-12::after{
+	content: "Awaken";
+}
+.type-name-14::after{
+	content: "Enhance Material";
+}
+.type-name-15::after{
+	content: "Redeemable";
+}

languages/en.js

@@ -0,0 +1,4 @@
+var txtTitle = document.querySelector(".title-box .title");
+var txtDetail = document.querySelector(".detail-box .detail");
+txtTitle.placeholder = "Input Formation Title";
+txtDetail.placeholder = "Input Detail";

languages/ja.css

@@ -0,0 +1,121 @@
+@charset "utf-8";
+.delay .monster::before{
+	content: "遅 延\A対 策";
+}
+.monster .level.max::before{
+	content: "Lv.最大";
+}
+.monster .plus .hp::before,
+.monster .plus .atk::before,
+.monster .plus .rcv::before,
+.monster .plus ._297::before{
+	content: "+";
+}
+.monster .level::before{
+	content: "Lv.";
+}
+.formation-A-bigbox::after{
+	content: "チーム\A A";
+}
+.formation-B-bigbox::before{
+	content: "チーム\A B";
+}
+.formation-A-box .formation-assist .member::after{
+	content: "▼継承";
+}
+.formation-B-box .formation-assist .member::before{
+	content: "▲継承";
+}
+.edit-box .edit-box-title::before{
+	content: "変更メンバー";
+}
+.edit-box .edit-box-title.edit-box-title-assist::before{
+	content: "変更継承";
+}
+.edit-box .search-box::before{
+	content: "▼モンスターID";
+}
+.monsterinfo-box .monster-id::before{
+	content: "No.";
+}
+.edit-box .setting-box .row-mon-level::before{
+	content: "▼モンスターレベル";
+}
+.m-level-btn-max::before{
+	content: "最高Lv";
+}
+.edit-box .setting-box .row-mon-awoken::before{
+	content: "▼モンスター覚醒";
+}
+.edit-box .setting-box .row-mon-plus::before{
+	content: "▼モンスタープラス";
+}
+.m-plus-hp-li::before{
+	content: "HP";
+}
+.m-plus-atk-li::before{
+	content: "攻撃";
+}
+.m-plus-rcv-li::before{
+	content: "回復";
+}
+.m-plus-hp-btn-99::before,
+.m-plus-atk-btn-99::before,
+.m-plus-rcv-btn-99::before,
+.m-plus-btn-297::before{
+	content: "+";
+}
+.edit-box .setting-box .row-mon-latent::before{
+	content: "▼モンスター潜在覚醒";
+}
+.edit-box .button-box .button-null::after{
+	content: "空白のままに";
+}
+.edit-box .button-box .button-delay::after{
+	content: "遅延対策";
+}
+.edit-box .button-box .button-cancel::after{
+	content: "キャンセル";
+}
+.edit-box .button-box .button-done::after{
+	content: "確認する";
+}
+.edit-box .button-box .button-done.cant-assist::after{
+	content: "継承できない";
+}
+.type-name-4::after{
+	content: "ドラゴン";
+}
+.type-name-5::after{
+	content: "神";
+}
+.type-name-7::after{
+	content: "悪魔";
+}
+.type-name-8::after{
+	content: "マシン";
+}
+.type-name-1::after{
+	content: "バランス";
+}
+.type-name-6::after{
+	content: "攻撃";
+}
+.type-name-2::after{
+	content: "体力";
+}
+.type-name-3::after{
+	content: "回復";
+}
+.type-name-0::after{
+	content: "進化用";
+}
+.type-name-12::after{
+	content: "能力覚醒用";
+}
+.type-name-14::after{
+	content: "強化合成用";
+}
+.type-name-15::after{
+	content: "売却用";
+}

languages/ja.js

@@ -0,0 +1,4 @@
+var txtTitle = document.querySelector(".title-box .title");
+var txtDetail = document.querySelector(".detail-box .detail");
+txtTitle.placeholder = "入力フォーメーションのタイトル";
+txtDetail.placeholder = "入力詳細";

languages/ko.css

@@ -0,0 +1,121 @@
+@charset "utf-8";
+.delay .monster::before{
+	content: "지 연\A방 지";
+}
+.monster .level.max::before{
+	content: "Lv.최대";
+}
+.monster .plus .hp::before,
+.monster .plus .atk::before,
+.monster .plus .rcv::before,
+.monster .plus ._297::before{
+	content: "+";
+}
+.monster .level::before{
+	content: "Lv.";
+}
+.formation-A-bigbox::after{
+	content: "팀\A A";
+}
+.formation-B-bigbox::before{
+	content: "팀\A B";
+}
+.formation-A-box .formation-assist .member::after{
+	content: "▼돕다";
+}
+.formation-B-box .formation-assist .member::before{
+	content: "▲돕다";
+}
+.edit-box .edit-box-title::before{
+	content: "회원 수정";
+}
+.edit-box .edit-box-title.edit-box-title-assist::before{
+	content: "보조 수정";
+}
+.edit-box .search-box::before{
+	content: "▼몬스터 ID";
+}
+.monsterinfo-box .monster-id::before{
+	content: "No.";
+}
+.edit-box .setting-box .row-mon-level::before{
+	content: "▼몬스터 레벨";
+}
+.m-level-btn-max::before{
+	content: "최고Lv";
+}
+.edit-box .setting-box .row-mon-awoken::before{
+	content: "▼몬스터 각성";
+}
+.edit-box .setting-box .row-mon-plus::before{
+	content: "▼몬스터 플러스";
+}
+.m-plus-hp-li::before{
+	content: "HP";
+}
+.m-plus-atk-li::before{
+	content: "공격";
+}
+.m-plus-rcv-li::before{
+	content: "회복";
+}
+.m-plus-hp-btn-99::before,
+.m-plus-atk-btn-99::before,
+.m-plus-rcv-btn-99::before,
+.m-plus-btn-297::before{
+	content: "+";
+}
+.edit-box .setting-box .row-mon-latent::before{
+	content: "▼몬스터 숨어있는";
+}
+.edit-box .button-box .button-null::after{
+	content: "비워 둡니다";
+}
+.edit-box .button-box .button-delay::after{
+	content: "지연 방지";
+}
+.edit-box .button-box .button-cancel::after{
+	content: "편집 취소";
+}
+.edit-box .button-box .button-done::after{
+	content: "수정 확인";
+}
+.edit-box .button-box .button-done.cant-assist::after{
+	content: "협조 할 수 없음";
+}
+.type-name-4::after{
+	content: "드래곤";
+}
+.type-name-5::after{
+	content: "신";
+}
+.type-name-7::after{
+	content: "악마";
+}
+.type-name-8::after{
+	content: "머신";
+}
+.type-name-1::after{
+	content: "밸런스";
+}
+.type-name-6::after{
+	content: "공격";
+}
+.type-name-2::after{
+	content: "체력";
+}
+.type-name-3::after{
+	content: "회복";
+}
+.type-name-0::after{
+	content: "진화용";
+}
+.type-name-12::after{
+	content: "능력각성";
+}
+.type-name-14::after{
+	content: "강화합성용";
+}
+.type-name-15::after{
+	content: "매각용";
+}

languages/ko.js

@@ -0,0 +1,4 @@
+var txtTitle = document.querySelector(".title-box .title");
+var txtDetail = document.querySelector(".detail-box .detail");
+txtTitle.placeholder = "편대 칭호 입력";
+txtDetail.placeholder = "입력 내용";

languages/zh-TW.css

@@ -0,0 +1,121 @@
+@charset "utf-8";
+.delay .monster::before{
+	content: "應 對\A威 嚇";
+}
+.monster .level.max::before{
+	content: "Lv.最大";
+}
+.monster .plus .hp::before,
+.monster .plus .atk::before,
+.monster .plus .rcv::before,
+.monster .plus ._297::before{
+	content: "+";
+}
+.monster .level::before{
+	content: "Lv.";
+}
+.formation-A-bigbox::after{
+	content: "隊伍\A A";
+}
+.formation-B-bigbox::before{
+	content: "隊伍\A B";
+}
+.formation-A-box .formation-assist .member::after{
+	content: "▼輔助";
+}
+.formation-B-box .formation-assist .member::before{
+	content: "▲輔助";
+}
+.edit-box .edit-box-title::before{
+	content: "修改隊員";
+}
+.edit-box .edit-box-title.edit-box-title-assist::before{
+	content: "修改輔助";
+}
+.edit-box .search-box::before{
+	content: "▼怪物ID";
+}
+.monsterinfo-box .monster-id::before{
+	content: "No.";
+}
+.edit-box .setting-box .row-mon-level::before{
+	content: "▼怪物等級";
+}
+.m-level-btn-max::before{
+	content: "最高Lv";
+}
+.edit-box .setting-box .row-mon-awoken::before{
+	content: "▼怪物覺醒";
+}
+.edit-box .setting-box .row-mon-plus::before{
+	content: "▼怪物加值";
+}
+.m-plus-hp-li::before{
+	content: "HP";
+}
+.m-plus-atk-li::before{
+	content: "攻擊";
+}
+.m-plus-rcv-li::before{
+	content: "回復";
+}
+.m-plus-hp-btn-99::before,
+.m-plus-atk-btn-99::before,
+.m-plus-rcv-btn-99::before,
+.m-plus-btn-297::before{
+	content: "+";
+}
+.edit-box .setting-box .row-mon-latent::before{
+	content: "▼潛在覺醒";
+}
+.edit-box .button-box .button-null::after{
+	content: "留空格子";
+}
+.edit-box .button-box .button-delay::after{
+	content: "應對威嚇";
+}
+.edit-box .button-box .button-cancel::after{
+	content: "取消修改";
+}
+.edit-box .button-box .button-done::after{
+	content: "確認修改";
+}
+.edit-box .button-box .button-done.cant-assist::after{
+	content: "不能輔助";
+}
+.type-name-4::after{
+	content: "龍";
+}
+.type-name-5::after{
+	content: "神";
+}
+.type-name-7::after{
+	content: "惡魔";
+}
+.type-name-8::after{
+	content: "機械";
+}
+.type-name-1::after{
+	content: "平衡";
+}
+.type-name-6::after{
+	content: "攻撃";
+}
+.type-name-2::after{
+	content: "體力";
+}
+.type-name-3::after{
+	content: "回復";
+}
+.type-name-0::after{
+	content: "進化用";
+}
+.type-name-12::after{
+	content: "能力覺醒用";
+}
+.type-name-14::after{
+	content: "強化合成用";
+}
+.type-name-15::after{
+	content: "販賣用";
+}

languages/zh-TW.js

@@ -0,0 +1,4 @@
+var txtTitle = document.querySelector(".title-box .title");
+var txtDetail = document.querySelector(".detail-box .detail");
+txtTitle.placeholder = "輸入陣型標題";
+txtDetail.placeholder = "輸入說明";

languages/zh.css

@@ -0,0 +1,121 @@
+@charset "utf-8";
+.delay .monster::before{
+	content: "应 对\A威 吓";
+}
+.monster .level.max::before{
+	content: "Lv.最大";
+}
+.monster .plus .hp::before,
+.monster .plus .atk::before,
+.monster .plus .rcv::before,
+.monster .plus ._297::before{
+	content: "+";
+}
+.monster .level::before{
+	content: "Lv.";
+}
+.formation-A-bigbox::after{
+	content: "队伍\A A";
+}
+.formation-B-bigbox::before{
+	content: "队伍\A B";
+}
+.formation-A-box .formation-assist .member::after{
+	content: "▼辅助";
+}
+.formation-B-box .formation-assist .member::before{
+	content: "▲辅助";
+}
+.edit-box .edit-box-title::before{
+	content: "修改队员";
+}
+.edit-box .edit-box-title.edit-box-title-assist::before{
+	content: "修改辅助";
+}
+.edit-box .search-box::before{
+	content: "▼怪物ID";
+}
+.monsterinfo-box .monster-id::before{
+	content: "No.";
+}
+.edit-box .setting-box .row-mon-level::before{
+	content: "▼怪物等级";
+}
+.m-level-btn-max::before{
+	content: "最高Lv";
+}
+.edit-box .setting-box .row-mon-awoken::before{
+	content: "▼怪物觉醒";
+}
+.edit-box .setting-box .row-mon-plus::before{
+	content: "▼怪物加值";
+}
+.m-plus-hp-li::before{
+	content: "HP";
+}
+.m-plus-atk-li::before{
+	content: "攻击";
+}
+.m-plus-rcv-li::before{
+	content: "回复";
+}
+.m-plus-hp-btn-99::before,
+.m-plus-atk-btn-99::before,
+.m-plus-rcv-btn-99::before,
+.m-plus-btn-297::before{
+	content: "+";
+}
+.edit-box .setting-box .row-mon-latent::before{
+	content: "▼潜在觉醒";
+}
+.edit-box .button-box .button-null::after{
+	content: "留空格子";
+}
+.edit-box .button-box .button-delay::after{
+	content: "应对威吓";
+}
+.edit-box .button-box .button-cancel::after{
+	content: "取消修改";
+}
+.edit-box .button-box .button-done::after{
+	content: "确认修改";
+}
+.edit-box .button-box .button-done.cant-assist::after{
+	content: "不能辅助";
+}
+.type-name-4::after{
+	content: "龍";
+}
+.type-name-5::after{
+	content: "神";
+}
+.type-name-7::after{
+	content: "惡魔";
+}
+.type-name-8::after{
+	content: "机械";
+}
+.type-name-1::after{
+	content: "平衡";
+}
+.type-name-6::after{
+	content: "攻撃";
+}
+.type-name-2::after{
+	content: "体力";
+}
+.type-name-3::after{
+	content: "回復";
+}
+.type-name-0::after{
+	content: "進化用";
+}
+.type-name-12::after{
+	content: "能力覺醒用";
+}
+.type-name-14::after{
+	content: "強化合成用";
+}
+.type-name-15::after{
+	content: "販賣用";
+}

languages/zh.js

@@ -0,0 +1 @@
+

script.js

@@ -1,4 +1,5 @@
 var ms = null;
+var language = null;
 var memberTeamObj = function(){
 	return {id:0,level:0,awoken:0,plus:[0,0,0],latent:[]};
 }
@@ -8,20 +9,18 @@ var memberAssistObj = function(){
 var teamObj = function(){
 	return [
 		[
-			new memberTeamObj(),
-			new memberTeamObj(),
-			new memberTeamObj(),
-			new memberTeamObj(),
-			new memberTeamObj(),
-			new memberTeamObj(),
+			{id:0},
+			{id:0},
+			{id:0},
+			{id:0},
+			{id:0},
 		],
 		[
-			new memberAssistObj(),
-			new memberAssistObj(),
-			new memberAssistObj(),
-			new memberAssistObj(),
-			new memberAssistObj(),
-			new memberAssistObj(),
+			{id:0},
+			{id:0},
+			{id:0},
+			{id:0},
+			{id:0},
 		],
 	];
 }
@@ -35,6 +34,17 @@ var formation = {
 };
 window.onload = function()
 {
+	var language_i18n = getQueryString("lang"); //获取参数指定的语言
+	var browser_i18n = (navigator.language||navigator.userLanguage); //获取浏览器语言
+	var hasLanguage = languageList.filter(function(l){
+		if (language_i18n) //如果已指定就用指定的语言
+			return language_i18n.indexOf(l.i18n)>=0;
+		else
+			return browser_i18n.indexOf(l.i18n)>=0;
+	});
+	language = hasLanguage.length?hasLanguage[hasLanguage.length-1]:languageList[0];
+	document.head.querySelector("#language-css").href = "languages/"+language.i18n+".css";
+
 	GM_xmlhttpRequest({
 		method: "GET",
 		url:"monsters-info/mon.json",
@@ -80,15 +90,10 @@ window.onpopstate = function()
 function creatNewUrl(){
 	if (!!(window.history && history.pushState)) {
 		// 支持History API
-		history.pushState(null, null, '?data=' + encodeURIComponent(JSON.stringify(formation)));
+		var language_i18n = getQueryString("lang"); //获取参数指定的语言
+		history.pushState(null, null, '?' + (language_i18n?'lang=' + language_i18n + '&':'') + 'data=' + encodeURIComponent(JSON.stringify(formation)));
 	}
 }
-//获取URL参数
-function getQueryString(name) {
-	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
-	var r = window.location.search.substr(1).match(reg);
-	if (r != null) return decodeURIComponent(r[2]); return null;
-}
 //初始化
 function initialize()
 {
@@ -96,7 +101,11 @@ function initialize()
 	ms.forEach(function(m){
 		var opt = monstersList.appendChild(document.createElement("option"));
 		opt.value = m.id;
-		opt.label = m.id + " | " +  m.name["ja"] + " | " + m.name["en"] + " | " + m.name["ko"];
+		opt.label = m.id + " - " +  language.searchlist.map(function(lc){ //取出每种语言
+			return m.name[lc];
+		}).filter(function(ln){ //去掉空值
+			return ln.length>0;
+		}).join(" | ");
 	});
 
 	//标题和介绍文本框
@@ -282,14 +291,21 @@ function initialize()
 		creatNewUrl();
 		editBox.hide();
 	}
+	
+	/*添对应语言执行的JS*/
+	var languageJS = document.head.appendChild(document.createElement("script"));
+	languageJS.id = "language-js";
+	languageJS.type = "text/javascript";
+	languageJS.src = "languages/"+language.i18n+".js";
 }
-function usedHole(latent) //计算用了多少潜觉格子
+//计算用了多少潜觉格子
+function usedHole(latent)
 {
 	return latent.reduce(function(previous,current){
 		return previous + (current>= 12?2:1);
 	},0);
 }
-
+//改变一个怪物头像
 function changeid(mon,monDom,latentDom)
 {
 	var md = ms[mon.id]; //怪物固定数据
@@ -314,8 +330,8 @@ function changeid(mon,monDom,latentDom)
 		monDom.classList.add("pet-cards-index-y-" + parseInt(idxInPage / 10)); //添加Y方向序号
 		monDom.querySelector(".property").className = "property property-" + md.ppt[0]; //主属性
 		monDom.querySelector(".subproperty").className = "subproperty subproperty-" + md.ppt[1]; //副属性
-		monDom.title = "No." + mon.id + " " + md.name["ja"];
-		monDom.href = "http://pad.skyozora.com/pets/" + mon.id;
+		monDom.title = "No." + mon.id + " " + md.name[language.searchlist[0]] || md.name["ja"];
+		monDom.href = mon.id.toString().replace(/^(\d+)$/ig,language.guideURL);
 	}
 	if (mon.level>0) //如果提供了等级
 	{
@@ -472,7 +488,7 @@ function editBoxChangeMonId(id)
 	var mRare = monInfoBox.querySelector(".monster-rare");
 	mRare.className = "monster-rare rare-" + md.rare;
 	var mName = monInfoBox.querySelector(".monster-name");
-	mName.innerHTML = md.name["ja"];
+	mName.innerHTML = md.name[language.searchlist[0]] || md.name["ja"];
 	var mType = monInfoBox.querySelectorAll(".monster-type li");
 	for (var ti=0;ti<mType.length;ti++)
 	{

style-monsterimages.css

@@ -380,75 +380,39 @@
 .type-icon-4{/*龙*/
 	background-position: 0px 0px;
 }
-.type-name-4::after{
-	content: "龍";
-}
 .type-icon-5{/*神*/
 	background-position: 0px -32px;
 }
-.type-name-5::after{
-	content: "神";
-}
 .type-icon-7{/*恶魔*/
 	background-position: 0px -64px;
 }
-.type-name-7::after{
-	content: "惡魔";
-}
 .type-icon-8{/*机械*/
 	background-position: 0px -96px;
 }
-.type-name-8::after{
-	content: "机械";
-}
 .type-icon-1{/*平衡*/
 	background-position: 0px -128px;
 }
-.type-name-1::after{
-	content: "平衡";
-}
 .type-icon-6{/*攻击*/
 	background-position: 0px -160px;
 }
-.type-name-6::after{
-	content: "攻撃";
-}
 .type-icon-2{/*体力*/
 	background-position: 0px -192px;
 }
-.type-name-2::after{
-	content: "体力";
-}
 .type-icon-3{/*回复*/
 	background-position: 0px -224px;
 }
-.type-name-3::after{
-	content: "回復";
-}
 .type-icon-0{/*进化用*/
 	background-position: 0px -256px;
 }
-.type-name-0::after{
-	content: "進化用";
-}
 .type-icon-12{/*能力觉醒用*/
 	background-position: 0px -288px;
 }
-.type-name-12::after{
-	content: "能力覺醒用";
-}
 .type-icon-14{/*强化合成用*/
 	background-position: 0px -320px;
 }
-.type-name-14::after{
-	content: "強化合成用";
-}
 .type-icon-15{/*贩卖用*/
 	background-position: 0px -352px;
 }
-.type-name-15::after{
-	content: "販賣用";
-}
 /*潜在觉醒*/
 .latent-icon{
 	background-image: url(images/latent.png);

style.css

@@ -26,10 +26,13 @@
 	width:100%;
 	border: none;
 	background: none;
+	box-sizing: border-box;
+	padding: 1px;
 }
 .title:focus,.detail:focus{
 	border: black solid 1px;;
 	background-color: #eee;
+	padding: 0;
 }
 ul{
 	margin: 0;
@@ -38,19 +41,13 @@ ul{
 }
 /*队伍的整个盒子*/
 .formation-box{
-	width: 648px;
+	/*width: 648px;*/
 	min-width: 648px;
 }
-/*辅助行*/
-.formation-assist{
-}
-/*队伍行*/
-.formation-team{
-}
 
 /*单个怪物*/
 .monster{
-	font-family: 'FOT-KurokaneStd-EB';
+	font-family: 'FOT-KurokaneStd-EB',"Source Han Sans","Microsoft Yahei",Arial, Helvetica, sans-serif;
 	width: 100px;
 	height: 100px;
 	margin: 0;
@@ -91,7 +88,8 @@ ul{
 	line-height: 47px;
 	text-align: center;
 	font-weight: bold;
-	content: "应 对\A威 吓";
+	/*content: "应 对\A威 吓";*/
+	font-family: "Source Han Sans","Microsoft Yahei",Arial, Helvetica, sans-serif;
 	white-space: pre-wrap;
 	display: inline-block;
 }
@@ -120,12 +118,12 @@ ul{
 .null .level,.delay .level{
 	display:none;
 }
-.monster .plus .hp::before,
+/*.monster .plus .hp::before,
 .monster .plus .atk::before,
 .monster .plus .rcv::before,
 .monster .plus ._297::before{
 	content: "+";
-}
+}*/
 .monster .plus ._297{ /*297默认不显示*/
 	display:none;
 }
@@ -162,7 +160,7 @@ ul{
 	font-size: 18px;
 	line-height: 27px;
 	height: 27px;
-	text-shadow: black 2px 2px 0;
+	text-shadow: black 0 0 1px, black 2px 2px 0;
 	position: absolute;
 	left: 5px;
 	bottom: 0;
@@ -171,15 +169,15 @@ ul{
 .monster .level._110{
 	color: lightskyblue;
 }
-.monster .level::before{
+/*.monster .level::before{
 	content: "Lv.";
-}
+}*/
 .monster .level.max{
 	font-size: 0;
 }
 .monster .level.max::before{
 	font-size: 18px;
-	content: "Lv.最大";
+	/*content: "Lv.最大";*/
 }
 /*辅助和队伍的每一只框架*/
 .member, .acquisitus-awoken-icon {
@@ -222,12 +220,12 @@ ul{
 .formation-A-bigbox::after{
 	color:red;
 	background-color:pink;
-	content: "队伍\A A";
+	/*content: "队伍\A A";*/
 }
 .formation-B-bigbox::before{
 	color:blue;
 	background-color:lightblue;
-	content: "队伍\A B";
+	/*content: "队伍\A B";*/
 	vertical-align:top;
 }
 .formation-A-box, .formation-B-box{
@@ -245,11 +243,11 @@ ul{
 }
 .formation-A-box .formation-assist .member::after{
 	color:red;
-	content: "▼辅助";
+	/*content: "▼辅助";*/
 }
 .formation-B-box .formation-assist .member::before{
 	color:blue;
-	content: "▲辅助";
+	/*content: "▲辅助";*/
 }
 
 /*队伍的潜觉*/
@@ -315,12 +313,12 @@ ul{
 	font-size: 2em;
 	font-weight: bold;
 }
-.edit-box .edit-box-title::before{
+/*.edit-box .edit-box-title::before{
 	content: "修改队员";
 }
 .edit-box .edit-box-title.edit-box-title-assist::before{
 	content: "修改辅助";
-}
+}*/
 .edit-box .monsterinfo-box{
 	font-family: 'FOT-KurokaneStd-EB';
 	color: white;
@@ -333,9 +331,9 @@ ul{
 	box-shadow: black 0 3px 3px;
 	padding: 5px 10px;
 }
-.edit-box .search-box::before{
+/*.edit-box .search-box::before{
 	content: "▼怪物ID";
-}
+}*/
 .edit-box .search-box .m-id{
 	box-sizing: border-box;
 	font-size: 25px;
@@ -360,9 +358,9 @@ ul{
 	display:inline-block;
 	width:150px;
 }
-.monsterinfo-box .monster-id::before{
+/*.monsterinfo-box .monster-id::before{
 	content: "No.";
-}
+}*/
 .monsterinfo-box .monster-rare{
 	display:inline-block;
 }
@@ -404,7 +402,7 @@ ul{
 }
 
 .edit-box .setting-box .row-mon-level::before{
-	content: "▼怪物等级";
+	/*content: "▼怪物等级";*/
 	display: block;
 }
 .edit-box .setting-box .m-level{
@@ -419,12 +417,12 @@ ul{
 	box-sizing: border-box;
 	font-size: 25px;
 }
-.m-level-btn-max::before{
+/*.m-level-btn-max::before{
 	content: "最高Lv";
 }
 .edit-box .setting-box .row-mon-awoken::before{
 	content: "▼怪物觉醒";
-}
+}*/
 .row-mon-awoken .m-awoken-ul{
 	height: 32px;
 }
@@ -443,7 +441,7 @@ ul{
 	text-align: center;
 }
 .edit-box .setting-box .row-mon-plus::before{
-	content: "▼怪物加值";
+	/*content: "▼怪物加值";*/
 	display: block;
 }
 .setting-box .m-plus-hp,.setting-box .m-plus-atk,.setting-box .m-plus-rcv{
@@ -457,18 +455,18 @@ ul{
 	width: 55px;
 	display: inline-block;
 }
-.m-plus-hp-li::before{content: "HP";}
+/*.m-plus-hp-li::before{content: "HP";}
 .m-plus-atk-li::before{content: "攻击";}
-.m-plus-rcv-li::before{content: "回复";}
+.m-plus-rcv-li::before{content: "回复";}*/
 .m-plus-hp-btn-99,.m-plus-atk-btn-99,.m-plus-rcv-btn-99{
 	height: 40px;
 	width: 70px;
 	box-sizing: border-box;
 	font-size: 25px;
 }
-.m-plus-hp-btn-99::before,.m-plus-atk-btn-99::before,.m-plus-rcv-btn-99::before,.m-plus-btn-297::before{
+/*.m-plus-hp-btn-99::before,.m-plus-atk-btn-99::before,.m-plus-rcv-btn-99::before,.m-plus-btn-297::before{
 	content: "+";
-}
+}*/
 .m-plus-btn-297{
 	float:right;
 	width: 85px;
@@ -476,9 +474,9 @@ ul{
 	box-sizing: border-box;
 	font-size: 25px;
 }
-.edit-box .setting-box .row-mon-latent::before{
+/*.edit-box .setting-box .row-mon-latent::before{
 	content: "▼潜在觉醒";
-}
+}*/
 .m-latent-ul{
 	text-align: center;
 	font-size: 0;
@@ -527,7 +525,6 @@ ul{
 .edit-box .button-box .button-cancel,
 .edit-box .button-box .button-done{
 	height: 50px;
-	width: 130px;
 	box-sizing: border-box;
 	font-size: 25px;
 	font-weight: bold;
@@ -542,7 +539,7 @@ ul{
 	float: right;
 	margin-left:5px;
 }
-.edit-box .button-box .button-null::after{
+/*.edit-box .button-box .button-null::after{
 	content: "留空格子";
 }
 .edit-box .button-box .button-delay::after{
@@ -556,4 +553,4 @@ ul{
 }
 .edit-box .button-box .button-done.cant-assist::after{
 	content: "不能辅助";
-}
+}*/

universal_function.js

@@ -1,5 +1,4 @@
-
-//类型允许的潜觉杀，前面的数字是官方数据的类型编号，后面的杀是自己做的图片中的潜觉序号
+//类型允许的潜觉杀，前面的数字是官方数据的类型编号，后面的杀是自己做的图片中的潜觉序号
 var type_allowable_latent = {
     "0":[], //0进化
     "12":[], //12觉醒
@@ -44,6 +43,12 @@ function PrefixInteger(num, length)
 {  
 	return (Array(length).join('0') + num).slice(-length); 
 }
+//获取URL参数
+function getQueryString(name) {
+	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
+	var r = window.location.search.substr(1).match(reg);
+	if (r != null) return decodeURIComponent(r[2]); return null;
+}
 //数组去重
 /* https://www.cnblogs.com/baiyangyuanzi/p/6726258.html
 * 实现思路：获取没重复的最右一值放入新数组。