未加星标

Add an extra layer to my js genarated "checkers" board

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二04 | 时间 2018 | 作者 红领巾 ] 0人收藏点击收藏

I have the following fiddle (click the 1 to see the board): http://jsfiddle.net/mauricederegt/vNpYe/1/

This part of the code:

this.getHTML = function () { return '<div class="tile tile' + this.type + '" style="left:' + this.x + 'px; top:' + this.y + 'px"></div>'; };

generates the "checkers" board using this code:

var levels = [ [ //lvl1 //layer1 [1, 2, 1], [0, 0, 0, 0, 0, 0], [2, 1, 2], [0, 0, 0, 0, 0, 0], [1, 2, 1], [0, 0, 0, 0, 0, 0] //layer2 //[0, 3, 4], //[0, 0, 0, 0, 0], //[0,4,3], //[0, 0, 0, 0, 0] ], [ //lvl2 [1,2,0,1,2,1], [1, 2] ] ];

Currently it has one layer. I want to add an extra layer on top of this first layer. Basically ad a board on top of this board (and more layers later on). The code of this board should look something like this:

//layer2 [0, 3, 4], [0, 0, 0, 0, 0], [0, 4, 3], [0, 0, 0, 0, 0]

If tried putting it in extra tags { }, so it would finish the cycle between it first before going to level2, but couldn't get it to work. Played with z-index a bit, also no luck. Any help would be greatly appreciated

Kind regards

Problem courtesy of: Maurice

Solution

Note that your layers for level 1 are all on the same "level"...

See the corrected version below:

var levels = [ [ //level one [//layer one of level one [1, 2, 1], [0, 0, 0, 0, 0, 0], [2, 1, 2], [0, 0, 0, 0, 0, 0], [1, 2, 1], [0, 0, 0, 0, 0, 0] ], [ //layer one of level one [0, 3, 4], [0, 0, 0, 0, 0], [0,4,3], [0, 0, 0, 0, 0] ] ], [ //level two [//layer one of level two [1,2,0,1,2,1], [1, 2] ] ] ];

Solution courtesy of: kwah

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

主题: HTML
tags: level,layer,board,code,top,extra,lt,courtesy
分页:12
转载请注明
本文标题:Add an extra layer to my js genarated "checkers" board
本站链接:https://www.codesec.net/view/582179.html


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(121)