-/** Optimized methods for fetching ad-banners via OpenX */
-
-/** see: http://enterprisejquery.com/2010/10/how-good-c-habits-can-encourage-bad-javascript-habits-part-1/ */
+/*
+ * (C) Copyright 2012 juplo (http://juplo.de/).
+ *
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the GNU Lesser General Public License
+ * (LGPL) version 3.0 which accompanies this distribution, and is available at
+ * http://www.gnu.org/licenses/lgpl-3.0.html
+ *
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * Contributors:
+ * - Kai Moritz
+ */
(function( openx, $, undefined ) {
var
- id,
- node,
+ domain, id, node,
count = 0,
slots = {},
- ads = [];
+ queue = [],
+ ads = [],
+ output = [];
openx.show_ads = function(server, zones) {
+ domain = document.location.protocol == 'https:' ? 'https://' + server + ':8443':'http://' + server;
+
var
- domain = document.location.protocol == 'https:' ? 'https://' + server + ':8443':'http://' + server,
+ name,
src = domain;
- document.write = render;
- document.writeln = render;
+ /**
+ * 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 });
src += "/www/delivery/spc.php?zones=";
/** Only fetch banners, that are really included in this page */
- $('.oa').each(function() {
- var
- node = $(this),
- name, id;
- for(name in zones) {
+ for(name in zones) {
+ $('.oa').each(function() {
+ var
+ node = $(this),
+ id;
if (node.hasClass(name)) {
id = 'oa_' + ++count;
slots[id] = node;
+ queue.push(id);
src += escape(id + '=' + zones[name] + "|");
}
- }
- });
+ });
+ }
- src += "&nz=1&source=" + escape(OA_source);
- src += "&r=" + Math.floor(Math.random()*99999999);
+ if (typeof OA_source !== 'undefined')
+ src += "&source=" + escape(OA_source);
+ src += "&nz=1&r=" + Math.floor(Math.random()*99999999);
src += "&block=1&charset=UTF-8";
if (window.location) src += "&loc=" + escape(window.location);
if (document.referrer) src += "&referer=" + escape(document.referrer);
- $.getScript(src, init_ads);
+ $.getScript(src, load_flash);
+
+ }
+
+ function load_flash() {
- src = domain + '/www/delivery/fl.js';
- $.getScript(src);
+ $.getScript(domain + '/www/delivery/fl.js', init_ads);
}
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();
+ document.write = document_write;
+ document.writeln = document_write;
+
+ 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];
+ var result, src, inline, i;
- // node.append(id + ": " + node.attr('class'));
+ id = ads.shift();
+ node = slots[id];
- var result, src, inline;
+ node.slideDown();
- 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! */
- 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);
+ // 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] + ' ' // << simplifies the following regular expression: the string ends with a space in any case, so that the src-URL cannot be followed by the end of the string emediately!
+ 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*['"]?([^'"]*)['"]?\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! */
+ if (OA_output[id].length > 0)
+ /** The banner-code was not rendered completely yet! */
+ ads.unshift(id);
+ /** 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;
+ }
}
- $.globalEval(inline);
- }
- else {
- /** script-tag with src-URL! */
- ads.push(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_ad); // << 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() {
if (id == undefined)
return;
- var
- str = "",
- i;
+ for (var i=0; i<arguments.length; i++)
+ output.push(arguments[i]);
- for (i=0; i < arguments.length; i++)
- str += arguments[i];
+ 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);
- 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 = [];
+ }
}