javascript - click function to only execute on certain data names -


i have click:function interactive jquery map.

the below defines "active color states" -- color states turn after being clicked. alter work / execute on few states choose. every state has data.name it's abbreviation. eg. 'oh' 'ca' 'tx" 'ny' etc. active color removes upon click states (as below) need ability have work select chosen states, not 50.

click: function(c, l) {     $("#map > svg > path").each(function() {             $(this).css("fill", "")         }),         $("#" + l.name).css("fill", "#ffc600"),

define array allowed states var clickable = ['oh','ca','tx','ny']; , use indexof see if clicked state in it..

try

click: function(c,l){   var node = $(l.shape.node),       siblings = node.siblings('path');    siblings.css('fill','');   if (clickable.indexof(l.name) > -1){     // select     node.css('fill','green');   } }

demo @ http://codepen.io/gpetrioli/pen/dplgvg

you styling css, though
(example requires browsers support classlist property)

click: function(c,l){   var active = $(l.shape.node)                  .siblings('.selected')                  .get(0);    // if there selected path   if (active) {     // de-select     active.classlist.remove('selected');   }   // if clicked node in list of clickables   if (clickable.indexof(l.name) > -1){     // select     l.shape.node.classlist.add('selected')   } }

demo @ http://codepen.io/gpetrioli/pen/dplgrg


Comments

Post a Comment

Popular posts from this blog

cakephp - simple blog with croogo -

i not problem, made simple blog in croogo, problem is not adding or modifying or delete, because arabic language ?? function add in controller `public function admin_add() { $this->set('title_for_layout', __('add part')); if (!empty($this->request->data)) { $this->part->create(); if ($this->part->save($this->request->data)) { $this->session->setflash(__('the part has been saved'), 'default', array('class' => 'success')); $this->redirect(array('action' => 'index'));//, $this->part->id)); } else { $this->session->setflash(__('the part not saved. please, try again.'), 'default', array('class' => 'error')); } } }` => model `class part extends appmodel { public $name = 'part'; var $belongst...
Read more

How to group boxplot outliers in gnuplot -

i have large set of data points. try plot them boxplot, of outliers exact same value , represented on line beside each other. found how set horizontal distance between outliers in gnuplot boxplot , doesn't much, apparently not possible. is possible group outliers together, print 1 point , print number in brackets beside indicate how many points there are? think make more readable in graph. for information, have 3 boxplots 1 x value , times 6 in 1 graph. using gnuplot 5 , played around pointsize, doesn't reduce distance anymore. hope can help! edit: set terminal pdf set output 'dat.pdf' file0 = 'dat1.dat' file1 = 'dat2.dat' file2 = 'dat3.dat' set pointsize 0.2 set notitle set xlabel 'x' set ylabel 'y' header = system('head -1 '.file0); n = words(header) set xtics ('' 1) set [i=1:n] xtics add (word(header, i) i) set style data boxplot plot file0 using (1-0.25):1:(0.2) boxplot lw 2 lc rgb '#8b0000...
Read more

bash - Performing variable substitution in a string -

i have string contains use of variable, , i'd substitute variable's value string. right best have is #!/bin/bash foo='$name; echo bar' name="the name" expanded="$(eval echo "$foo")" echo "$expanded" which has obvious defects: prints the name bar while i'd print the name; echo bar instead of eval can bash's regex matching bash's string replacement: foo='$name; echo bar' name="the name" [[ "$foo" =~ \$([[:alnum:]]+) ]] && s="${!bash_rematch[1]}" && expanded="${foo/\$${bash_rematch[1]}/$s}" echo "$expanded" name; echo bar
Read more