Changement de taille de l'objet Application et navigateur.

Version imprimable

Bonjour à tous,

Je cherchais à augmenter la hauteur de l'application Flash dans le navigateur Internet. J'ai constaté que cela ne pose aucun problème : Il suffit de modifier la propriété "height" de l'objet "Application".

Mais il se pose alors un problème :

Lorsque la hauteur de l'objet dépasse la hauteur de la page affichée par le navigateur, ce dernier n'affiche pas de barre de défilement verticale. De sorte qu'il est impossible de voir "le bas" de l'objet Flash.

Mon propos n'est peut-être pas très clair. Aussi, le petit code ci-dessous illustre ce qui se passe. Il vous suffit de cliquer plusieurs fois sur le bouton "Add" pour comprendre.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" borderStyle="solid" borderThickness="3" backgroundColor="#FFFFFF" borderColor="#000000" width="600"> <mx:Script> <![CDATA[ import mx.containers.Box; private function Add(event:Event):void { var newBox:Box = new Box(); newBox.width = 500; newBox.height = 200; IdVboxMain.addChild(newBox); this.height = this.height + 250; } ]]> </mx:Script> <mx:VBox id="IdVboxMain"> <mx:Button label="Add" click="Add(event)"/> <mx:Box width="500" height="200" backgroundColor="#ffee88"/> <mx:Box width="500" height="200" backgroundColor="#ffee88"/> <mx:Box width="500" height="200" backgroundColor="#ffee88"/> <mx:Box width="500" height="200" backgroundColor="#ffee88"/> </mx:VBox> </mx:Application>
Je suppose que ce comportement vient du fait que la page HTML qui contient l'objet Flash n'est pas rafraîchie lorsque la taille de l'objet Flash change.

Il existe certainement une "astuce JavaScript" ou "Ajax" pour forcer le navigateur à rafraîchir la page sans recharger l'objet Flash. Si l'objet Flash est rechargé, alors il reviendrait à son état de départ (réinitialisation)...

Avez-vous déjà été confronté à ce problème? Existe-t-il une solution propre et portable pour régler ce problème?

Merci pour votre aide,

Denis

Je vois plutot le probleme dans l'autre sens moi :mouarf:

Pourquoi ne pas faire grandir un container enfant de ton application plutot que directement ton application?

qq chose de ce style :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<?xml version="1.0" encoding="utf-8"?>
<mx:Application	xmlns:mx="http://www.adobe.com/2006/mxml"
				layout="horizontal"
				borderStyle="solid"
				borderThickness="3"
				backgroundColor="#000CCC"
				borderColor="#000000"
				width="600">
 
	<mx:Script>
		<![CDATA[
			import mx.containers.Box;
			private function Add(event:Event):void
			{
				var newBox:Box = new Box();
				newBox.width  = 500;
				newBox.height = 200;
				IdVboxMain.addChild(newBox);
				monCanvas.height = monCanvas.height + 250;
			}
		]]>
	</mx:Script>
	<mx:Canvas id="monCanvas" width="600">
		<mx:VBox id="IdVboxMain">
			<mx:Button label="Add" click="Add(event)"/>
			<mx:Box width="500" height="200" backgroundColor="#ffee88"/>
			<mx:Box width="500" height="200" backgroundColor="#ffee88"/>
			<mx:Box width="500" height="200" backgroundColor="#ffee88"/>
			<mx:Box width="500" height="200" backgroundColor="#ffee88"/>
		</mx:VBox>	
	</mx:Canvas>
 
</mx:Application>

ainsi tu gardes la main sur tes enfants-parents et leurs contraintes restent interne au swf ;)

01/12/2008, 14h10
WinNew
Salut Jim,

Oui, tu as raison, c'est une solution envisageable. Cela dit, il y a un point vers lequel je désire attirer ton attention : Il s'agit des mouvements relatifs entre le contenu du fichier HTML et le contenu de l'interpréteur Flash.

Je m'explique :
- Si la barre de défilement est intégrée au contenu HTML, alors lorsque le contenu HTML défile, le contenu Flash défile aussi (puisque l'objet Flash fait partie du contenu HTML). Dans ce cas, il n'y a qu'un seul "référentiel de défilement" (le conteneur HTML).
- Si la barre de défilement est intégrée au contenu Flash, alors lorsque le contenu Flash défile, le contenu HTML reste fixe. Dans ce cas, il y a deux "référentiels de défilement" (les conteneurs HTML et Flash).
Par conséquent :
- Si mon application WEB se compose d'un unique objet Flash (qui intègre toute la présentation), alors oui, je peux envisager d'intégrer la barre de défilement au contenu Flash
- En revanche, si mon application WEB se compose d'un conteneur HTML et d'un objet Flash, alors je serais confronté à un problème de défilement relatif si la barre de défilement est intégrée au contenu Flash.
Si je n'ai pas le choix, alors j'envisage de développer une application Flash qui intègre "toute la présentation". De sorte qu'il n'y ait qu'un seul référentiel : le conteneur Flash.

Mais, de ce cas, je me pose la question suivante :

Y a-t-il un avantage à déporter une partie de la présentation dans le contenu HTML?

Bien entendu, il me semble préférable de charger les images pendant l'exécution (run time), plutôt que de les intégrer au SWF lors de la compilation. Cela permet de tirer profit des tampons (caches) gérés par le serveur et le client : Cela soulage le serveur et accélère le chargement des pages.

Qu'en penses-tu?

A+ Denis

as tu tenté simplement d'agrandir l'objet HTML également?
genre utiliser ExternallInterface pour appeler une méthode JavaScript, qui va aller modifier à la volée le height de l'objet flash HTML.
Code:

1 2 3 4 5 6 7 8 9 10 private function Add(event:Event):void { var newBox:Box = new Box(); newBox.width = 500; newBox.height = 200; IdVboxMain.addChild(newBox); monCanvas.height = monCanvas.height + 250; ExternallInterface.call("taFonctionJS"); }
la syntaxe exact est a vérifier, tu peux passer en paramètre la valeur que tu souhaites lui donner par exemple.

Je ne sais pas ce que cela va donner mais tu peux toujours tester ;)

01/12/2008, 15h58
WinNew

Merci Jim,

C'est justement ce que je cherchais : Je cherchais un moyen d'agir "à la volée" sur la hauteur du document HTML.

Je viens du monde "backend' sous UNIX (C, C++, Perl, PHP, Python). Je connais HTML et CSS, mais je ne me suis jamais mis sérieusement à JavaScript : Je n'aime pas l'idée d'écrire du code pour chaque navigateur, et pour chaque version de navigateur... C'est pourquoi je me suis intéressé à Flex. Le "Flash Player" permet de s'affranchir des différences entre les navigateurs. Résultat : Un seule code pour IE, Firefox, Safari,...

Je vais creuser dans la direction que tu m'as indiquée.

A+ Denis