Skip to content

Instantly share code, notes, and snippets.

@schmod

schmod/ExternalInterfaceExample.swf

Created November 2, 2012 21:35
Show Gist options
  • Save schmod/4004495 to your computer and use it in GitHub Desktop.
Save schmod/4004495 to your computer and use it in GitHub Desktop.
Download ZIP
SWFObject ExternalInterface Test
Raw
index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>SWFObject 2.3 Test Suite: 40 - External Interface (dynamic embed)</title>
<!-- Apply simple styling to page to make it pretty. -->
<link href="simple.css" rel="stylesheet" type="text/css" >
<!-- Import the SWFObject library file -->
<script type="text/javascript" src="swfobject_2.3_src.js"></script>
<script type="text/javascript">
window["flashcontent"] = new Object();
swfobject.embedSWF("ExternalInterfaceExample.swf?nocache=" + +new Date, "flashcontent", 550, 200, 8);
function fixReference() {
window["flashcontent"] = document.forms[0]["flashcontent"];
}
swfobject.addDomLoadEvent(fixReference);
function formSend() {
var text = document.getElementById("sendField").value;
document.getElementById("flashcontent").sendTextToFlash(text);
}
function getTextFromFlash(str) {
document.getElementById("receivedField").value = "From Flash: " + str;
return str + " received";
}
</script>
</head>
<body>
<h1><a href="/2.3/">SWFObject 2.3 Test Suite</a></h1>
<div id="page-wrapper">
<h2>40. External Interface (dynamic embed)</h2>
<div id="sidebar">
<ul class="link-buttons">
<li><a href="41-Multiple-Embeds-(Dynamic-and-Static-Publishing).php?doctype=html4" rel="next">Next test <span class="indicator">&rarr;</span></a></li>
<li><a href="39-swfobject.registerObject-(External-Interface).php?doctype=html4" rel="prev">Previous test <span class="indicator">&larr;</span></a></li>
<li><a href="/2.3/">List of Tests <span class="indicator">&larr;</span></a></li>
</ul>
<p>This page uses the HTML 4.01 Strict doctype, targets Flash Player version 9, and uses SWFObject's <a href="http://learnswfobject.com/the-basics/dynamic-publishing/">dynamic publishing</a> technique.</p>
<ul class="link-buttons">
<li><a href="http://testsuite.learnswfobject.com/2.3/usage-examples/40-swfobject.embedSWF-(External-Interface).php?doctype=xhtml">Reload as XHTML 1.0</a></li> <li><a href="http://testsuite.learnswfobject.com/2.3/usage-examples/40-swfobject.embedSWF-(External-Interface).php?doctype=html5">Reload as HTML 5</a></li> <li><a href="http://validator.w3.org/check?uri=referer">Validate HTML 4.01 Strict</a></li>
</ul>
</div><!-- /sidebar -->
<div id="page-content">
<p>This page tests SWF-to-browser communication using Adobe's External Interface ActionScript class. The test borrows from an <a href="http://kb2.adobe.com/cps/156/tn_15683.html">Adobe tutorial on External Interface</a>.</p>
<p>Please complete the forms to test the External Interface communication.</p>
<div class="example-wrapper">
<div id="flashcontent">
<!-- Fallback content.
In this case, we're using a form that allows visitors to inform us that the test failed.
In your own pages, you can replace this form with whatever you like.
-->
<form action="/submit_results.php" method="post" id="feedback-form">
<fieldset>
<legend>Flash SWF did not embed</legend>
<input type="hidden" id="page_URL" name="page_URL" value="/2.3/usage-examples/40-swfobject.embedSWF-(External-Interface).php?doctype=html4">
<p><strong>IMPORTANT: Only submit this form if the test was a failure, or if you encounter unexpected results. Some tests expect the embed to fail, which means the test itself is a success!</strong></p>
<p>
<label for="test_successful">Was the test successful? </label>
<select id="test_successful" name="test_successful">
<option value="0">No</option>
<option value="1">Yes</option>
</select>
</p>
<p>
<label for="visitor_comments">If you feel the test failed, please describe what you expected and the actual result: </label>
<textarea rows="4" cols="40" id="visitor_comments" name="visitor_comments">Expected result:
Actual result:</textarea>
</p>
<input type="submit" value="Submit" >
</fieldset>
</form>
<!-- END fallback content -->
</div>
<div class="note">
<form id="htmlForm" method="post" action="#" onsubmit="formSend(); return false;">
<fieldset>
<legend>Data to send to SWF:</legend>
<p><label for="sendField">Sending to ActionScript: </label> <input type="text" name="sendField" id="sendField" > <input type="submit" value="Send" ></p><p>&nbsp;
</p>
</fieldset>
<fieldset>
<legend>Data returned from SWF:</legend>
<p><label for="receivedField">Received from ActionScript: </label> <input type="text" name="receivedField" id="receivedField" ></p>
</fieldset>
</form>
</div><!-- / .note -->
</div><!-- /example-wrapper -->
</div><!-- /page-content -->
<div id="site-info">
<p><strong>Privacy notice:</strong> This test logs some of your system information for diagnostic purposes. The data gathered includes operating system, browser, Flash Player plugin version, date, time, and IP address. This test is licensed under an <a href="http://www.opensource.org/licenses/mit-license.php">MIT-style license</a>.</p>
</div>
</div><!-- /page-wrapper -->
</body>
</html>
Raw
simple.css
@charset "utf-8";
body {
color: #E2E3DF;
font-family: sans-serif;
-webkit-font-smoothing: antialiased;
font-size: .85em;
line-height: 1.5em;
margin: 0;
padding: 0 2em 2em 2em;
background: #2E3233 url('../img/swfobject_bgnd_2E3233.jpg') no-repeat top center;
}
a:link, a:visited {
color: #7FDFFF;
text-decoration: none;
border-bottom: 1px solid #40707F;
}
a:hover {
color: #FF3366;
border-bottom: 1px solid #FF3366;
}
h1 { margin: 0px; padding: 0px; }
h1 a:link, h1 a:visited, h1 a:hover, h1 a:visited:hover { display: block; border: none; height: 100px; text-align: left; text-indent: -999em; }
h2 {
color: #FFFEFC;
font-size: 2em;
font-weight: normal;
margin: 1.5em 0 1em;
padding: 0;
width: 580px; /* to match width of page-content div */
line-height: 1.2em;
}
h3 { margin: 0 0 2em 0; padding: 0; }
code, pre { font-family: "Courier New", Courier, monospace, serif; font-weight: bold; font-size: 1em; color: #CAF2FF; }
fieldset { margin: 1em 0; border: 1px solid #BBB; border-color: rgba(0,0,0,.5); padding: 1em 2em; }
legend { text-transform: uppercase; }
img { max-width: 100%; }
ul.link-buttons { position: absolute; top: 1em; right: 1em; }
ul.link-buttons li { display: inline; margin: 0 .5em; padding: 0; list-style-type: none; line-height: 2em; }
ul.link-buttons a:link,
ul.link-buttons a:visited,
.button:link,
.button:visited {
color: #E2E3DF;
text-decoration: none;
text-shadow: #3A4040 0 1px 0;
padding: .25em .5em;
background: #3A4040 url("../img/btn_gradient.jpg") repeat-x top center; /* #50595C #3A4040 */
border: 1px solid #545E61;
border-bottom-color: #4E5659;
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
line-height: 2em;
}
ul.link-buttons a:hover,
ul.link-buttons a:visited:hover,
ul.link-buttons a:focus,
.button:link:hover,
.button:visited:hover,
.button:focus {
color: #7FDFFF;
border: 1px solid #4E899C;
outline: none;
}
ul.link-buttons a:active,
.button:active {
color: #E2E3DF;
text-shadow: #3A4040 0 1px 0;
border: 1px solid #545E61;
border-bottom-color: #4E5659;
background: #272B2B;
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
}
#page-wrapper { width: 850px; margin: 75px auto 0; position: relative; }
#page-content { width: 600px; margin: 0 0 3em 0; padding: 0;}
#sidebar { position: absolute; top: 0; right: 0; width: 200px; margin: 0; padding: 0; }
#sidebar ul { position: relative; margin: 0 0 2em; padding: 0; }
#sidebar ul li { display: block; margin: 0; padding: 0; list-style-type: none; position: relative; line-height: 2em; }
#sidebar ul a:link, #sidebar ul a:visited { display: block; padding: 0 1em; margin-bottom: .5em; text-align: left; }
#sidebar p { margin: 0; padding: 0; font-size: .95em; }
.indicator { font-weight: bold; font-size: 1.5em; position: absolute; right: .5em; top: 0; }
#feedback-form {}
#feedback-form legend { color: red; }
#feedback-form fieldset { border-color: red; }
#visitor_comments { width: 80%; height: 100px; }
#site-info {
padding: 2em 0;
margin-top: 3em;
line-height: 1.5em;
color: #666;
border-top: 1px solid #3C4242;
font-size: .85em;
width: 600px;
}
#site-info a:link, #site-info a:visited {
color: #888;
text-decoration: none;
border-bottom: 1px solid #777;
}
#site-info a:hover {
color: #BBB;
border-bottom: 1px solid #BBB;
}
#site-info p { margin: 0; padding: 0; }
.note, .note-muted, .callback-results, .example-wrapper, #result.success {
padding: 1em 1.5em;
background: #E0E0B4;
color: #303028;
line-height: 1.5em;
border: 1px solid #FFFFCC;
border-bottom-color: #A6A685;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.callback-results { margin-bottom: 2em; }
.note-muted, .example-wrapper {
background: #373C3D;
color: #BEBFBB;
border: 1px solid #43494A;
border-bottom-color: #272B2B;
}
.example-wrapper { padding: 20px; margin-bottom: 3em; }
.image-caption { font-size: .9em; margin-top: 1.5em; }
.warning { color: #ff3366; }
#result { display: none; }
#result.success { display: block; background: #5AAB47; font-size: large; color: #FFF; border-color: #80F266; border-bottom-color: #539E42; }
Raw
swfobject_2.3_src.js
/*! SWFObject v2.3 <http://github.com/swfobject/swfobject>
is released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
*/
var swfobject = function() {
var UNDEF = "undefined",
OBJECT = "object",
SHOCKWAVE_FLASH = "Shockwave Flash",
SHOCKWAVE_FLASH_AX = "ShockwaveFlash.ShockwaveFlash",
FLASH_MIME_TYPE = "application/x-shockwave-flash",
EXPRESS_INSTALL_ID = "SWFObjectExprInst",
ON_READY_STATE_CHANGE = "onreadystatechange",
win = window,
doc = document,
nav = navigator,
plugin = false,
domLoadFnArr = [],
regObjArr = [],
objIdArr = [],
listenersArr = [],
storedAltContent,
storedAltContentId,
storedCallbackFn,
storedCallbackObj,
isDomLoaded = false,
isExpressInstallActive = false,
dynamicStylesheet,
dynamicStylesheetMedia,
autoHideShow = true,
encodeURI_enabled = false,
/* Centralized function for browser feature detection
- User agent string detection is only used when no good alternative is possible
- Is executed directly for optimal performance
*/
ua = function() {
var w3cdom = typeof doc.getElementById != UNDEF && typeof doc.getElementsByTagName != UNDEF && typeof doc.createElement != UNDEF,
u = nav.userAgent.toLowerCase(),
p = nav.platform.toLowerCase(),
windows = p ? /win/.test(p) : /win/.test(u),
mac = p ? /mac/.test(p) : /mac/.test(u),
webkit = /webkit/.test(u) ? parseFloat(u.replace(/^.*webkit\/(\d+(\.\d+)?).*$/, "$1")) : false, // returns either the webkit version or false if not webkit
ie = nav.appName === "Microsoft Internet Explorer",
playerVersion = [0,0,0],
d = null;
if (typeof nav.plugins != UNDEF && typeof nav.plugins[SHOCKWAVE_FLASH] == OBJECT) {
d = nav.plugins[SHOCKWAVE_FLASH].description;
// nav.mimeTypes["application/x-shockwave-flash"].enabledPlugin indicates whether plug-ins are enabled or disabled in Safari 3+
if (d && (typeof nav.mimeTypes != UNDEF && nav.mimeTypes[FLASH_MIME_TYPE] && nav.mimeTypes[FLASH_MIME_TYPE].enabledPlugin)){
plugin = true;
ie = false; // cascaded feature detection for Internet Explorer
d = d.replace(/^.*\s+(\S+\s+\S+$)/, "$1");
playerVersion[0] = parseInt(d.replace(/^(.*)\..*$/, "$1"), 10);
playerVersion[1] = parseInt(d.replace(/^.*\.(.*)\s.*$/, "$1"), 10);
playerVersion[2] = /[a-zA-Z]/.test(d) ? parseInt(d.replace(/^.*[a-zA-Z]+(.*)$/, "$1"), 10) : 0;
}
}
else if (typeof win.ActiveXObject != UNDEF) {
try {
var a = new ActiveXObject(SHOCKWAVE_FLASH_AX);
if (a) { // a will return null when ActiveX is disabled
d = a.GetVariable("$version");
if (d) {
ie = true; // cascaded feature detection for Internet Explorer
d = d.split(" ")[1].split(",");
playerVersion = [parseInt(d[0], 10), parseInt(d[1], 10), parseInt(d[2], 10)];
}
}
}
catch(e) {}
}
return { w3:w3cdom, pv:playerVersion, wk:webkit, ie:ie, win:windows, mac:mac };
}(),
/* Cross-browser onDomLoad
- Will fire an event as soon as the DOM of a web page is loaded
- Internet Explorer workaround based on Diego Perini's solution: http://javascript.nwbox.com/IEContentLoaded/
- Regular onload serves as fallback
*/
onDomLoad = function() {
if (!ua.w3) { return; }
if ((typeof doc.readyState != UNDEF && doc.readyState == "complete") || (typeof doc.readyState == UNDEF && (doc.getElementsByTagName("body")[0] || doc.body))) { // function is fired after onload, e.g. when script is inserted dynamically
callDomLoadFunctions();
}
if (!isDomLoaded) {
if (typeof doc.addEventListener != UNDEF) {
doc.addEventListener("DOMContentLoaded", callDomLoadFunctions, false);
}
if (ua.ie && ua.win) {
doc.attachEvent(ON_READY_STATE_CHANGE, function detach() {
if (doc.readyState == "complete") {
doc.detachEvent(ON_READY_STATE_CHANGE, detach);
callDomLoadFunctions();
}
});
if (win == top) { // if not inside an iframe
(function checkDomLoadedIE(){
if (isDomLoaded) { return; }
try {
doc.documentElement.doScroll("left");
}
catch(e) {
setTimeout(checkDomLoadedIE, 0);
return;
}
callDomLoadFunctions();
})();
}
}
if (ua.wk) {
(function checkDomLoadedWK(){
if (isDomLoaded) { return; }
if (!/loaded|complete/.test(doc.readyState)) {
setTimeout(checkDomLoadedWK, 0);
return;
}
callDomLoadFunctions();
})();
}
}
}();
function callDomLoadFunctions() {
if (isDomLoaded || !document.getElementsByTagName("body")[0]) { return; }
try { // test if we can really add/remove elements to/from the DOM; we don't want to fire it too early
var t, span = createElement("span");
span.style.display = "none"; //hide the span in case someone has styled spans via CSS
t = doc.getElementsByTagName("body")[0].appendChild(span);
t.parentNode.removeChild(t);
t = null; //clear the variables
span = null;
}
catch (e) { return; }
isDomLoaded = true;
var dl = domLoadFnArr.length;
for (var i = 0; i < dl; i++) {
domLoadFnArr[i]();
}
}
function addDomLoadEvent(fn) {
if (isDomLoaded) {
fn();
}
else {
domLoadFnArr[domLoadFnArr.length] = fn; // Array.push() is only available in IE5.5+
}
}
/* Cross-browser onload
- Based on James Edwards' solution: http://brothercake.com/site/resources/scripts/onload/
- Will fire an event as soon as a web page including all of its assets are loaded
*/
function addLoadEvent(fn) {
if (typeof win.addEventListener != UNDEF) {
win.addEventListener("load", fn, false);
}
else if (typeof doc.addEventListener != UNDEF) {
doc.addEventListener("load", fn, false);
}
else if (typeof win.attachEvent != UNDEF) {
addListener(win, "onload", fn);
}
else if (typeof win.onload == "function") {
var fnOld = win.onload;
win.onload = function() {
fnOld();
fn();
};
}
else {
win.onload = fn;
}
}
/* Detect the Flash Player version for non-Internet Explorer browsers
- Detecting the plug-in version via the object element is more precise than using the plugins collection item's description:
a. Both release and build numbers can be detected
b. Avoid wrong descriptions by corrupt installers provided by Adobe
c. Avoid wrong descriptions by multiple Flash Player entries in the plugin Array, caused by incorrect browser imports
- Disadvantage of this method is that it depends on the availability of the DOM, while the plugins collection is immediately available
*/
function testPlayerVersion() {
var b = doc.getElementsByTagName("body")[0];
var o = createElement(OBJECT);
o.setAttribute("style", "visibility: hidden;");
o.setAttribute("type", FLASH_MIME_TYPE);
var t = b.appendChild(o);
if (t) {
var counter = 0;
(function checkGetVariable(){
if (typeof t.GetVariable != UNDEF) {
try {
var d = t.GetVariable("$version");
if (d) {
d = d.split(" ")[1].split(",");
ua.pv = [parseInt(d[0], 10), parseInt(d[1], 10), parseInt(d[2], 10)];
}
} catch(e){
//t.GetVariable("$version") is known to fail in Flash Player 8 on Firefox
//If this error is encountered, assume FP8 or lower. Time to upgrade.
ua.pv = [8,0,0];
}
}
else if (counter < 10) {
counter++;
setTimeout(checkGetVariable, 10);
return;
}
b.removeChild(o);
t = null;
matchVersions();
})();
}
else {
matchVersions();
}
}
/* Perform Flash Player and SWF version matching; static publishing only
*/
function matchVersions() {
var rl = regObjArr.length;
if (rl > 0) {
for (var i = 0; i < rl; i++) { // for each registered object element
var id = regObjArr[i].id;
var cb = regObjArr[i].callbackFn;
var cbObj = {success:false, id:id};
if (ua.pv[0] > 0) {
var obj = getElementById(id);
if (obj) {
if (hasPlayerVersion(regObjArr[i].swfVersion) && !(ua.wk && ua.wk < 312)) { // Flash Player version >= published SWF version: Houston, we have a match!
setVisibility(id, true);
if (cb) {
cbObj.success = true;
cbObj.ref = getObjectById(id);
cbObj.id = id;
cb(cbObj);
}
}
else if (regObjArr[i].expressInstall && canExpressInstall()) { // show the Adobe Express Install dialog if set by the web page author and if supported
var att = {};
att.data = regObjArr[i].expressInstall;
att.width = obj.getAttribute("width") || "0";
att.height = obj.getAttribute("height") || "0";
if (obj.getAttribute("class")) { att.styleclass = obj.getAttribute("class"); }
if (obj.getAttribute("align")) { att.align = obj.getAttribute("align"); }
// parse HTML object param element's name-value pairs
var par = {};
var p = obj.getElementsByTagName("param");
var pl = p.length;
for (var j = 0; j < pl; j++) {
if (p[j].getAttribute("name").toLowerCase() != "movie") {
par[p[j].getAttribute("name")] = p[j].getAttribute("value");
}
}
showExpressInstall(att, par, id, cb);
}
else { // Flash Player and SWF version mismatch or an older Webkit engine that ignores the HTML object element's nested param elements: display alternative content instead of SWF
displayAltContent(obj);
if (cb) { cb(cbObj); }
}
}
}
else { // if no Flash Player is installed or the fp version cannot be detected we let the HTML object element do its job (either show a SWF or alternative content)
setVisibility(id, true);
if (cb) {
var o = getObjectById(id); // test whether there is an HTML object element or not
if (o && typeof o.SetVariable != UNDEF) {
cbObj.success = true;
cbObj.ref = o;
cbObj.id = o.id;
}
cb(cbObj);
}
}
}
}
}
/* Main function
- Will preferably execute onDomLoad, otherwise onload (as a fallback)
*/
domLoadFnArr[0] = function (){
if (plugin) {
testPlayerVersion();
}
else {
matchVersions();
}
};
function getObjectById(objectIdStr) {
var r = null,
o = getElementById(objectIdStr);
if (o && o.nodeName === "OBJECT") {
//If targeted object is valid Flash file
if (typeof o.SetVariable !== UNDEF){
r = o;
} else {
//If SetVariable is not working on targeted object but a nested object is
//available, assume classic nested object markup. Return nested object.
//If SetVariable is not working on targeted object and there is no nested object,
//return the original object anyway. This is probably new simplified markup.
r = o.getElementsByTagName(OBJECT)[0] || o;
}
}
return r;
}
/* Requirements for Adobe Express Install
- only one instance can be active at a time
- fp 6.0.65 or higher
- Win/Mac OS only
- no Webkit engines older than version 312
*/
function canExpressInstall() {
return !isExpressInstallActive && hasPlayerVersion("6.0.65") && (ua.win || ua.mac) && !(ua.wk && ua.wk < 312);
}
/* Utility function pulled out of showExpressInstall and displayAltContent for DRY reasons */
function removeChildObj(obj){
if (obj && obj.readyState == 4) {
obj.parentNode.removeChild(obj);
}
else {
setTimeout(removeChildObj, 10);
}
}
/* Show the Adobe Express Install dialog
- Reference: http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=6a253b75
*/
function showExpressInstall(att, par, replaceElemIdStr, callbackFn) {
isExpressInstallActive = true;
storedCallbackFn = callbackFn || null;
storedCallbackObj = {success:false, id:replaceElemIdStr};
var obj = getElementById(replaceElemIdStr);
if (obj) {
if (obj.nodeName == "OBJECT") { // static publishing
storedAltContent = abstractAltContent(obj);
storedAltContentId = null;
}
else { // dynamic publishing
storedAltContent = obj;
storedAltContentId = replaceElemIdStr;
}
att.id = EXPRESS_INSTALL_ID;
if (typeof att.width == UNDEF || (!/%$/.test(att.width) && parseInt(att.width, 10) < 310)) { att.width = "310"; }
if (typeof att.height == UNDEF || (!/%$/.test(att.height) && parseInt(att.height, 10) < 137)) { att.height = "137"; }
doc.title = doc.title.slice(0, 47) + " - Flash Player Installation";
var pt = ua.ie && ua.win ? "ActiveX" : "PlugIn",
fv = "MMredirectURL=" + encodeURIComponent(win.location.toString().replace(/&/g,"%26")) + "&MMplayerType=" + pt + "&MMdoctitle=" + doc.title;
if (typeof par.flashvars != UNDEF) {
par.flashvars += "&" + fv;
}
else {
par.flashvars = fv;
}
// IE only: when a SWF is loading (AND: not available in cache) wait for the readyState of the object element to become 4 before removing it,
// because you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work
if (ua.ie && ua.win && obj.readyState != 4) {
var newObj = createElement("div");
replaceElemIdStr += "SWFObjectNew";
newObj.setAttribute("id", replaceElemIdStr);
obj.parentNode.insertBefore(newObj, obj); // insert placeholder div that will be replaced by the object element that loads expressinstall.swf
obj.style.display = "none";
removeChildObj(obj);
}
createSWF(att, par, replaceElemIdStr);
}
}
/* Functions to abstract and display alternative content
*/
function displayAltContent(obj) {
if (ua.ie && ua.win && obj.readyState != 4) {
// IE only: when a SWF is loading (AND: not available in cache) wait for the readyState of the object element to become 4 before removing it,
// because you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work
var el = createElement("div");
obj.parentNode.insertBefore(el, obj); // insert placeholder div that will be replaced by the alternative content
el.parentNode.replaceChild(abstractAltContent(obj), el);
obj.style.display = "none";
removeChildObj(obj);
}
else {
obj.parentNode.replaceChild(abstractAltContent(obj), obj);
}
}
function abstractAltContent(obj) {
var ac = createElement("div");
if (ua.win && ua.ie) {
ac.innerHTML = obj.innerHTML;
}
else {
var nestedObj = obj.getElementsByTagName(OBJECT)[0];
if (nestedObj) {
var c = nestedObj.childNodes;
if (c) {
var cl = c.length;
for (var i = 0; i < cl; i++) {
if (!(c[i].nodeType == 1 && c[i].nodeName == "PARAM") && !(c[i].nodeType == 8)) {
ac.appendChild(c[i].cloneNode(true));
}
}
}
}
}
return ac;
}
function createIeObject(url, param_str){
var div = createElement("div");
div.innerHTML = "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'><param name='movie' value='" +url + "'>" + param_str + "</object>";
return div.firstChild;
}
/* Cross-browser dynamic SWF creation
*/
function createSWF(attObj, parObj, id) {
var r, el = getElementById(id);
if (ua.wk && ua.wk < 312) { return r; }
if (el) {
var o = (ua.ie) ? createElement("div") : createElement(OBJECT),
attr,
attr_lower,
param;
if (typeof attObj.id == UNDEF) { // if no 'id' is defined for the object element, it will inherit the 'id' from the alternative content
attObj.id = isElement(id) ? id.id : id; //if id is an element, get the element's ID
}
//Add params
for (param in parObj) {
//filter out prototype additions from other potential libraries and IE specific param element
if (parObj.hasOwnProperty(param) && param.toLowerCase() !== "movie") {
createObjParam(o, param, parObj[param]);
}
}
//Create IE object, complete with param nodes
if(ua.ie){ o = createIeObject(attObj.data, o.innerHTML); }
//Add attributes to object
for (attr in attObj) {
if (attObj.hasOwnProperty(attr)) { // filter out prototype additions from other potential libraries
attr_lower = attr.toLowerCase();
// 'class' is an ECMA4 reserved keyword
if (attr_lower === "styleclass") {
o.setAttribute("class", attObj[attr]);
} else if (attr_lower !== "classid" && attr_lower !== "data") {
o.setAttribute(attr, attObj[attr]);
}
}
}
if (ua.ie && ua.win) {
objIdArr[objIdArr.length] = attObj.id; // stored to fix object 'leaks' on unload (dynamic publishing only)
} else {
o.setAttribute("type", FLASH_MIME_TYPE);
o.setAttribute("data", attObj.data);
}
el.parentNode.replaceChild(o, el);
r = o;
}
return r;
}
function createObjParam(el, pName, pValue) {
var p = createElement("param");
p.setAttribute("name", pName);
p.setAttribute("value", pValue);
el.appendChild(p);
}
/* Cross-browser SWF removal
- Especially needed to safely and completely remove a SWF in Internet Explorer
*/
function removeSWF(id) {
var obj = getElementById(id);
if (obj && obj.nodeName == "OBJECT") {
if (ua.ie && ua.win) {
obj.style.display = "none";
(function removeSWFInIE(){
if (obj.readyState == 4) {
removeObjectInIE(id);
}
else {
setTimeout(removeSWFInIE, 10);
}
})();
}
else {
obj.parentNode.removeChild(obj);
}
}
}
function removeObjectInIE(id) {
var obj = getElementById(id);
if (obj) {
for (var i in obj) {
if (typeof obj[i] == "function") {
obj[i] = null;
}
}
obj.parentNode.removeChild(obj);
}
}
function isElement(id){
return (id && id.nodeType && id.nodeType === 1);
}
/* Functions to optimize JavaScript compression
*/
function getElementById(id) {
//Allow users to pass an element OR an element's ID
if(isElement(id)){ return id; }
var el = null;
try {
el = doc.getElementById(id);
}
catch (e) {}
return el;
}
function createElement(el) {
return doc.createElement(el);
}
/* Updated attachEvent function for Internet Explorer
- Stores attachEvent information in an Array, so on unload the detachEvent functions can be called to avoid memory leaks
*/
function addListener(target, eventType, fn) {
target.attachEvent(eventType, fn);
listenersArr[listenersArr.length] = [target, eventType, fn];
}
/* Flash Player and SWF content version matching
*/
function hasPlayerVersion(rv) {
rv += ""; //Coerce number to string, if needed.
var pv = ua.pv, v = rv.split(".");
v[0] = parseInt(v[0], 10);
v[1] = parseInt(v[1], 10) || 0; // supports short notation, e.g. "9" instead of "9.0.0"
v[2] = parseInt(v[2], 10) || 0;
return (pv[0] > v[0] || (pv[0] == v[0] && pv[1] > v[1]) || (pv[0] == v[0] && pv[1] == v[1] && pv[2] >= v[2])) ? true : false;
}
/* Cross-browser dynamic CSS creation
- Based on Bobby van der Sluis' solution: http://www.bobbyvandersluis.com/articles/dynamicCSS.php
*/
function createCSS(sel, decl, media, newStyle) {
if (ua.ie && ua.mac) { return; }
var h = doc.getElementsByTagName("head")[0];
if (!h) { return; } // to also support badly authored HTML pages that lack a head element
var m = (media && typeof media == "string") ? media : "screen";
if (newStyle) {
dynamicStylesheet = null;
dynamicStylesheetMedia = null;
}
if (!dynamicStylesheet || dynamicStylesheetMedia != m) {
// create dynamic stylesheet + get a global reference to it
var s = createElement("style");
s.setAttribute("type", "text/css");
s.setAttribute("media", m);
dynamicStylesheet = h.appendChild(s);
if (ua.ie && ua.win && typeof doc.styleSheets != UNDEF && doc.styleSheets.length > 0) {
dynamicStylesheet = doc.styleSheets[doc.styleSheets.length - 1];
}
dynamicStylesheetMedia = m;
}
// add style rule
if (ua.ie && ua.win) {
if (dynamicStylesheet && typeof dynamicStylesheet.addRule != UNDEF) {
dynamicStylesheet.addRule(sel, decl);
}
}
else {
if (dynamicStylesheet && typeof doc.createTextNode != UNDEF) {
dynamicStylesheet.appendChild(doc.createTextNode(sel + " {" + decl + "}"));
}
}
}
function setVisibility(id, isVisible) {
if (!autoHideShow) { return; }
var v = isVisible ? "visible" : "hidden";
if (isDomLoaded && getElementById(id)) {
getElementById(id).style.visibility = v;
}
else {
createCSS("#" + id, "visibility:" + v);
}
}
/* Filter to avoid XSS attacks
*/
function urlEncodeIfNecessary(s) {
var regex = /[\\\"<>\.;]/;
var hasBadChars = regex.exec(s) != null;
return hasBadChars && typeof encodeURIComponent != UNDEF ? encodeURIComponent(s) : s;
}
/* Release memory to avoid memory leaks caused by closures, fix hanging audio/video threads and force open sockets/NetConnections to disconnect (Internet Explorer only)
*/
var cleanup = function() {
if (ua.ie && ua.win) {
window.attachEvent("onunload", function() {
// remove listeners to avoid memory leaks
var ll = listenersArr.length;
for (var i = 0; i < ll; i++) {
listenersArr[i][0].detachEvent(listenersArr[i][1], listenersArr[i][2]);
}
// cleanup dynamically embedded objects to fix audio/video threads and force open sockets and NetConnections to disconnect
var il = objIdArr.length;
for (var j = 0; j < il; j++) {
removeSWF(objIdArr[j]);
}
// cleanup library's main closures to avoid memory leaks
for (var k in ua) {
ua[k] = null;
}
ua = null;
for (var l in swfobject) {
swfobject[l] = null;
}
swfobject = null;
});
}
}();
return {
/* Public API
- Reference: http://code.google.com/p/swfobject/wiki/documentation
*/
registerObject: function(objectIdStr, swfVersionStr, xiSwfUrlStr, callbackFn) {
if (ua.w3 && objectIdStr && swfVersionStr) {
var regObj = {};
regObj.id = objectIdStr;
regObj.swfVersion = swfVersionStr;
regObj.expressInstall = xiSwfUrlStr;
regObj.callbackFn = callbackFn;
regObjArr[regObjArr.length] = regObj;
setVisibility(objectIdStr, false);
}
else if (callbackFn) {
callbackFn({success:false, id:objectIdStr});
}
},
getObjectById: function(objectIdStr) {
return (ua.w3 && objectIdStr) ? getObjectById(objectIdStr) : null;
},
embedSWF: function(swfUrlStr, replaceElemIdStr, widthStr, heightStr, swfVersionStr, xiSwfUrlStr, flashvarsObj, parObj, attObj, callbackFn) {
var callbackObj = {success:false, id:replaceElemIdStr};
if (ua.w3 && !(ua.wk && ua.wk < 312) && swfUrlStr && replaceElemIdStr && widthStr && heightStr && swfVersionStr) {
setVisibility(replaceElemIdStr, false);
addDomLoadEvent(function() {
widthStr += ""; // auto-convert to string
heightStr += "";
var att = {};
if (attObj && typeof attObj === OBJECT) {
for (var i in attObj) { // copy object to avoid the use of references, because web authors often reuse attObj for multiple SWFs
att[i] = attObj[i];
}
}
att.data = swfUrlStr;
att.width = widthStr;
att.height = heightStr;
var par = {};
if (parObj && typeof parObj === OBJECT) {
for (var j in parObj) { // copy object to avoid the use of references, because web authors often reuse parObj for multiple SWFs
par[j] = parObj[j];
}
}
if (flashvarsObj && typeof flashvarsObj === OBJECT) {
for (var k in flashvarsObj) { // copy object to avoid the use of references, because web authors often reuse flashvarsObj for multiple SWFs
if(flashvarsObj.hasOwnProperty(k)){
var key = (encodeURI_enabled) ? encodeURIComponent(k) : k,
value = (encodeURI_enabled) ? encodeURIComponent(flashvarsObj[k]) : flashvarsObj[k];
if (typeof par.flashvars != UNDEF) {
par.flashvars += "&" + key + "=" + value;
}
else {
par.flashvars = key + "=" + value;
}
}
}
}
if (hasPlayerVersion(swfVersionStr)) { // create SWF
var obj = createSWF(att, par, replaceElemIdStr);
if (att.id == replaceElemIdStr) {
setVisibility(replaceElemIdStr, true);
}
callbackObj.success = true;
callbackObj.ref = obj;
callbackObj.id = obj.id;
}
else if (xiSwfUrlStr && canExpressInstall()) { // show Adobe Express Install
att.data = xiSwfUrlStr;
showExpressInstall(att, par, replaceElemIdStr, callbackFn);
return;
}
else { // show alternative content
setVisibility(replaceElemIdStr, true);
}
if (callbackFn) { callbackFn(callbackObj); }
});
}
else if (callbackFn) { callbackFn(callbackObj); }
},
switchOffAutoHideShow: function() {
autoHideShow = false;
},
enableUriEncoding: function (bool) {
encodeURI_enabled = (typeof bool === UNDEF) ? true : bool;
},
ua: ua,
getFlashPlayerVersion: function() {
return { major:ua.pv[0], minor:ua.pv[1], release:ua.pv[2] };
},
hasFlashPlayerVersion: hasPlayerVersion,
createSWF: function(attObj, parObj, replaceElemIdStr) {
if (ua.w3) {
return createSWF(attObj, parObj, replaceElemIdStr);
}
else {
return undefined;
}
},
showExpressInstall: function(att, par, replaceElemIdStr, callbackFn) {
if (ua.w3 && canExpressInstall()) {
showExpressInstall(att, par, replaceElemIdStr, callbackFn);
}
},
removeSWF: function(objElemIdStr) {
if (ua.w3) {
removeSWF(objElemIdStr);
}
},
createCSS: function(selStr, declStr, mediaStr, newStyleBoolean) {
if (ua.w3) {
createCSS(selStr, declStr, mediaStr, newStyleBoolean);
}
},
addDomLoadEvent: addDomLoadEvent,
addLoadEvent: addLoadEvent,
getQueryParamValue: function(param) {
var q = doc.location.search || doc.location.hash;
if (q) {
if (/\?/.test(q)) { q = q.split("?")[1]; } // strip question mark
if (param == null) {
return urlEncodeIfNecessary(q);
}
var pairs = q.split("&");
for (var i = 0; i < pairs.length; i++) {
if (pairs[i].substring(0, pairs[i].indexOf("=")) == param) {
return urlEncodeIfNecessary(pairs[i].substring((pairs[i].indexOf("=") + 1)));
}
}
}
return "";
},
// For internal usage only
expressInstallCallback: function() {
if (isExpressInstallActive) {
var obj = getElementById(EXPRESS_INSTALL_ID);
if (obj && storedAltContent) {
obj.parentNode.replaceChild(storedAltContent, obj);
if (storedAltContentId) {
setVisibility(storedAltContentId, true);
if (ua.ie && ua.win) { storedAltContent.style.display = "block"; }
}
if (storedCallbackFn) { storedCallbackFn(storedCallbackObj); }
}
isExpressInstallActive = false;
}
}
};
}();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment