javascript - Use a var from mousedown() in the mouseup() event -

-

so looked @ my previous question, im building chess board in complete js , jquery (or @ least).

so pieces effectivly restricted in amount of squares allowed move need know position. (starting , ending position)

i wrote code below log starting row (integer) , starting column (integer) , on both mousedown() , mouseup()

var piece;         $('div').mousedown(function(e) {             e.preventdefault();             var selectedrow = this.getattribute("data-row");             var selectedcolumn = this.getattribute("data-column");             console.log(selectedrow, selectedcolumn);             piece = $(this).find('.pawn');         })         .mouseup(function() {             var selectedrow = this.getattribute("data-row");             var selectedcolumn = this.getattribute("data-column");             console.log(selectedrow, selectedcolumn);             if (selectedrow === selectedrow++ || selectedcolumn === selectedcolumn++){                 console.log('true :d'); //wont true because both selectedrow's same value             }             $(this).append(piece);         });

for far can see cant compare both values since both logs in different events. (please keep in mind im new both languages , im still learning).

my question if possible collect both values (starting , ending) , being able compare them each other.

the easiest approach make selectedrow_down , selectedcolumn_down selectedrow_up , selectedcolumn_up in global scope.

var selectedrow_down; var selectedcolumn_down; var selectedrow_up; var selectedcolumn_up;  $('div').mousedown(function(e) {     e.preventdefault();     var selectedrow_down = this.getattribute("data-row");     var selectedcolumn_down = this.getattribute("data-column");     piece = $(this).find('.pawn'); }) .mouseup(function() {     var selectedrow_up = this.getattribute("data-row");     var selectedcolumn_up = this.getattribute("data-column");     console.log(selectedrow_up, selectedcolumn_up);     $(this).append(piece); });

then refer value mouse event

also make global 2 dimensional array first keep track of chess pieces, see thread how create 2d arrays how can create 2 dimensional array in javascript?


Comments

Post a Comment

Popular posts from this blog

SVG stroke-linecap doesn't work for circles in Firefox? -

-
i've got problem svg stroke-linecap attribute. i've got circular progress bar in angularjs , set outer circle (blue one) have rounded "ends". @ fiddle . <svg ... height="130" width="130"> <!-- ngif: background --> <circle ... ng-if="background" fill="#fff" class="ng-scope" stroke-width="13" stroke="#cc3399" r="57.5" cy="65" cx="65" stroke-linecap="round" /> <!-- end ngif: background --> <circle ... fill="none" stroke-dashoffset="36.12831551628261" stroke-dasharray="361.28315516282623" stroke-width="13" stroke="#432db3" stroke-linecap="round" r="57.5" cy="65" cx="65" transform="rotate(-89.9, 65, 65)" /> </svg> how can that? ...
Read more

routes - Laravel 4 Wildcard Routing to Different Controllers -

-
realizing i'm going take beating this, have several questions "best practices" when constructing laravel route. do laravel routes run "first come first serve" top bottom? if route found, pass control controller (or perform action) , terminate? i have part of application acts url shortner. so, route looks this: route::get('/{id}', array('as' => 'home.text', 'uses' => 'homecontroller@text'), function($id){ //make sure id exists before pushing controller. if (storage::where('shortcode','=', $id)->count() > 0) { // route found } }); how can improved? one, i'm not sure how pass processing on controller conditionally.. sort of controller::make() ..? 3) there better way in laravel check if record exists versus doing mode::where('column','=','value')->count() 4) have legacy urls http://url.com/?...
Read more

cross browser - XSLT namespace-alias Not Working in Firefox or Chrome -

-
i transforming xhtml xhtml, need xslt stylesheet part of resulting document (the stylesheet contained in <script type"text/template"> element. using the xsl:namespace-alias instruction, works fine in ie, fails in both chrome , firefox. here relevant code: <xsl:output doctype-system="about:legacy-compat" omit-xml-declaration="yes" indent="yes" method="html" media-type="application/xhml" encoding="utf-8"/> <xsl:namespace-alias stylesheet-prefix="wxsl" result-prefix="xsl" /> <xsl:template match="head"> <!-- code omitted clarity --> <script type="text/template"> <wxsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl/transform" xmlns="http://www.w3.org/1999/xhtml" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:eli="local"> ...
Read more