增加徽章的获取

script.js

@@ -59,6 +59,7 @@ var Formation = function(teamCount,memberCount){
 	this.title = "",
 	this.detail = "",
 	this.team = [];
+	this.badge = 0;
 	for (var ti=0;ti<teamCount;ti++)
 	{
 		var team = [[],[]];
@@ -82,12 +83,14 @@ Formation.prototype.outObj= function(){
 			})
 		})
 	}
+	if (this.badge>0) obj.b = this.badge; //徽章
 	return obj;
 }
 Formation.prototype.loadObj= function(f){
 	var dataVeision = f.f?2:1; //是第几版格式
 	this.title = dataVeision>1 ? f.t : f.title;
 	this.detail = dataVeision>1 ? f.d : f.detail;
+	this.badge = f.b?f.b:0; //徽章
 	var teamArr = dataVeision>1 ? f.f : f.team;
 	this.team.forEach(function(t,ti){
 		var tf = teamArr[ti] || [];
@@ -243,7 +246,23 @@ function initialize()
 
 	//队伍框
 	var formationBox = document.querySelector(".formation-box");
-	formationBox.formationBox = formation;
+	formationBox.formation = formation;
+	
+	//徽章
+	var badges = Array.prototype.slice.call(formationBox.querySelectorAll(".formation-badge .badge-bg"));
+	badges.forEach(function(badge,bidx){
+		badge.onclick = function(){
+			if (badges.some(function(b){return b.classList.contains("display-none");}))
+			{ //未展开时
+				badges.forEach(function(b,idx){if (idx!=bidx)b.classList.remove("display-none");})
+			}else
+			{ //展开时
+				badges.forEach(function(b,idx){if (idx!=bidx)b.classList.add("display-none");})
+				formation.badge = bidx;
+				creatNewUrl();
+			}
+		}
+	})
 
 	//编辑框
 	var editBox = document.querySelector(".edit-box");
@@ -909,6 +928,9 @@ function refreshAll(fmt){
 	txtTitle.value = fmt.title || "";
 	txtDetail.value = fmt.detail || "";
 	txtDetail.onblur();
+	
+	var badges = Array.prototype.slice.call(document.querySelectorAll(".formation-box .formation-badge .badge-bg"));
+	badges.forEach(function(b,idx){if (idx==fmt.badge) b.classList.remove("display-none"); else b.classList.add("display-none");})
 
 	var formationA = document.querySelector(".formation-box .formation-A-box");
 	var formationB = document.querySelector(".formation-box .formation-B-box");

solo.html

@@ -29,6 +29,22 @@ var formation = new Formation(1,6);
 		<div class="title-box"><input type="text" class="title" placeholder="输入阵型标题" /></div>
 		<div class="formation-A-bigbox">
 			<div class="formation-A-box">
+				<ul class="formation-badge">
+					<li class="badge-bg"><div class="badge badge-0"></div></li>
+					<li class="badge-bg display-none"><div class="badge badge-1"></div></li>
+					<li class="badge-bg display-none"><div class="badge badge-2"></div></li>
+					<li class="badge-bg display-none"><div class="badge badge-3"></div></li>
+					<li class="badge-bg display-none"><div class="badge badge-4"></div></li>
+					<li class="badge-bg display-none"><div class="badge badge-5"></div></li>
+					<li class="badge-bg display-none"><div class="badge badge-6"></div></li>
+					<li class="badge-bg display-none"><div class="badge badge-7"></div></li>
+					<li class="badge-bg display-none"><div class="badge badge-8"></div></li>
+					<li class="badge-bg display-none"><div class="badge badge-9"></div></li>
+					<li class="badge-bg display-none"><div class="badge badge-10"></div></li>
+					<li class="badge-bg display-none"><div class="badge badge-11"></div></li>
+					<li class="badge-bg display-none"><div class="badge badge-12"></div></li>
+					<li class="badge-bg display-none"><div class="badge badge-13"></div></li>
+				</ul>
 				<ul class="formation-assist">
 					<li class="member member-1 null">
 						<a class="monster" target="_blank" onclick="editMon(0,1,0);return false;">

style-monsterimages.css

@@ -593,4 +593,64 @@ var sawokens = [
 	"大光盾",
 	"大暗盾",
 ];
-*/
+*/
+/* 徽章背景 */
+.badge-bg{
+	background-image: url(images/badge-bg.png);
+	width: 53px;
+	height: 41px;
+	line-height: 41px;
+	float: left;
+	text-align: center;
+	margin-right: 5px;
+	cursor: pointer;
+}
+.badge{
+	display:inline-block;
+    vertical-align: middle;
+	background-repeat: no-repeat;
+	background-image: url(images/badge.png);
+	width: 36px; height: 30px;
+}
+.badge-0{
+	background-position-y: 0px;
+}
+.badge-1{
+	background-position-y: -30px;
+}
+.badge-2{
+	background-position-y: -60px;
+}
+.badge-3{
+	background-position-y: -90px;
+}
+.badge-4{
+	background-position-y: -120px;
+}
+.badge-5{
+	background-position-y: -150px;
+}
+.badge-6{
+	background-position-y: -180px;
+}
+.badge-7{
+	background-position-y: -210px;
+}
+.badge-8{
+	background-position-y: -240px;
+}
+.badge-9{
+	background-position-y: -270px;
+}
+.badge-10{
+	background-position-y: -300px;
+}
+.badge-11{
+	background-position-y: -330px;
+}
+.badge-12{
+	background-position-y: -360px;
+}
+.badge-13{
+	background-position-y: -390px;
+}

style.css

@@ -233,10 +233,10 @@ ul{
 .formation-box .monster{
 	margin: 4px; /*留给队长边框的*/
 }
-/*队伍的背景色*/
-.formation-assist, .formation-team{
+.formation-assist, .formation-team,.formation-badge{
 	display: inline-block;
 }
+/*队伍的背景色*/
 .formation-A-box .formation-team,.formation-A-box .formation-latents{
 	background-color:pink;
 }