javascript - How to Add New Row/Column -


i'm working on game , i've been having bit of trouble. i'm trying once blocks turn purple, want create new row , column. trying achieve removing of blocks after blocks purple, , create 1 more row , column last time, using variable rowval. i've been working on jsfiddle , link http://jsfiddle.net/jaredasch1/6dhc240q/. i'll post code down below can quickly

the html

<!doctype html> <body>     <div id="button" class="on hover"></div>     <br>     <div class="block hover"></div>     <div class="block hover"></div>     <div class="block hover"></div>     <div class="block hover"></div>     <br>     <div class="block hover"></div>     <div class="block hover"></div>     <div class="block hover"></div>     <div class="block hover"></div>     <br>     <div class="block hover"></div>     <div class="block hover"></div>     <div class="block hover"></div>     <div class="block hover"></div>     <br>     <div class="block hover"></div>     <div class="block hover"></div>     <div class="block hover"></div>     <div class="block hover"></div> </body>

the css

.block {     height:100px;     width:100px;     border-radius:10px;     display:inline-block;     background-color:#33ccff; } #button {     height:100px;     width:410px;     border-radius:10px;     display:inline-block;     background-color:#ff6666;     margin-bottom:10px; } .on {     background-color:#d633ff; }

the javascript/ jquery

var main = function () {     var rowval = 5;     var setup = function () {         (var = 0; < rowval; i++) {             $("#button").append("<br>");         }         (var k = 0; k < rowval; k++) {             $("<br>").append("<div class=\"block hover\"></div>");         }         rowval++;     };     var checkall = function () {         var alldivs = $("div.block");         var classeddivs = $("div.block.on");          var alldivshaveclass = (alldivs.length === classeddivs.length);          if (alldivshaveclass) {             alldivs.remove(".on");             setup();         }     };     $("div").mouseenter(function () {         $(this).fadeto("slow", 0.25);         $(this).css('cursor', 'pointer');     });     $("div").mouseleave(function () {         $(this).fadeto("slow", 1);         $(this).css('cursor', 'default');     });     $(".block").click(function () {         $(this).toggleclass("on");         $(this).prev().toggleclass("on");         $(this).nextall().eq(4).toggleclass("on");         $(this).next().toggleclass("on");         $(this).prevall().eq(4).toggleclass("on");         checkall();     });     $("#button").click(function () {         $(".block").removeclass("on");     });     $(document).keydown(function (key) {         if (event.which === 32) {             $(".block").removeclass("on");         }     }); }; $(document).ready(main);

i'm open suggestions please answer!

in checkall(), add following:

$("body").append('<br><div class="block hover"></div>');

Comments

Post a Comment

Popular posts from this blog

php - Submit Form Data without Reloading page -

i know question has been asked , answered bunch of times life of me can not solution work on code. believe if redo code, work properly, , in retrospect time i've spent on issue should have redone code...but beyond deadline , have working prototype up... can advise how update multiple forms on single page without reloading page? horrible @ php , complete noob js/jquery/ajax @ best. html/php in single file , believe causing me problems/is largest obstacle @ getting ajax form processing work. basically, want users to: select teams multiple dropdowns in form group 1 (league champs) , on update update db newly selected team without reloadding page. edit team scores per match , on score submit/update, update db new scores. for each requirement there multiple forms (1 each leagues, 1 each per match) have set class on each form id. everything works via php, form submission reloads page each time submitted , not ideal. i have tried ajax code here http://scotch.io/tutoria...
Read more

linux - Rails running on virtual machine in Windows -

the reason why want switch ubuntu people said gems works better on linux on windows. i don't want macbook pro rails development since love windows , cannot stand lack of apps mac. moreover, people saying ubuntu "better" mac: http://www.reddit.com/r/ubuntu/comments/1bgj1s/are_there_advantages_of_ubuntu_over_os_x_for/ does virtual box work enough doesn't have lag @ all? using i7-3517u cpu 8gb memory. need program in environment lag-free , not sluggish. or there alternatives recommend? i unsure permission settings or complicated stuffs regarding terminal. i'll using terminal develop. i'm still quite new here development in linux. please kind me >< thanks. @holyxiaoxin pretty sure should asking on superuser instead. nevertheless, suggest install ubuntu in partition instead of running virtual machine. here's guide https://help.ubuntu.com/community/windowsdualboot also, yes. developing in virtual machine accurate, @ end experiment w...
Read more