Eine gute Methode um dieses Verhalten auszuhebeln, ist es, die Javascript Schnittstelle des Browsers anzusprechen und dementsprechend ein neues Fenster zu generieren. In diesem Zusammenhang kann ich auf eine tolle und kompakte Klasse verweisen, die genau das tut:

URLNavigator.as:

package com.zorked {
	import flash.external.ExternalInterface;
	import flash.net.*;

	public class URLNavigator {

		/**
		 * Utility function to wrap up changing pages. Avoids over-aggressive popup blockers.
		 * @param url		The URL to change to. Either a String or a URLRequest
		 * @param window	The target browser window/tab, generally _self, _top, or _blank
		 * @usage URLNavigator.ChangePage("http://www.google.com", "_blank");
		 */
		public static function ChangePage(url:*, window:String = "_self"):void {
			var req:URLRequest = url is String ? new URLRequest(url) : url;
			if (!ExternalInterface.available) {
				navigateToURL(req, window);
			} else {
				var strUserAgent:String = String(ExternalInterface.call("function() {return navigator.userAgent;}")).toLowerCase();
				if (strUserAgent.indexOf("firefox") != -1 || (strUserAgent.indexOf("msie") != -1 && uint(strUserAgent.substr(strUserAgent.indexOf("msie") + 5, 3)) >= 7)) {
					ExternalInterface.call("window.open", req.url, window);
				} else {
					navigateToURL(req, window);
				}
			}
		}

	}
}

Was wird hier gemacht? Nun im Prinzip macht die Klasse einen Check ob es sich um gewisse Browser-Versionen handelt und führt dementsprechend einen normalen navigateToURL-Request aus, oder er ruft die Javascript Methode window.open() auf. Man ist im Grunde auf der sicheren Seite und gegen die Popup-Blocker Schikane einiger Browser gut gerüstet.

Link zum Artikel

Unter den Ajax-Lösungen ist das Ajaxify mein persönlicher Favorit.  Mit diesem jQuery Plugin wird durch wenig Code (Lediglich eine Zeile konvertiert alle Links in Ajax-Requests) schneller Datenaustausch ermöglicht.

Link zum Artikel.

• Elements are now returned in document order.
• .live() can now prevent bubbling.
• :visible/:hidden are now significantly faster.
• As are all the width/height methods.
• Selectors are much faster in Internet Explorer.
• appendTo/etc. have had a slight API tweak.

Die komplette Liste Veränderungen kann hier nachgelesen werden.

Link zu jQuery.

Link zum Artikel.

Neue Features sind unter anderem:

• Sizzle: A sizzlin’ hot CSS selector engine.
• Live Events: Event delegation with a jQuery twist.
• jQuery Event Overhaul: Completely rewired to simplify event handling.
• HTML Injection Rewrite: Lightning-fast HTML appending.
• Offset Rewrite: Super-quick position calculation.
• No More Browser Sniffing: Using feature detection to help jQuery last for many more years to come.

Wichtige Neuerungen sind tatsächlich im Bereich Performance zu finden. Die untere Grafik zeigt ganz gut wie sich die Geschwindigkeit der Selector Engine verbessert hat und wie schnell sie sich  im Gegensatz zur Konkurrenz gibt.

Eine komplette Liste der Neuerungen kann man hier einsehen.

Desweiteren gibt es einen hübschen neuen API Browser. Der stellt die komplette API wirklich übersichtlich dar und gibt in der Entwicklung schnell Hilfe.
Kernfeatures des Browser sind:

• All the latest jQuery and jQuery UI documentation.
• The ability to mark pages as favorites for those pages you keep wanting to return to.
• Syntax highlighting in the code examples
• Live running of examples within the browser
• Links to edit and experiment with the code examples

Den Browser gibts wahlweise als AIR Applikation oder direkt im Webbrowser.

Link zum jQuery 1.3 Download.
Link zum jQuery API Browser.

Link zum Artikel

Link zu Apollo for Adobe Flex Developers Pocket Guide.
Link zu Adobe Integrated Runtime for JavaScript Developers.

Overall, we have more than 15 ready-to-use effects for you to use in your projects, not only including everything you know from script.aculo.us (blind,bounce,drop,fold,slide …), but also fresh new effects (transfer, explode. clip, scale) for you to enjoy!

Zudem lohnt sich natürlich auch ein Besuch auf der neuen jQuery UI Seite. Ein schönes neues Coverflow ist mir beim groben überfliegen schon ins Auge gefallen.

Link zu jQuery UI.
Link zu jQuery.

Beispiele für solche Einsatzgebiete wären z.B. Gallerien, die sich nach unten erweitern umso mehr Bilder per xml geladen werden. Da mir vorher nicht bekannt ist, wie viele Bilder eingepflegt wurden, kann ich vorher auch nicht abschätzen ob die swf-Datei nun beispielsweise 500 x 1000 Pixel groß ist, oder nur 500 x 500.

Das folgende kleine Beispiel zeigt, wie sich so ein Fall dynamisch per externalInterface-Klasse und JavaScript lösen lässt.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="500" creationComplete="init()">
	<mx:Script>
		<![CDATA[
				public function init():void {
					var appHeight:int = bild1.height + bild2.height + 50;
					bild2.y = bild1.height + 50;
					if (ExternalInterface.available) {
						ExternalInterface.call("applicationHeight", appHeight);
					}
				}
				]]>
	</mx:Script>	

	<mx:Image source="@Embed('images/1.jpg')" id="bild1" />
	<mx:Image source="@Embed('images/2.jpg')" id="bild2" />		

</mx:Application>

In diesem Fall habe ich zwei Bilder platziert, dessen beiden Größen (plus 50 pixel Abstand) ich mit der Methode “ExternalInterface.call()”in mein Javascript übergebe.

function applicationHeight(size) {
       document.getElementById("externalInterface").style.height = parseInt(size)+"px";
}

So schaut meine JavaScript Funktion aus, die innerhalb der html-Datei definiert ist. Im Prinzip wird hier lediglich das id-Element mit dem Namen “externalInterface” per css in seiner Height geändert. Man muss also darauf achten, dass das eingebettete swf-Objekt die richtige id bekommt.

In dem obrigen Fall ist die Anwendung von externalInterface für das Festlegen der Größe eigentlich nicht erforderlich, da man die fixe Größe vorher kennt. Es handelt sich nur um ein vereinfachtes Beispiel wie externalInterface dynamische Größen steuern kann.

Natürlich sei dazu gesagt, dass es sich in dem Artikel um einen Einstieg handelt, der es einem Einsteiger erlaubt schnelle Resultate zu erhalten. Einige Probleme aus dem Artikel lassen sich sicher eleganter und schneller lösen. Nichtsdestotrotz erhalten Neulinge einen guten Überblick über Möglichkeiten und Einfachheit des JQuery-Frameworks.

Link zum Artikel.
Link zu JQuery.