diff --git a/source/Ox.UI/Ox.UI.js b/source/Ox.UI/Ox.UI.js index 37fa378e..ad2d621a 100644 --- a/source/Ox.UI/Ox.UI.js +++ b/source/Ox.UI/Ox.UI.js @@ -52,8 +52,9 @@ Ox.load.UI = function(options, callback) { }); Ox.documentReady(function() { - Ox.element('body') - .addClass('OxTheme' + Ox.toTitleCase(options.theme || 'classic')); + Ox.$('body').addClass( + 'OxTheme' + Ox.toTitleCase(options.theme || 'classic') + ); options.showScreen && showScreen(); }); @@ -61,7 +62,7 @@ Ox.load.UI = function(options, callback) { function showScreen() { - var body = Ox.element('body'), + var body = Ox.$('body'), css = { position: 'absolute', left: 0, @@ -72,7 +73,7 @@ Ox.load.UI = function(options, callback) { MozUserSelect: 'none', WebkitUserSelect: 'none' }, - div = Ox.element('
') + div = Ox.$('
') .addClass('OxLoadingScreen') .css({ position: 'absolute', @@ -96,7 +97,7 @@ Ox.load.UI = function(options, callback) { // SVG transform performs worse than CSS transform var src = Ox.PATH + 'Ox.UI/themes/' + options.theme + '/svg/symbolLoadingAnimated.svg' Ox.loadFile(src, function() { - Ox.element('') + Ox.$('') .attr({ src: src }) @@ -104,8 +105,10 @@ Ox.load.UI = function(options, callback) { width: '32px', height: '32px' }, css)) - .mousedown(function(e) { - e.preventDefault() + .bind({ + mousedown: function(e) { + e.preventDefault(); + } }) .appendTo(div); }); @@ -114,7 +117,7 @@ Ox.load.UI = function(options, callback) { element, src = Ox.PATH + 'Ox.UI/themes/' + options.theme + '/svg/symbolLoading.svg' Ox.loadFile(src, function() { - element = Ox.element('') + element = Ox.$('') .attr({ src: src }) @@ -122,8 +125,10 @@ Ox.load.UI = function(options, callback) { width: '32px', height: '32px' }, css)) - .mousedown(function(e) { - e.preventDefault() + .bind({ + mousedown: function(e) { + e.preventDefault() + } }) .appendTo(div); loadingInterval = setInterval(function() { @@ -155,14 +160,14 @@ Ox.load.UI = function(options, callback) { }); }); function showIcons() { - var box = Ox.element('
') + var box = Ox.$('
') .css(Ox.extend({ width: (browsers.length * 72) + 'px', height: '72px' }, css)) .appendTo(div); browsers.forEach(function(browser, i) { - var link = Ox.element('') + var link = Ox.$('') .attr({ href: browser.url, title: (browser.name == 'Chrome Frame' ? 'Install' : 'Download') @@ -175,7 +180,7 @@ Ox.load.UI = function(options, callback) { height: '72px', }) .appendTo(box); - Ox.element('') + Ox.$('') .attr({ src: browser.src }) @@ -185,8 +190,10 @@ Ox.load.UI = function(options, callback) { border: 0, cursor: 'pointer' }, css)) - .mousedown(function(e) { - e.preventDefault(); + .bind({ + mousedown: function(e) { + e.preventDefault(); + } }) .appendTo(link); });