");
// Add a backing (background) dom element for BG canvas property
$(elm).replaceWith(replacementImgs[i]);
backgroundDiv.insertBefore($(elm));
});
element.css({
'top':0,
'left':0,
'margin':0,
'width':width,
'height':height
});
var html_content = {
content: $('
').append(element).html(),
css: css,
width: width,
height: height,
base_url: getBaseUrl()
};
$element.trigger('shutterbug-asyouwere');
callback(html_content);
});
};
var getDomSnapshot = function() {
// Start timer.
var self = this;
var time = 0;
var counter = $("");
counter.html(time);
$(self.imgDst).html("creating snapshot: ").append(counter);
var timer = setInterval(function(t) {
time = time + 1;
counter.html(time);
}, 1000);
// Ask for HTML fragment and render it on server.
this.getHtmlFragment(function(html) {
$.ajax({
url: "CONVERT_PATH",
type: "POST",
data: html
}).success(function(msg) {
if(self.imgDst) {
$(self.imgDst).html(msg);
}
if (self.callback) {
self.callback(msg);
}
clearInterval(timer);
}).fail(function(e) {
$(self.imgDst).html("snapshot failed");
clearInterval(timer);
});
});
};
var requestHtmlFrag = function() {
var destination = $(this.element)[0].contentWindow;
var message = {
type: 'htmlFragRequest',
id: this.id
};
destination.postMessage(JSON.stringify(message), "*");
};
window.Shutterbug = function(selector, imgDst, callback, id, jQuery) {
if (typeof(jQuery) != "undefined" && jQuery != null) {
$ = jQuery;
}
// If we still don't have a valid jQuery, try setting it from the global jQuery default.
// This can happen if shutterbug.js is included before jquery.js
if ((typeof($) == "undefined" || $ == null) && typeof(window.$) != "undefined" && window.$ != null) {
$ = window.$;
}
var shutterbugInstance = {
element: selector,
imgDst: imgDst,
callback: callback,
id: id,
getDomSnapshot: getDomSnapshot,
getHtmlFragment: getHtmlFragment,
requestHtmlFrag: requestHtmlFrag,
iframeReqTimeout: MAX_TIMEOUT
};
var handleMessage = function(message, signature, func) {
var data = message.data;
if (typeof data === 'string') {
try {
data = JSON.parse(data);
if (data.type === signature) {
func(data);
}
} catch(e) {
// Not a json message. Ignore it. We only speak json.
}
}
};
var htmlFragRequestListen = function(message) {
var send_response = function(data) {
// Update timeout. When we receive a request from parent,
// we have to finish nested iframes rendering in that time.
// Otherwise parent rendering will timeout.
shutterbugInstance.iframeReqTimeout = data.iframeReqTimeout;
shutterbugInstance.getHtmlFragment(function(html) {
var response = {
type: 'htmlFragResponse',
value: html,
iframeReqId: data.iframeReqId,
id: data.id // return to sender only...
};
message.source.postMessage(JSON.stringify(response), "*");
});
};
handleMessage(message, 'htmlFragRequest', send_response);
};
var htmlFragResponseListen = function(message) {
var send_response = function(data) {
if (data.id === shutterbugInstance.id) {
shutterbugInstance._iframeContentRequests[data.iframeReqId].resolve(data.value);
}
};
handleMessage(message, 'htmlFragResponse', send_response);
};
$(document).ready(function () {
window.addEventListener('message', htmlFragRequestListen, false);
window.addEventListener('message', htmlFragResponseListen, false);
});
return shutterbugInstance;
};
})();