diff --git a/javascript/jquery-ondemand/jquery.ondemand.js b/javascript/jquery-ondemand/jquery.ondemand.js index aba587935..0110e2f69 100644 --- a/javascript/jquery-ondemand/jquery.ondemand.js +++ b/javascript/jquery-ondemand/jquery.ondemand.js @@ -1,34 +1,18 @@ /** * On-demand JavaScript handler * Based on http://plugins.jquery.com/files/issues/jquery.ondemand.js_.txt - * and modified to integrate with SilverStripe and prototype.js. + * and heavily modified to integrate with SilverStripe and prototype.js. * Adds capabilities for custom X-Include-CSS and X-Include-JS HTTP headers * to request loading of externals alongside an ajax response. * - * Modified 2009-08-03 by Ingo Schommer, SilverStripe Ltd. - Renamed property "queue" to "ondemand_queue" - * to make compatible with jQuery 1.3 + * IMPORTANT: This plugin monkeypatches the jQuery.ajax() method. */ (function($){ - function isExternalScript(url){ - re = new RegExp('(http|https)://'); - return re.test(url); - }; - $.extend({ - requireConfig : { - // empty default paths give more flexibility and user has - routeJs : '', - // choice of using this config or full path in scriptUrl argument - // previously were useless for users which don't use '_js/' and '_css/' folders. (by PGA) - routeCss : '' - }, - - ondemand_queue : [], - pending : null, // loaded files list - to protect against loading existed file again (by PGA) - loaded_list : null, + _ondemand_loaded_list : null, // Added by SRM: Initialise the loaded_list with the scripts included on first load initialiseItemLoadedList : function() { @@ -38,7 +22,7 @@ $('script').each(function() { if($(this).attr('src')) $this.loaded_list[ $(this).attr('src') ] = 1; }); - $('link[@rel="stylesheet"]').each(function() { + $('link[rel="stylesheet"]').each(function() { if($(this).attr('href')) $this.loaded_list[ $(this).attr('href') ] = 1; }); } @@ -48,129 +32,128 @@ * Returns true if the given CSS or JS script has already been loaded */ isItemLoaded : function(scriptUrl) { - this.initialiseItemLoadedList(); - return this.loaded_list[scriptUrl] != undefined; - }, - - requireJs : function(scriptUrl, callback, opts, obj, scope) { - - if(opts != undefined || opts == null){ - $.extend($.requireConfig, opts); - } - - var _request = { - url : scriptUrl, - callback : callback, - opts : opts, - obj : obj, - scope : scope - } - - if(this.pending) { - this.ondemand_queue.push(_request); - return; - } - - this.pending = _request; + var self = this; - this.initialiseItemLoadedList(); - - // if required file exists (by PGA) - if (this.loaded_list[this.pending.url] != undefined) { - // => request complete - this.requestComplete(); - return; - } - - var _this = this; - var _url = (isExternalScript(scriptUrl)) ? scriptUrl : $.requireConfig.routeJs + scriptUrl; - var _head = document.getElementsByTagName('head')[0]; - var _scriptTag = document.createElement('script'); - - // Firefox, Opera - $(_scriptTag).bind('load', function(){ - _this.requestComplete(); + if(this._ondemand_loaded_list == null) { + this._ondemand_loaded_list = {}; + $('script').each(function() { + if($(this).attr('src')) self._ondemand_loaded_list[ $(this).attr('src') ] = 1; + }); + $('link[rel="stylesheet"]').each(function() { + if($(this).attr('href')) self._ondemand_loaded_list[ $(this).attr('href') ] = 1; }); - - // IE - _scriptTag.onreadystatechange = function(){ - if(this.readyState === 'loaded' || this.readyState === 'complete'){ - _this.requestComplete(); - } - } - - _scriptTag.type = "text/javascript"; - _scriptTag.src = _url; - - _head.appendChild(_scriptTag); - }, - - requestComplete : function() { - - if(this.pending.callback){ - if(this.pending.obj){ - if(this.pending.scope){ - this.pending.callback.call(this.pending.obj); - } else { - this.pending.callback.call(window, this.pending.obj); - } - } else { - this.pending.callback.call(); - } } - // adding loaded file to loaded list (by PGA) - this.loaded_list[this.pending.url] = 1; - this.pending = null; - - if(this.ondemand_queue.length > 0) { - var request = this.ondemand_queue.shift(); - this.requireJs(request.url, request.callback, request.opts, request.obj, request.scope); - } + return (this._ondemand_loaded_list[scriptUrl] != undefined); }, requireCss : function(styleUrl, media){ if(media == null) media = 'all'; // Don't double up on loading scripts - if(this.isItemLoaded(styleUrl)) return; + if($.isItemLoaded(styleUrl)) return; if(document.createStyleSheet){ - var ss = document.createStyleSheet($.requireConfig.routeCss + styleUrl); + var ss = document.createStyleSheet(styleUrl); ss.media = media; } else { var styleTag = document.createElement('link'); $(styleTag).attr({ - href : $.requireConfig.routeCss + styleUrl, + href : styleUrl, type : 'text/css', media : media, rel : 'stylesheet' }).appendTo($('head').get(0)); } - this.loaded_list[styleUrl] = 1; + this._ondemand_loaded_list[styleUrl] = 1; + }, + + /** + * Process the X-Include-CSS and X-Include-JS headers provided by the Requirements class + */ + processOnDemandHeaders: function(xml, status, _ondemandComplete) { + var self = this; + + // CSS + if(xml.getResponseHeader('X-Include-CSS')) { + var cssIncludes = xml.getResponseHeader('X-Include-CSS').split(','); + for(var i=0;i 0) { - for(i=0;i