Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

**salazar** · 09-05-2011, 10:17

hi ihrs,

wegen den folgenden beiden threads bin ich auf die idee gekommen und wollte in diese richtung selber mal testen ob das wie gedacht geht:

Anfänger braucht Hilfe
ExternalInterface.call probleme

ob das wirklich sinnvoll ist sei mal dahingestellt, aber es geht. die eingebundene (mit swfobject) swf skaliert selbst ihre größe.

das geschieht über ExternalInterface und den call befehl der eine javascript function aufruft und an diese die parameter für width und height übergibt. das eigentliche skalieren übernimmt also das javascript welches aber von der swf aus geteuert wird.

HIER kann man sich ein bsp. anschauen.

hier mal die html seite mit der javascript function drinn:

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<title>bsp</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<style type="text/css" media="screen">
			html, body { height:100%; background-color: #ffffff; }
			body { margin:0; padding:0; overflow:hidden; }
			#flashContent { width:100%; height:100%; }
		</style>
		<script type="text/javascript" src="swfobject.js">
		</script>
		<script type="text/javascript">
			var flashvars = {};
			var params = {};
				params.menu = "false";
				params.scale = "noscale";
				params.allowscriptaccess = "always";
			var attributes = {};
			swfobject.embedSWF("bsp.swf", "myContent", "550", "400", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
		</script>

		<script type="text/javascript" >
			function resize( w, h ) {
				var element = document.getElementById( "myContent" );
					element.style.width  = w + "px";
					element.style.height = h + "px";
			} 
		</script>
	</head>
	<body>
		<div id="myContent">
			<h1>Alternative content</h1>
			<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
		</div>
	</body>

</html>

hier nochmal gesondert die javascript function:

HTML-Code:

<script type="text/javascript" >
	function resize( w, h ) {
		var element = document.getElementById( "myContent" );
			element.style.width  = w + "px";
			element.style.height = h + "px";
	} 
</script>

und ohne

PHP-Code:

  params.allowscriptaccess = "always";

klappt das ganze auch nicht. bzw. "sameDomain".

und hier das script aus frame 1 der beispiel fla:

PHP-Code:

  //---------------------------------------------------------------

 
import fl.transitions.Tween;

import fl.transitions.TweenEvent;

import fl.transitions.easing.*;

import flash.display.StageAlign;

import flash.display.StageScaleMode;

import flash.events.Event;

import flash.events.MouseEvent;

import flash.external.ExternalInterface;

import flash.utils.Timer;

 
const MINIMUM_WIDTH:int  = 460;

const MINIMUM_HEIGHT:int = 260;

 
const JAVASCRIPT_FUNCTION:String = "resize";

 
var tweenWidth:Tween;

var tweenHeight:Tween;

var tweenObject:Object = new Object();

    tweenObject.width = stage.stageWidth;

    tweenObject.height = stage.stageHeight;

 
stage.align = StageAlign.TOP_LEFT;

stage.scaleMode = StageScaleMode.NO_SCALE;

stage.addEventListener( Event.RESIZE, resizeHandler );

 
//---------------------------------------------------------------

 
resizeButtonClassic.addEventListener( MouseEvent.MOUSE_DOWN, mouseDownHandler );

resizeButtonTweening.addEventListener( MouseEvent.MOUSE_DOWN, mouseDownHandler );

 
function resizeHandler( e:Event ):void {

 
    animation.x = stage.stageWidth / 2 - animation.width / 2;

    animation.y = stage.stageHeight / 2 - animation.height / 2;

 
    setOutput( stage.stageWidth, stage.stageHeight );

 
}

 
//---------------------------------------------------------------

 
function mouseDownHandler( e:MouseEvent ):void {

    

    if ( tweenWidth )

        tweenWidth.stop();

    if ( tweenHeight )

        tweenHeight.stop();

    

    var randomWidth:int =  Math.round( Math.random() * MINIMUM_WIDTH + MINIMUM_WIDTH );

    var randomHeight:int = Math.round( Math.random() * MINIMUM_HEIGHT + MINIMUM_HEIGHT );

    

    switch( e.target ) {

        

        case resizeButtonClassic:

            tweenObject.width = randomWidth;

            tweenObject.height = randomHeight;

            resizeSWF( randomWidth, randomHeight );

        break;

        case resizeButtonTweening:

            tweenWidth  = new Tween( tweenObject, "width", Strong.easeOut, tweenObject.width, randomWidth, 2, true );

            tweenHeight = new Tween( tweenObject, "height", Strong.easeOut, tweenObject.height, randomHeight, 2, true );

            tweenHeight.addEventListener( TweenEvent.MOTION_CHANGE, tweenHandler );

        break;

 
    }

 
}

 
//---------------------------------------------------------------

 
function tweenHandler( e:TweenEvent ):void {

 
    resizeSWF( e.target.obj.width, e.target.obj.height );

    

}

 
function resizeSWF( w:int, h:int ):void {

 
    ExternalInterface.call( JAVASCRIPT_FUNCTION, String( w ), String( h ) );

    

}

 
//---------------------------------------------------------------

 
function setOutput( w:int, h:int ):void {

    

    var txt:String = "width: " + String( w ) + "px\nheight: " + String( h ) + "px";

    

    outputStage.text = txt;

    

}

 
setOutput( stage.stageWidth, stage.stageHeight );

 
//---------------------------------------------------------------

 
var timer:Timer = new Timer( 10, 0 );

    timer.addEventListener( TimerEvent.TIMER , timerHandler );

    timer.start();

    

function timerHandler( e:TimerEvent ):void {

    

    outputTimer.text = "timer: " + e.target.currentCount;

    

}

 
//---------------------------------------------------------------

ist nicht der schönste code, aber er läuft. das wirklich interessante findet in der resizeSWF function statt. da passiert nämlich der call.
im übrigen lässt sich das sogar tweenen. hab das mal mit dazu gepackt und für die ersten schritte die flash eigene tweening engine mit eingebaut.
natürlich empfehle ich aber da eine andere tweening engine einzubauen falls das hier jemand wirklich wo einsetzen will.

die files hab ich mit dazu gepackt. fla CS4, swf, html, swfobject.js
hab alles in einer zip verpackt und HIER zum download abgelegt.

cheers,
sal

szylla · 09-05-2011, 10:55

hey,
cool!

grüße,
szylla

Barschel2004 · 15-05-2011, 13:44

ist wirklich nett

**salazar** · 18-05-2011, 09:44

noch ein kleines update, denn der firefox 4 macht hier probleme.

ich hatte bisher nur für die swf eine hintergrundfarbe definiert (also in der swf), und diese wurde auch im ff 3.6, im IE und chrome angezeigt. aber im ff4 klappt, bzw reicht das nicht. hier muss man in jedem fall beim einbinden der swf schon mit angeben welche hintergrundfarbe die swf haben soll.

in der html also bitte bei den params einfach folgende zeile ergänzen und gut ist

Zitat:

params.bgcolor = "#333333";

cheers,
sal

09-05-2011, 10:17	#1 (permalink)
salazar experience++; Registriert seit: Jul 2002 Ort: Düsseldorf Beiträge: 11.367	[stuff] swf dynamisch skalieren via ExternalInterface.call und JavaScript function hi ihrs, wegen den folgenden beiden threads bin ich auf die idee gekommen und wollte in diese richtung selber mal testen ob das wie gedacht geht: Anfänger braucht Hilfe ExternalInterface.call probleme ob das wirklich sinnvoll ist sei mal dahingestellt, aber es geht. die eingebundene (mit swfobject) swf skaliert selbst ihre größe. das geschieht über ExternalInterface und den call befehl der eine javascript function aufruft und an diese die parameter für width und height übergibt. das eigentliche skalieren übernimmt also das javascript welches aber von der swf aus geteuert wird. HIER kann man sich ein bsp. anschauen. hier mal die html seite mit der javascript function drinn: HTML-Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>bsp</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css" media="screen"> html, body { height:100%; background-color: #ffffff; } body { margin:0; padding:0; overflow:hidden; } #flashContent { width:100%; height:100%; } </style> <script type="text/javascript" src="swfobject.js"> </script> <script type="text/javascript"> var flashvars = {}; var params = {}; params.menu = "false"; params.scale = "noscale"; params.allowscriptaccess = "always"; var attributes = {}; swfobject.embedSWF("bsp.swf", "myContent", "550", "400", "9.0.0", "expressInstall.swf", flashvars, params, attributes); </script> <script type="text/javascript" > function resize( w, h ) { var element = document.getElementById( "myContent" ); element.style.width = w + "px"; element.style.height = h + "px"; } </script> </head> <body> <div id="myContent"> <h1>Alternative content</h1> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p> </div> </body> </html> hier nochmal gesondert die javascript function: HTML-Code: <script type="text/javascript" > function resize( w, h ) { var element = document.getElementById( "myContent" ); element.style.width = w + "px"; element.style.height = h + "px"; } </script> und ohne PHP-Code: `params.allowscriptaccess = "always";` klappt das ganze auch nicht. bzw. "sameDomain". und hier das script aus frame 1 der beispiel fla: PHP-Code: //--------------------------------------------------------------- import fl.transitions.Tween; import fl.transitions.TweenEvent; import fl.transitions.easing.; import flash.display.StageAlign; import flash.display.StageScaleMode; import flash.events.Event; import flash.events.MouseEvent; import flash.external.ExternalInterface; import flash.utils.Timer; const MINIMUM_WIDTH:int = 460; const MINIMUM_HEIGHT:int = 260; const JAVASCRIPT_FUNCTION:String = "resize"; var tweenWidth:Tween; var tweenHeight:Tween; var tweenObject:Object = new Object(); tweenObject.width = stage.stageWidth; tweenObject.height = stage.stageHeight; stage.align = StageAlign.TOP_LEFT; stage.scaleMode = StageScaleMode.NO_SCALE; stage.addEventListener( Event.RESIZE, resizeHandler ); //--------------------------------------------------------------- resizeButtonClassic.addEventListener( MouseEvent.MOUSE_DOWN, mouseDownHandler ); resizeButtonTweening.addEventListener( MouseEvent.MOUSE_DOWN, mouseDownHandler ); function resizeHandler( e:Event ):void { animation.x = stage.stageWidth / 2 - animation.width / 2; animation.y = stage.stageHeight / 2 - animation.height / 2; setOutput( stage.stageWidth, stage.stageHeight ); } //--------------------------------------------------------------- function mouseDownHandler( e:MouseEvent ):void { if ( tweenWidth ) tweenWidth.stop(); if ( tweenHeight ) tweenHeight.stop(); var randomWidth:int = Math.round( Math.random() MINIMUM_WIDTH + MINIMUM_WIDTH ); var randomHeight:int = Math.round( Math.random() * MINIMUM_HEIGHT + MINIMUM_HEIGHT ); switch( e.target ) { case resizeButtonClassic: tweenObject.width = randomWidth; tweenObject.height = randomHeight; resizeSWF( randomWidth, randomHeight ); break; case resizeButtonTweening: tweenWidth = new Tween( tweenObject, "width", Strong.easeOut, tweenObject.width, randomWidth, 2, true ); tweenHeight = new Tween( tweenObject, "height", Strong.easeOut, tweenObject.height, randomHeight, 2, true ); tweenHeight.addEventListener( TweenEvent.MOTION_CHANGE, tweenHandler ); break; } } //--------------------------------------------------------------- function tweenHandler( e:TweenEvent ):void { resizeSWF( e.target.obj.width, e.target.obj.height ); } function resizeSWF( w:int, h:int ):void { ExternalInterface.call( JAVASCRIPT_FUNCTION, String( w ), String( h ) ); } //--------------------------------------------------------------- function setOutput( w:int, h:int ):void { var txt:String = "width: " + String( w ) + "px\nheight: " + String( h ) + "px"; outputStage.text = txt; } setOutput( stage.stageWidth, stage.stageHeight ); //--------------------------------------------------------------- var timer:Timer = new Timer( 10, 0 ); timer.addEventListener( TimerEvent.TIMER , timerHandler ); timer.start(); function timerHandler( e:TimerEvent ):void { outputTimer.text = "timer: " + e.target.currentCount; } //--------------------------------------------------------------- ist nicht der schönste code, aber er läuft. das wirklich interessante findet in der resizeSWF function statt. da passiert nämlich der call. im übrigen lässt sich das sogar tweenen. hab das mal mit dazu gepackt und für die ersten schritte die flash eigene tweening engine mit eingebaut. natürlich empfehle ich aber da eine andere tweening engine einzubauen falls das hier jemand wirklich wo einsetzen will. die files hab ich mit dazu gepackt. fla CS4, swf, html, swfobject.js hab alles in einer zip verpackt und HIER zum download abgelegt. cheers, sal __________________ NKUNITED.DE - FLASH BLOG FLASHFORUM FAVORITES, FLASHFORUM [STUFF] SOUND VISUALIZER SPHERE BROWNSCHE PARTICLES V2 SAME GAME Bitte keine Flashfragen an mich schicken. Dafür ist ja das Forum da! Das betrifft auch Profilnachrichten.

15-05-2011, 13:44	#3 (permalink)
Barschel2004 Ehrenwort!!! Registriert seit: Feb 2004 Ort: Duisburg-Duissern Beiträge: 1.114	ist wirklich nett __________________ "A man on the move... And just sick enough to be totally confident..." Alphaflight Ein Tag wie jeder! Flashversionen von einigen C64-Zocks

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Flash CS3] ExternalInterface.call	Runey	Flash Einsteiger	0	04-11-2010 21:24
Serverübergreifender ExternalInterface.call AS3 zu Javascript	labr1005	ActionScript 3	1	25-11-2009 10:33
ExternalInterface.call	reneXYX	Flash CS3 Professional	2	13-05-2009 16:06
[Flash CS3] XML und ExternalInterface.call	gerfried	Flash Einsteiger	0	02-03-2009 11:52
ExternalInterface.call	RhettButler	Flash CS3 Professional	8	10-02-2009 14:50

09-05-2011, 10:55	#2 (permalink)
szylla skylla Registriert seit: Feb 2011 Beiträge: 166	hey, cool! grüße, szylla