XML gesteuertes Flash Tag Cloud von Midnight Rumbler, 20.04.2009 11:45

XML gesteuertes Flash Tag Cloud

Midnight Rumbler 20.04.2009 11:45

Hi Chris,

Vielleicht sind die Infos, die du zu deinem Problem bisher geliefert hast, einfach zu dürftig, als dass sich da irgend jemand bemüßigt fühlen würde, ins Blaue hinein zu spekulieren - viel mehr als "funzt nich" kann ich dem ganzen jedenfalls bisher nicht entnehmen.

sehe ich ein. OK, also, ich habe mir von http://www.artviper.net/xml-flash-tag-cloud.php

den dort zu sehenden Flash Tag Cloud geholt - mit einem XML-Dokument, 'nem JS-Dokument und Flash-Film. In dem XML-Doc. werden simpel Seiten-Verlinkungen, Typographie und Farben definiert. Da habe ich meine Daten eingegeben und es funzt problemlos.

<tags>

<a
	href="#"
	style="font-size: 20pt;"
	color="0xff0000"
	hicolor="0x047ff1"

>

	Broschüren
</a>

<a
	href="#"
	style="font-size: 14pt;"
	color="0x86b4cf"
	hicolor="0x047ff1"

>

	POS
</a>

<a
	href="#"
	style="font-size: 10pt;"
	color="0x86b4cf"
	hicolor="0x047ff1"

>

	PR/Redaktion
</a>

<a
	href="#"
	style="font-size: 17;"
	color="0x010ab5"
	hicolor="0x047ff1"

>

	Corporate Design
</a>

<a
	href="#"
	style="font-size: 17pt;"
	color="0x010ab5"
	hicolor="0x047ff1"

>

	Online-Marketing
</a>

<a
	href="#"
	style="font-size: 17pt;"
	color="0x6792ab"
	hicolor="0x047ff1"

>

	Funk/Film/TV
</a>

<a
	href="#"
	style="font-size: 16pt;"	
	color="0xff0000"
	hicolor="0x047ff1"

>

	Corporate Publishing
</a>

<a
	href="#"
	style="font-size: 12pt;"
	color="0x86b4cf"
	hicolor="0x047ff1"

>

	Interne Kommunikation
</a>

<a
	href="#"
	style="font-size: 20pt;"
	color="0xff0000"
	hicolor="0x047ff1"

>

	Kampagnen
</a>

<a
	href="#"
	style="font-size: 12pt;"
	color="0x6792ab"
	hicolor="0x047ff1"

>

	web design
</a>

<a
	href="#"
	style="font-size: 10pt;"
	color="0x86b4cf"
	hicolor="0x047ff1"

>

	Ethno-Marketing
</a>

<a
	href="#"
	style="font-size: 10pt;"
	color="0x9fc2d6"
	hicolor="0x047ff1"

>

	Messe
</a>

<a
	href="#"
	style="font-size: 10pt;"
	color="0x010ab5"
	hicolor="0x047ff1"

>

	Packaging
</a>

<a
	href="#"
	style="font-size: 20pt;"
	color="0xff0000"
	hicolor="0x047ff1"

>

	Direct-Mails
</a>

</tags>

Das SWFObject-Doc. (JS) ist mir zu kompliziert, als ich da ran gehen würde. Aber ich denke, dass dort die Ursache liegt, warum der Flash-Film lokal auf meinem Rechner läuft, aber im INet nicht zu sehen ist.

Ich hätte den Sicript hier komplett reingestellt, wenn sie hierfür nicht zu umfangreich gewesen wäre. Der Teil, der die Browserfuktionen definiert schaut so aus:


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",
		
		win = window,
		doc = document,
		nav = navigator,
		
		domLoadFnArr = [],
		regObjArr = [],
		objIdArr = [],
		listenersArr = [],
		script,
		timer = null,
		storedAltContent = null,
		storedAltContentId = null,
		isDomLoaded = false,
		isExpressInstallActive = false;
	
	/* Centralized function for browser feature detection
		- Proprietary feature detection (conditional compiling) is used to detect Internet Explorer's features
		- User agent string detection is only used when no alternative is possible
		- Is executed directly for optimal performance
	*/	
	var ua = function() {
		var w3cdom = typeof doc.getElementById != UNDEF && typeof doc.getElementsByTagName != UNDEF && typeof doc.createElement != UNDEF,
			playerVersion = [0,0,0],
			d = null;
		if (typeof nav.plugins != UNDEF && typeof nav.plugins[SHOCKWAVE_FLASH] == OBJECT) {
			d = nav.plugins[SHOCKWAVE_FLASH].description;
			if (d && !(typeof nav.mimeTypes != UNDEF && nav.mimeTypes[FLASH_MIME_TYPE] && !nav.mimeTypes[FLASH_MIME_TYPE].enabledPlugin)) { // navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin indicates whether plug-ins are enabled or disabled in Safari 3+
				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] = /r/.test(d) ? parseInt(d.replace(/^.*r(.*)$/, "$1"), 10) : 0;
			}
		}
		else if (typeof win.ActiveXObject != UNDEF) {
			var a = null, fp6Crash = false;
			try {
				a = new ActiveXObject(SHOCKWAVE_FLASH_AX + ".7");
			}
			catch(e) {
				try {
					a = new ActiveXObject(SHOCKWAVE_FLASH_AX + ".6");
					playerVersion = [6,0,21];
					a.AllowScriptAccess = "always";	 // Introduced in fp6.0.47
				}
				catch(e) {
					if (playerVersion[0] == 6) {
						fp6Crash = true;
					}
				}
				if (!fp6Crash) {
					try {
						a = new ActiveXObject(SHOCKWAVE_FLASH_AX);
					}
					catch(e) {}
				}
			}
			if (!fp6Crash && a) { // a will return null when ActiveX is disabled
				try {
					d = a.GetVariable("$version");	// Will crash fp6.0.21/23/29
					if (d) {
						d = d.split(" ")[1].split(",");
						playerVersion = [parseInt(d[0], 10), parseInt(d[1], 10), parseInt(d[2], 10)];
					}
				}
				catch(e) {}
			}
		}
		var u = nav.userAgent.toLowerCase(),
			p = nav.platform.toLowerCase(),
			webkit = /webkit/.test(u) ? parseFloat(u.replace(/^.*webkit\/(\d+(\.\d+)?).*$/, "$1")) : false, // returns either the webkit version or false if not webkit
			ie = false,
			windows = p ? /win/.test(p) : /win/.test(u),
			mac = p ? /mac/.test(p) : /mac/.test(u);
		/*@cc_on
			ie = true;
			@if (@_win32)
				windows = true;
			@elif (@_mac)
				mac = true;
			@end
		@*/
		return { w3cdom:w3cdom, pv:playerVersion, webkit:webkit, ie:ie, win:windows, mac:mac };
	}();

	/* Cross-browser onDomLoad
		- Based on Dean Edwards' solution: http://dean.edwards.name/weblog/2006/06/again/
		- Will fire an event as soon as the DOM of a page is loaded (supported by Gecko based browsers - like Firefox -, IE, Opera9+, Safari)
	*/
	var onDomLoad = function() {
		if (!ua.w3cdom) {
			return;
		}
		addDomLoadEvent(main);
		if (ua.ie && ua.win) {
			try {	 // Avoid a possible Operation Aborted error
				doc.write("<scr" + "ipt id=__ie_ondomload defer=true src=//:></scr" + "ipt>"); // String is split into pieces to avoid Norton AV to add code that can cause errors
				script = getElementById("__ie_ondomload");
				if (script) {
					addListener(script, "onreadystatechange", checkReadyState);
				}
			}
			catch(e) {}
		}
		if (ua.webkit && typeof doc.readyState != UNDEF) {
			timer = setInterval(function() { if (/loaded|complete/.test(doc.readyState)) { callDomLoadFunctions(); }}, 10);
		}
		if (typeof doc.addEventListener != UNDEF) {
			doc.addEventListener("DOMContentLoaded", callDomLoadFunctions, null);
		}
		addLoadEvent(callDomLoadFunctions);
	}();
	
	function checkReadyState() {
		if (script.readyState == "complete") {
			script.parentNode.removeChild(script);
			callDomLoadFunctions();
		}
	}
	
	function callDomLoadFunctions() {
		if (isDomLoaded) {
			return;
		}
		if (ua.ie && ua.win) { // Test if we can really add elements to the DOM; we don't want to fire it too early
			var s = createElement("span");
			try { // Avoid a possible Operation Aborted error
				var t = doc.getElementsByTagName("body")[0].appendChild(s);
				t.parentNode.removeChild(t);
			}
			catch (e) {
				return;
			}
		}
		isDomLoaded = true;
		if (timer) {
			clearInterval(timer);
			timer = null;
		}
		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;
		}
	}
	
	/* Main function
		- Will preferably execute onDomLoad, otherwise onload (as a fallback)
	*/
	function main() { // Static publishing only
		var rl = regObjArr.length;
		for (var i = 0; i < rl; i++) { // For each registered object element
			var id = regObjArr[i].id;
			if (ua.pv[0] > 0) {
				var obj = getElementById(id);
				if (obj) {
					regObjArr[i].width = obj.getAttribute("width") ? obj.getAttribute("width") : "0";
					regObjArr[i].height = obj.getAttribute("height") ? obj.getAttribute("height") : "0";
					if (hasPlayerVersion(regObjArr[i].swfVersion)) { // Flash plug-in version >= Flash content version: Houston, we have a match!
						if (ua.webkit && ua.webkit < 312) { // Older webkit engines ignore the object element's nested param elements
							fixParams(obj);
						}
						setVisibility(id, true);
					}
					else if (regObjArr[i].expressInstall && !isExpressInstallActive && hasPlayerVersion("6.0.65") && (ua.win || ua.mac)) { // Show the Adobe Express Install dialog if set by the web page author and if supported (fp6.0.65+ on Win/Mac OS only)
						showExpressInstall(regObjArr[i]);
					}
					else { // Flash plug-in and Flash content version mismatch: display alternative content instead of Flash content
						displayAltContent(obj);
					}
				}
			}
			else {	// If no fp is installed, we let the object element do its job (show alternative content)
				setVisibility(id, true);
			}
		}
	}

Ich habe den Flash-Film auf eine Testseite unter

http://www.atlialp.de/AS/neu/Flash_Test.html

ins INet gestellt. Der html-Code ist:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Flash_Test</title>
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>
<table width="220" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','441','height','285','src','text_and_image_cloud','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','text_and_image_cloud' ); //end AC code
    </script>
      <noscript>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="441" height="285">
        <param name="movie" value="text_and_image_cloud.swf" />
        <param name="quality" value="high" />
        <embed src="text_and_image_cloud.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="441" height="285"></embed>
      </object>
      </noscript>
    </td>
  </tr>
</table>
</body>
</html>

Wie gesagt: lokal ist alles kein problem - nur global läuft nix!

Danke für die Mühe und HIlfe !!! Midnight Rumbler

Beitrag melden

– Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

Midnight Rumbler: XML gesteuertes Flash Tag Cloud

Beitrag lesen

XML gesteuertes Flash Tag Cloud

XML gesteuertes Flash Tag Cloud