Make Jquery X tabbable -
so working on accessibility issues our jquery dialogs , problem i've run how make x or close button tabbable can focused , closed using key board. possible?
update: jquery ui dialog. here code:
element.dialog(someservice.getdefaultpopupproperties);
default properties:
function getdefaultpopupproperties() { var popupdefaults = { position: 'center', title: '', autoopen:false, modal: true, resizable: false, closetext: '', appendto: '.iv360-appcontainer', width: '800', height: '400', // default popup buttons array, "cancel" @ index 0, , "submit" @ index 1 buttons: [ { 'text': translationservice.getmessage('cancel'), 'class': 'secondarybutton', 'click': angular.noop, 'id': 'popup_cancel_button' }, { 'text': translationservice.getmessage('submit'), 'click': angular.noop, 'id': 'popup_submit_button' } ], open: function(event, ui) { //disable main div scrolling jq360(".iv360-appcontainer").addclass('ui360-behind-dialog'); }, close: function(event, ui) { //re-enable main div scrolling jq360(".iv360-appcontainer").removeclass('ui360-behind-dialog'); } }; return popupdefaults; }
Comments
Post a Comment