add tab for appendPic

This commit is contained in:
YouWei Zhao 2018-02-19 12:07:49 +08:00
parent d003dbf84b
commit f67b88d38e
4 changed files with 24 additions and 35 deletions

View File

@ -190,7 +190,7 @@ body{
.gameCanvas { .gameCanvas {
position: absolute; position: absolute;
} }
#dataSelection{ #dataSelection , .appendSelection{
position: absolute; position: absolute;
/* top:0; /* top:0;
left:320px; */ left:320px; */

View File

@ -13,7 +13,7 @@
.leftTab > :first-child{margin-top:5px;} .leftTab > :first-child{margin-top:5px;}
.leftTab > :last-child{margin-bottom:5px;} .leftTab > :last-child{margin-bottom:5px;}
#left99 { #left1 {
left: 5px; left: 5px;
top: 650px; top: 650px;
width: 435px; width: 435px;

View File

@ -3,8 +3,7 @@ function editor_mode(){
'loc':'left2', 'loc':'left2',
'emenyitem':'left3', 'emenyitem':'left3',
'floor':'left4', 'floor':'left4',
'tower':'left5', 'tower':'left5'
'test':'left99'
} }
this._ids={} this._ids={}
this.dom={} this.dom={}
@ -23,6 +22,8 @@ editor_mode.prototype.init = function(callback){
if (Boolean(callback))callback(); if (Boolean(callback))callback();
} }
/////////////////////////////////////////////////////////////////////////////
editor_mode.prototype.objToTable = function(obj,commentObj){ editor_mode.prototype.objToTable = function(obj,commentObj){
var outstr=["\n<tr><td>条目</td><td>注释</td><td>值</td></tr>\n"]; var outstr=["\n<tr><td>条目</td><td>注释</td><td>值</td></tr>\n"];
var guids=[]; var guids=[];
@ -242,6 +243,8 @@ editor_mode.prototype.tower = function(callback){
if (Boolean(callback))callback(); if (Boolean(callback))callback();
} }
/////////////////////////////////////////////////////////////////////////////
editor_mode.prototype.listen = function(callback){ editor_mode.prototype.listen = function(callback){
var newIdIdnum = document.getElementById('newIdIdnum'); var newIdIdnum = document.getElementById('newIdIdnum');

View File

@ -32,39 +32,25 @@
</div> </div>
</div> </div>
<div id="left99" class='leftTab'><!-- 可以直接删掉,在editor_mode.js中,把ids中的'test':'left99'也要删掉 --> <div id="left1" class='leftTab'><div ><!-- appendpic -->
<div > <h3>追加素材</h3>
<h3>测试用标签页</h3> <p>
<div class='etable'> <input type="button" value="选择文件"/>
<table> <select id="selectAppend"></select><!-- ["terrains", "animates", "enemys", "items", "npcs"] -->
<tbody id='test_tbody'> <input type="button" value="追加"/>
<tr><td id='test_td' title="['aa']['bb']">条目</td><td>注释<span title='&#97;&#98;&#99;&#10;&#20013;&#25991;&#10;&#97;&#97;&#97;'>aaa</span></td><td></td></tr> </p>
<tr><td></td><td></td><td></td></tr> <div id="appendPicCanvas" style="position:relative;overflow: auto;height:500px;">
<tr><td></td><td></td><td></td></tr> <canvas style="position:absolute"></canvas><!-- 用于画出选中文件 -->
<tr><td>变量名字符串</td><td title='&#97;&#98;&#99;&#10;&#20013;&#25991;&#10;&#97;&#97;&#97;'>可能显示不全但是hover时通过span title='xxx'来显示</td><td>高度以此为准</td></tr> <canvas style="position:absolute;z-index:100"></canvas><!-- 用于响应鼠标点击 -->
<tr><td></td><td></td><td>此处是利用slice实现</td></tr> <canvas style="position:absolute;display:none;"></canvas><!-- 画出追加后的sprite用于储存 -->
<tr><td></td><td></td><td></td></tr> <div>
</tbody> <div class="appendSelection"><span style="font-size:10px">1</span></div>
</table> <div class="appendSelection"><span style="font-size:10px">&nbsp;&nbsp;2</span></div>
</div> <div class="appendSelection"><span style="font-size:10px">&nbsp;&nbsp;&nbsp;&nbsp;3</span></div>
<div class='etable'> <div class="appendSelection"><span style="font-size:10px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4</span></div>
<table>
<tbody id='test_tbody2'>
<tr><td>条目</td><td>注释</td><td></td></tr>
<tr><td></td><td></td><td><textarea spellcheck='false' id='temp_text' rows="2">abc</textarea></td></tr>
<tr><td></td><td></td><td><input spellcheck='false' id='temp_input' value='abc' /></td></tr>
<tr><td></td><td></td><td><select id="temp_select">
<option value="abc">abc</option>
<option value="ground2">ground2</option>
</select></tr>
</tbody>
</table>
</div>
<div >
<input type="button" value="保存"/>
</div> </div>
</div> </div>
</div> </div></div>
<div id="left2" class='leftTab'><div><!-- loc --> <div id="left2" class='leftTab'><div><!-- loc -->
<h3>地图选点</h3> <h3>地图选点</h3>
<p id='pos_a6771a78_a099_417c_828f_0a24851ebfce'>0,0</p> <p id='pos_a6771a78_a099_417c_828f_0a24851ebfce'>0,0</p>