(function( openx, $, undefined ) {
- var body = document.getElementsByTagName('body')[0];
+ var
- var id;
- var node;
+ id,
+ node,
- var count = 0;
- var slots = {};
- var ads = [];
+ count = 0,
+ slots = {},
+ queue = [],
+ ads = [],
+ output = [];
openx.show_ads = function(server, zones) {
- document.write = render;
- document.writeln = render;
+ var
+ domain = document.location.protocol == 'https:' ? 'https://' + server + ':8443':'http://' + server,
+ name,
+ src = domain;
- var domain = document.location.protocol == 'https:' ? 'https://' + server + ':8443':'http://' + server;
+ /**
+ * Without this option, jQuery appends an timestamp to every URL, that
+ * is fetched via $.getScript(). This can mess up badly written
+ * third-party-ad-scripts, that assume that the called URL's are not
+ * altered.
+ */
+ $.ajaxSetup({ cache: true });
- var spc = document.createElement('script');
+ document.write = document_write;
+ document.writeln = document_write;
- spc.type = 'text/javascript';
- spc.async = false;
- spc.defer = false;
-
- spc.src = domain;
- spc.src += "/www/delivery/spc.php?zones=";
+ src += "/www/delivery/spc.php?zones=";
/** Only fetch banners, that are really included in this page */
- $('.oa').each(function() {
- var node = $(this);
- for(var name in zones) {
+ for(name in zones) {
+ $('.oa').each(function() {
+ var
+ node = $(this),
+ id;
if (node.hasClass(name)) {
- var id = 'oa_' + ++count;
+ id = 'oa_' + ++count;
slots[id] = node;
- spc.src += escape(id + '=' + zones[name] + "|");
+ queue.push(id);
+ src += escape(id + '=' + zones[name] + "|");
}
- }
- });
-
- spc.src += "&nz=1&source=" + escape(OA_source);
- spc.src += "&r=" + Math.floor(Math.random()*99999999);
- spc.src += "&block=1&charset=UTF-8";
-
- if (window.location) spc.src += "&loc=" + escape(window.location);
- if (document.referrer) spc.src += "&referer=" + escape(document.referrer);
-
- spc.onload = init_ads;
-
- body.appendChild(spc);
-
+ });
+ }
- var fl = document.createElement('script');
+ src += "&nz=1&source=" + escape(OA_source);
+ src += "&r=" + Math.floor(Math.random()*99999999);
+ src += "&block=1&charset=UTF-8";
- fl.type = 'text/javascript';
- fl.async = false;
- fl.defer = false;
+ if (window.location) src += "&loc=" + escape(window.location);
+ if (document.referrer) src += "&referer=" + escape(document.referrer);
- fl.src = domain + '/www/delivery/fl.js';
+ $.getScript(src, init_ads);
- body.appendChild(fl);
+ src = domain + '/www/delivery/fl.js';
+ $.getScript(src);
}
function init_ads() {
- for (var id in slots) {
+ var i, id;
+ for (i=0; i<queue.length; i++) {
+ id = queue[i];
if (typeof(OA_output[id]) != 'undefined' && OA_output[id] != '')
ads.push(id);
}
- render_ad();
+ render_ads();
}
- function render_ad() {
+ function render_ads() {
- if (ads.length == 0) {
- id = undefined;
- node = undefined;
- return;
- }
+ while (ads.length > 0) {
- id = ads.pop();
- node = slots[id];
-
- // node.append(id + ": " + node.attr('class'));
-
- var result;
- var script;
- var src;
- var inline;
-
- while ((result = /<script/i.exec(OA_output[id])) != null) {
- node.append(OA_output[id].slice(0,result.index));
- /** Strip all text before "<script" from OA_output[id] */
- OA_output[id] = OA_output[id].slice(result.index,OA_output[id].length);
- result = /^([^>]*)>([\s\S]*?)<\\?\/script>/i.exec(OA_output[id]);
- if (result == null) {
- /** Invalid syntax in delivered banner-code: ignoring the rest of this banner-code! */
- // alert(OA_output[id]);
- OA_output[id] = "";
- render_ad();
- return;
- }
- /** Remember iinline-code, if present */
- src = result[1]
- inline = result[2];
- /** Strip all text up to and including "</script>" from OA_output[id] */
- OA_output[id] = OA_output[id].slice(result[0].length,OA_output[id].length);
- result = /src\s*=\s*['"]([^'"]*)['"]/i.exec(src);
- if (result == null) {
- /** script-tag with inline-code: execute inline-code! */
- eval(inline);
- }
- else {
- /** script-tag with src-URL! */
- script = document.createElement('script');
- script.type = 'text/javascript';
- script.async = false;
- script.defer = false;
- script.src = result[1];
- script.onload = render_ad;
- /** The banner might not be rendered fully, or include more calls to document.write(). */
- ads.push(id);
- /** Load the script and halt all work until the script is loaded and executed... */
- body.appendChild(script); // << The onload-event is only fired when appendChild is used!
- return;
+ var result, src, inline, i;
+
+ id = ads.shift();
+ node = slots[id];
+
+ node.slideDown();
+
+ // node.append(id + ": " + node.attr('class'));
+
+ /**
+ * If output was added via document.write(), this output must be
+ * rendered before other banner-code from the OpenX-server is rendered!
+ */
+ insert_output();
+
+ while ((result = /<script/i.exec(OA_output[id])) != null) {
+ node.append(OA_output[id].slice(0,result.index));
+ /** Strip all text before "<script" from OA_output[id] */
+ OA_output[id] = OA_output[id].slice(result.index,OA_output[id].length);
+ result = /^([^>]*)>([\s\S]*?)<\\?\/script>/i.exec(OA_output[id]);
+ if (result == null) {
+ /** Invalid syntax in delivered banner-code: ignoring the rest of this banner-code! */
+ // alert(OA_output[id]);
+ OA_output[id] = "";
+ }
+ else {
+ /** Remember iinline-code, if present */
+ src = result[1]
+ inline = result[2];
+ /** Strip all text up to and including "</script>" from OA_output[id] */
+ OA_output[id] = OA_output[id].slice(result[0].length,OA_output[id].length);
+ result = /src\s*=\s*['"]([^'"]*)['"]/i.exec(src);
+ if (result == null) {
+ /** script-tag with inline-code: execute inline-code! */
+ result = /^\s*<.*$/m.exec(inline);
+ if (result != null) {
+ /** Remove leading HTML-comments, because IE will stumble otherwise */
+ inline = inline.slice(result[0].length,inline.length);
+ }
+ $.globalEval(inline);
+ insert_output(); // << The executed inline-code might have called document.write()!
+ }
+ else {
+ /** script-tag with src-URL! */
+ ads.unshift(id); // << The banner might not be rendered fully, or include more calls to document.write().
+ /** Load the script and halt all work until the script is loaded and executed... */
+ $.getScript(result[1], render_ads); // << jQuery.getScript() generates onload-Handler for _all_ browsers ;)
+ return;
+ }
+ }
}
+
+ node.append(OA_output[id]);
+ OA_output[id] = "";
}
- node.append(OA_output[id]);
- OA_output[id] = "";
- /** This statement will only reached, when no script-element was rendered! */
- render_ad();
+ /** All entries from OA_output were rendered */
+ id = undefined;
+ node = undefined;
}
- function render() {
+ /** This function is used to overwrite document.write and document.writeln */
+ function document_write() {
+
+ for (var i=0; i<arguments.length; i++)
+ output.push(arguments[i]);
- if (id == undefined)
- return;
+ if (id != ads[0])
+ /**
+ * Re-Add the last banner-code to the working-queue, because included
+ * scripts had added markup via document.write(), which is not
+ * proccessed yet.
+ * Otherwise the added markup would be falsely rendered together with
+ * the markup from the following banner-code.
+ */
+ ads.unshift(id);
- var str = "";
- for (var i=0; i < arguments.length; i++)
- str += arguments[i];
+ }
- OA_output[id] = str + OA_output[id];
+ /**
+ * This function prepends the collected output from calls to
+ * document_write() to the current banner-code.
+ */
+ function insert_output() {
+
+ if (output.length > 0) {
+ output.push(OA_output[id]);
+ OA_output[id] = "";
+ for (i=0; i<output.length; i++)
+ OA_output[id] += output[i];
+ output = [];
+ }
}
} ( window.openx = window.openx || {}, jQuery ));
+
+var OA_output = {}; // << Needed, because IE will complain loudly otherwise!