jquery - Make radio buttons avoid selection with keyboard navigation? -


is possible make can navigate through set of radio buttons arrow keys without automatically selecting them? have popup want close when user selects radio button , i'm using .click(), when navigate radiobuttons in popup arrowkeys, each navigation leads popup closing , user having reopen it.
suggestions?
thanks!

edit: live demo: jsfiddle.net/tkwzh/4
real thing has lot more open , close function, there way combine keydown enter , mousedown one? like

$("#popup2 input:radio").bind('keydown keycode == 13', 'mousedown' function () {
$('#popup2').css('display', 'none'); });

something this? though realize incorrect , makes no sense.

this behavior specific browsers. ie appears select radios based on arrow keys, whereas, chrome not.

that said, can disable behavior preventing keydown event via jquery. recommend doing on div (or other element wraps radio buttons), doesn't apply entire document:

$('div.wrap').keydown(function(e) { if (e.which > 36 && e.which < 41) { e.preventdefault(); } var $checkedradio = $('input[type=radio]:checked'); if ($checkedradio.size() > 0) { $checkedradio.removeattr('checked'); if (e.which == 38 || e.which == 39) { var $nextradio = $checkedradio.next('input[type=radio]'); if ($nextradio.size() > 0) { $nextradio.attr('checked', 'checked'); } else { $('input[type=radio]:first').attr('checked', 'checked'); } } else if (e.which == 37 || e.which == 40) { var $prevradio = $checkedradio.prev('input[type=radio]'); if ($prevradio.size() > 0) { $prevradio.attr('checked', 'checked'); } else { $('input[type=radio]:last').attr('checked', 'checked'); } } } });รข€‹

there's way achieve this, , track key pressed, , check in click() event:

var keypressed; $('input').click(function(e) { if (keypressed && keypressed > 36 && keypressed < 41) { e.preventdefault(); e.stoppropagation(); // key pressed during click } else{ // normal click } }); $(document).keydown(function(e) { keypressed = e.which; }); $(document).keyup(function(e) { keypressed = null; });

Comments

Post a Comment

Popular posts from this blog

javascript - backbone.js Collection.add() doesn't `construct` (`initialize`) an object -

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://documentcloud.github.com/underscore/underscore-min.js"></script> <script src="http://documentcloud.github.com/backbone/backbone-min.js"></script> </head> <body> <button id="cmd_create_event" name="cmd_create_event" type="button">create new `event`</button> <script type="text/javascript"> var eventmodel = backbone.model.extend({ initialize : function() { console.log("`event` initialized. id: " + this.cid); this.bind("change:status", function() { console.log(this.get("status") + " value `status`"); }); this.bind("error", function(model, e...
Read more

php - Get uncommon values from two or more arrays -

is there function in php give array of uncommon values 2 or more arrays? for example: $array1 = array( "green", "red", "blue"); $array2 = array( "green", "yellow", "red"); .... $result = function_needed($array1, $array2,...); print_r($result); should give output: array("blue", "yellow", ...); use array_diff , array_merge : $result = array_merge(array_diff($array1, $array2), array_diff($array2, $array1)); here's demo. for multiple arrays, combine callback , array_reduce : function unique(&$a, $b) { return $a ? array_merge(array_diff($a, $b), array_diff($b, $a)) : $b; } $arrays = array( array('green', 'red', 'blue'), array('green', 'yellow', 'red') ); $result = array_reduce($arrays, 'unique'); and here's demo of that.
Read more

Adding duplicate array rows in Php -

i create function in php adds rows of array shared column value. so input. $test = array( array("c", 5, 6), array("c", 2, 3), array("test", 5, 6) ); and output. $testduplicatefree = array( array("c", 7, 9), array("test", 5, 6) ) ); i'm thinking function combine_duplicates($array,$col){ ... ... return $duplicatefreearray; } where $col duplicate free array. so, in case, combine_duplicates($test,0); would me desired output. this. <?php function combine_duplicates($array,$col) { $index = array(); foreach ($array $row) { $key = $row[$col]; if (!isset($index[$key])) { $index[$key] = $row; } else { ($i = 0; $i < count($row); ++$i) { if ($i != $col) { $index[$key][$i] += $row[$i]; } } } } return array_values($index); } $array = array( array("c", 5, 6), array("c", 2, 3), array("test", 5, 6) ); print_r(combine_duplicates($array, 0)); try here: http://codepad.org/mdhesqhi
Read more