41 lines
1.4 KiB
JavaScript
41 lines
1.4 KiB
JavaScript
|
Ox.Focus = function() {
|
||
|
|
/***
|
||
|
|
Ox.Focus
|
||
|
|
Basic focus handler
|
||
|
|
Methods
|
||
|
|
blur(id) blur element
|
||
|
|
focus(id) focus element
|
||
|
|
focused() return id of focused element, or null
|
||
|
|
***/
|
||
|
|
var stack = [];
|
||
|
|
return {
|
||
|
|
_print: function() {
|
||
|
|
Ox.print(stack);
|
||
|
|
},
|
||
|
|
blur: function(id) {
|
||
|
|
var index = stack.indexOf(id);
|
||
|
|
if (index > -1 && index == stack.length - 1) {
|
||
|
|
stack.length == 1 ? stack.pop() :
|
||
|
|
stack.splice(stack.length - 2, 0, stack.pop());
|
||
|
|
//$elements[id].removeClass('OxFocus');
|
||
|
|
$('.OxFocus').removeClass('OxFocus'); // fixme: the above is better, and should work
|
||
|
|
stack.length && Ox.UI.elements[stack[stack.length - 1]].addClass('OxFocus');
|
||
|
|
Ox.print('blur', id, stack);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
focus: function(id) {
|
||
|
|
var index = stack.indexOf(id);
|
||
|
|
if (index == -1 || index < stack.length - 1) {
|
||
|
|
index > -1 && stack.splice(index, 1);
|
||
|
|
stack.push(id);
|
||
|
|
$('.OxFocus').removeClass('OxFocus'); // fixme: see above
|
||
|
|
Ox.UI.elements[id].addClass('OxFocus');
|
||
|
|
Ox.print('focus', id, stack);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
focused: function() {
|
||
|
|
return stack.length ? stack[stack.length - 1] : null;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}();
|