javascript - Something horribly wrong with my js code, anyone can help me debug? -

-

i'm trying write tool, animate game map range of dates. flow this:
1st: choose game world
2nd: set map display parameters (date range, map type , animation speed)
3rd: js code grab png file according dates , display them 1 one according animation speed

the problem i'm having this: if click on 1 world, , click animate, fine, animation displays correctly. if choose world (without refreshing page), animation either flickers or somehow displaying image other worlds. , can't figure out what's causing (i'm totally n00b @ js)

$(function(){         $("#image_area").hide();         $("#tw_image").hide();           $('#w40').click(function(){              $("#tw_image").hide();                       show_image_area('40');         });          $('#w42').click(function(){              $("#tw_image").hide();                   show_image_area('42');         });          $('#w56').click(function(){             $("#tw_image").hide();                   show_image_area('56');         });          });      function show_image_area(world){         $("#tw_image").hide();               if(world == "40" || world == "42" || world == "56"){             $("#map_notice").remove();             $("#image_area").prepend('<div id="map_notice">map w'+world+' available <span id="date_highlight">april 7th 2011</span>, previous dates invalid , not have map available</div>');         }         $("#date_from").datepicker({ showanim: 'blind' });         $("#date_to").datepicker({ showanim: 'blind' });         $('#image_area').show();                 $("#animate").click(function(){             $("#tw_image").hide();                                               var date_from = $("#date_from").val();             var date_to = $("#date_to").val();             if(!(date_from && date_to)){                 alert("from , dates required.")                 return false;             }             var map_type = $("#map_type").val();             var speed = $("#speed").val();             var days = daydiff(parsedate(date_from), parsedate(date_to));             var date_one = new date(date.parse(date_from));             var b = date_one.toisostring().split("t")[0].split("-");             var c = get_map_type(map_type) + b[0] + b[1] + b[2];             var width = get_map_type_width(map_type);             var img_load = "" + world + "/" + c + ".png";             $('#image_area').load(img_load, function(){                 $("#tw_image").attr("width", width);                 $("#tw_image").attr("src", img_load);                 $("#tw_image").show();                 $("#debug").html("world = "+world);             });              var = 0;             var interval = setinterval(             function(){                 date_one.setdate(date_one.getdate() + 1);                                b = date_one.toisostring().split("t")[0].split("-");                 c = get_map_type(map_type) + b[0] + b[1] + b[2];                                     var src_one = "" + world + "/"+c+".png";                 var img = new image();                 img.src = src_one;                 img.onload = function(){                     $("#tw_image").attr("src", img.src);                     $("#debug").html("world = "+world);                                              }                 i++;                 if(i >= days) clearinterval(interval);                                           },speed);          });     }      function get_map_type(map_type){         if(map_type == "topk"){             return "topktribes";         }         if(map_type == "toptribe"){             return "toptribes";         }         if(map_type == "topnoble"){             return "topnoblers";         }     }      function get_map_type_width(map_type){         if(map_type == "topk"){             return 1000;         }         if(map_type == "toptribe"){             return 1300;         }         if(map_type == "topnoble"){             return 1300;         }     }       function parsedate(str) {         var mdy = str.split('/');         return new date(mdy[2], mdy[0]-1, mdy[1]);     }      function daydiff(first, second) {         return (second-first)/(1000*60*60*24)     }

ok think have solution here although not thought going be. every time calling image_area_world creating new click handler on animate button. due way javascript scope works world variable kept same click handler @ point of creation.

anyway solve problem can try before define click handler. 

$("#animate").unbind("click"); $("#animate").click(function () { *code* }

a couple of tools out.

  1. visual event
  2. firebug

also bit explaining how javascript scope , closures work


Comments

Post a Comment

Popular posts from this blog

php - What is the difference between $_SERVER['PATH_INFO'] and $_SERVER['ORIG_PATH_INFO']? -

-
what’s difference between $_server['path_info'] , $_server['orig_path_info'] ? how use them? when run print_r($_server) , path_info , orig_path_info not present in array. why not? how can enable them? i have read php manual on them, still don’t understand them. the path_info variable present if invoke php script this: http://www.example.com/phpinfo.php/hello_there it's /hello_there part after .php script. if don't invoke url that, there won't $_server["path_info"] environment variable. the porig_ prefix uncommon. path_info standard cgi-environment variable, , should never prefixed. did read that? (there issues around php3/php4 if invoked php interpreter via cgi-bin/ - hardly has such setups today.) for reference: http://www.ietf.org/rfc/rfc3875
Read more

fortran - Function return type mismatch -

-
i'm attempting recode old c++ program in fortran make use of lapack (i'm aware c++ have lapack++, i'm having lot of trouble installing it, gave up). i didn't have problems compilation, when had variables declared real . when started coding section of program required lapack, found parameters passed dsyev need double precision . tried change double precision (including changing hard coded numbers double precision counterparts, i.e. 0.0 -> 0.0d0) when try compile, following error of functions , subroutines i've written: error: return type mismatch of function <function> @ (1) (real(4)/real(8)) i'm not sure coming from, in program has been changed double precision. for example, i've declared following: double precision :: alpha(3),d(3),zeta1,zeta2 double precision :: a1(3),a2(3),d1(3),d2(3) double precision :: pi pi = 3.14159265359d0 alpha = (/0.109818d0, 0.405771d0, 2.22766d0/) d = (/0.444635d0, 0.535328d0, 0.154329d0 /) 10 i=1,3 ...
Read more

queue - mq_receive: message too long -

-
i implementing communication between 2 processes using queue. problem when call function mq_receive, error: message long. i have done following: struct mq_attr attr; long size = attr.mq_msgsize; .... // initializing queue "/gateway" int rc = mq_receive(gateway, buffer, size, &prio); if print size value, size=1, while when print same size program (got same mechanism), not long integer ( -1217186280 )... how can solve error?....so while size = 1, believe it's right "message long" why 1? p.s. have tried put : int rc = mq_receive(gateway, buffer, sizeof(buffer), &prio); but no result. it seems need read docs more carefully. when call mq_receive should pass size of destination buffer. this size must greater mq_msgsize attribute of queue . in addition, seems have error in queue attributes initialisation makes proper mq_receive call impossible. here standard message queue session: fill mq_attr struct ( doc ): struct mq_a...
Read more