Sujets sur : SWFObject

Cours ActionScript 3 ‘SWFObject’

La Documentation de SWFObject

2 questions

Ecrit le 14 septembre par Matthieu
Publié dans le(s) sujet(s) Adobe Flash

Qu’est ce SWFObject ?

SWFOjbect 2 :

Fournit 2 méthodes optimisées pour afficher le Player Flash, une approche par balise et une méthode utilisant le JavaScript.
Fournit une API JavaScript contenant un panel complet d’outils, pour afficher des fichiers SWF et récupérer les informations du Player Flash.
Utilise seulement un petit fichier JavaScript (10Kb / GZIPed : 3.9 Kb ).
Successeur de SWFObject 1.5, UFO et Adobe Flash Player Detection Kit.
Créé pour regrouper toutes les méthodes d’affichage du Player Flash et fournir un nouveau standard pour embarquer le contenu Adobe Flash Player.

Pourquoi devez-vous utiliser SWFObject ?

SWFOjbect 2 :

Plus optimisé et plus souple que les autres solutions d’affichage du Player Flash.
Fournit une solution pour tout le monde, ce n’est pas un problème si vous êtes un développeur HTML, Flash ou JavaScript, cela est pratique pour tout le monde.

Casse le cycle bloqué dans des balises spécifiques aux constructeurs et met en avant l’utilisation des standards du web et le contenu alternatif.
Utilisation du JavaScript non intrusif et les meilleures pratiques JavaScript.
Facile à utiliser.

L’article Flash Embedding Cage Match du site A List Apart décrit le raisonnement complet de SWFObject 2.

Pourquoi SWFObject utilise JavaScript ?

Premièrement, SWFObject 2 utilise JavaScript pour résoudre les problèmes qui ne peuvent être résolus par des balises seules.

SWObject 2 :

Détecte la version du Player Flash et détermine si le contenu Flash ou le contenu alternatif doit être visible, pour éviter d’avoir un plugin Flash « déprécié » et un mauvais rendu du contenu Flash.

Fournit des fonctionnalités pour basculer sur le contenu alternatif dans le cas d’un plugin Flash « déprécié en manipulant le DOM (Note: si le plugin Flash n’est pas installé, l’objet HTML bascule automatiquement sur le contenu alternatif).

Donne la possibilité d’utiliser Adobe Express Install pour télécharger la dernière version du Flash Player.
Fournit une API JavaScript pour effectuer les opérations classiques liées au Flash Player et à Flash.

Dois-je utiliser la méthode de publication statique ou dynamique ?

SWFObject 2 propose 2 méthodes différentes pour afficher du contenu Flash :

1. La méthode la publication statique intègre à la fois le contenu Flash et du contenu alternatif en utilisant un balisage conforme aux standards, et utilise JavaScript pour résoudre les problèmes qui le balisage seul ne peut résoudre.

2. La méthode de publication dynamique est basé sur un contenu alternatif et utilise JavaScript pour remplacer ce contenu avec du contenu Flash si la version de Flash Player demandée est installé et le support JavaScript est disponible (comme les versions précédentes de SWFObject et UFO).

Les avantages de la méthode de publication statique sont les suivants :

1. La mise en avant d’utilisation des normes de balisage conformes.
2. Meilleure performance d’intégration.
3. Le système d’intégration de contenu Flash ne s’appuie pas sur un langage de script, de tel sorte que votre contenu Flash peut atteindre une audience plus significative :

Si vous avez le plug-in Flash installé, mais avec le JavaScript désactivé ou vous utilisez un navigateur qui ne supporte pas le JavaScript, vous serez toujours en mesure de voir votre contenu Flash.

Flash va désormais fonctionner sur un appareil comme une Sony PSP, qui a un très faible support de JavaScript.
Les outils automatisés tels que les lecteurs RSS sont en mesure d’indexer le contenu Flash

Les avantages de la méthode de publication dynamique sont les suivants :

Il s’intègre très bien avec les applications scriptées et permet l’utilisation de variables dynamiques (flashvars).
Il évite le système d’activation du contenu Flash dans Internet Explorer 6 / 7 et Opera 9 +. Notez que Microsoft a éliminé la plupart des contenus à activer à partir de son navigateur Internet Explorer.

Comment intégrer du contenu Flash en utilisant SWFObject avec la méthode statique

ÉTAPE 1: ajouter le contenu Flash et le contenu alternatif en utilisant des balises conformes

Les balises de SWFObject utilisent l’imbrication des objets (avec Internet Explorer, des commentaires conditionnels) http://www.alistapart.com/articles/flashembedcagematch/ pour assurer la compatibilité maximale des navigateurs et le support des balises, tout en étant conforme aux normes et en ajoutant un contenu alternatif http://www.bobbyvandersluis.com/flashembed/testsuite/

[codesyntax lang= »html4strict » title= »ETAPE 1 : SWFObject 2″]

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&gt;
  &lt;head&gt;
    &lt;title&gt;SWFObject - step 1&lt;/title&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div&gt;

      &lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780" height="420"&gt;
        &lt;param name="movie" value="myContent.swf" /&gt;
        &lt;!--[if !IE]&gt;--&gt;
        &lt;object type="application/x-shockwave-flash" data="myContent.swf" width="780" height="420"&gt;
        &lt;!--&lt;![endif]--&gt;
          &lt;p&gt;Alternative content&lt;/p&gt;
        &lt;!--[if !IE]&gt;--&gt;
        &lt;/object&gt;
        &lt;!--&lt;![endif]--&gt;
      &lt;/object&gt;

    &lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>SWFObject - step 1</title>

</head>

<body>

<div>

<p>Alternative content</p>

</object>

</object>

</div>

</body>

</html>

[/codesyntax]

REMARQUE : la méthode imbriquée objets nécessite une définition double objet (l'objet externe ciblant Internet Explorer et l'objet interne ciblant tous les autres navigateurs), vous avez donc besoin de définir les attributs de votre objet et éléments param imbriquées à deux reprises.

Attributs Requis:

classid (élément objet extérieur uniquement, la valeur est toujours clsid: D27CDB6E-AE6D-11cf-96B8-444553540000).
type (élément objet interne uniquement, la valeur est toujours application / x-shockwave-flash).
data (élément objet interne uniquement, définit l’URL d’un fichier SWF).
width (deux éléments objet, définit la largeur d’un fichier SWF)
height (à la fois des éléments objet, définit la hauteur d’un SWF)

Élément param requis :

movie (élément objet externe seulement, définit l’URL d’un fichier SWF)

NOTE : nous vous déconseillons d’utiliser l’attribut codebase pour pointer vers l’URL de l’installeur du plugin Flash sur les serveurs d’Adobe, car c’est illégal selon les spécifications qui en limitent l’accès au domaine du document en cours seulement. Nous recommandons l’utilisation du contenu alternatif avec un message indiquant à l’utilisateur qu’il peut avoir une expérience plus riche en téléchargeant le plugin Flash.

Comment pouvez-vous utiliser HTML pour configurer votre contenu Flash?

Vous pouvez ajouter des attributs optionnels, ils sont souvent utilisées sur l’élément objet:

id
name
class
aligner

Vous pouvez utiliser les option suivantes de Flash associées à l’élément param (plus d’info) :

play
loop
menu
quality
scale
salign
wmode
bgcolor
base
swliveconnect
flashvars
devicefont (plus d’info)
allowScriptAccess (plus d’info ici et ici )
seamlesstabbing (plus d’info)
allowFullScreen (plus d’info)
allowNetworking (plus d’info)

Pourquoi devez-vous utiliser le contenu alternatif ?

L’élément objet permet d’ajouter du contenu alternatif, qui sera affichée si Flash n’est pas installé ou pris en charge. Ce contenu sera également repris par les moteurs de recherche, ce qui en fait un outil formidable pour créer du contenu pour les moteurs de recherche. En résumé, vous devez utiliser un contenu alternatif si vous souhaitez créer du contenu qui est accessible pour les gens qui naviguent sur le Web sans plugins , créer du contenu pour les moteurs de recherche ou de dire aux visiteurs qu’ils peuvent avoir une expérience utilisateur plus riche en téléchargeant le plug-in Flash .

ÉTAPE 2: Inclure la bibliothèque SWFObject JavaScript dans l’entête de votre page HTML

La bibliothèque SWFObject utilise un fichier JavaScript externe. Le code de SWFObject sera exécutée dès qu’il est lu et il exécutera toutes les manipulations DOM dès le DOM est chargé – pour tous navigateurs compatibles, comme IE, Firefox, Safari et Opera 9 + – ou sinon dès dès la diffusion de l’événement onload :

[codesyntax lang= »html4strict » title= »inclusion de SWFObject » bookmarkname= »inclusion de SWFObject »]

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&gt;
  &lt;head&gt;
    &lt;title&gt;SWFObject - step 2&lt;/title&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;

    &lt;script type="text/javascript" src="swfobject.js"&gt;&lt;/script&gt;

  &lt;/head&gt;
  &lt;body&gt;
    &lt;div&gt;
      &lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780" height="420"&gt;
        &lt;param name="movie" value="myContent.swf" /&gt;
        &lt;!--[if !IE]&gt;--&gt;
        &lt;object type="application/x-shockwave-flash" data="myContent.swf" width="780" height="420"&gt;
        &lt;!--&lt;![endif]--&gt;
          &lt;p&gt;Alternative content&lt;/p&gt;
        &lt;!--[if !IE]&gt;--&gt;
        &lt;/object&gt;
        &lt;!--&lt;![endif]--&gt;
      &lt;/object&gt;
    &lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>SWFObject - step 2</title>

</head>

<body>

<div>

<p>Alternative content</p>

</object>

</object>

</div>

</body>

</html>

[/codesyntax]

ÉTAPE 3: enregistrer votre contenu Flash avec la bibliothèque SWFObject et dire à SWFObject quoi faire avec lui

Premièrement, renseignez un identifiant unique à la balise objet qui définit votre contenu Flash. Deuxièmement, appelez la méthode swfobject.registerObject:

1. Le premier argument (String, obligatoire) spécifie l'ID utilisé.
2. Le second argument (String, obligatoire) spécifie la version requise du lecteur Flash pour la publication de votre contenu. Il active la détection de la version Flash pour un fichier SWF pour déterminer s’il faut afficher le contenu Flash ou le contenu alternatif en effectuant une manipulation du DOM. Alors que les numéros de version flash respectent normalement ce principe : major.minor.release.build, SWFObject regarde seulement les 3 premiers numéros, donc les deux «WIN 9,0,18,0″ (IE) ou « Shockwave Flash 9 r18 « (tous les autres navigateurs ) se traduira par « 9.0.18 ». Si vous voulez seulement tester une version majeure, vous pouvez omettre les numéros de version mineure et mettre «9» au lieu de « 9.0.0 »

3. Le troisième argument (String, optionnel) est utilisé pour activer Adobe Installation express et spécifie l’URL de votre fichier SWF « Express Install ». « Express Install » affiche une boîte de dialogue flash standardisée « Téléchargez le plugin » à la place de votre contenu Flash, lorsque la version du plugin requis n’est pas disponible. Un fichier par défaut expressInstall.swf est fournis avec le projet. Il contient également le fichier expressInstall.fla et les fichiers AS (dans le répertoire SRC) pour vous permettre de créer votre SWF Express Install . Notez que »Express Install » s’éxécute une seule fois (la première fois qu’il est invoqué), qu’il est uniquement pris en charge par Flash Player 6.0.65 ou supérieur sur Windows ou Mac, et qu’il exige une taille minimale SWF de 310px par 137px.

4. Le quatrième argument (fonction JavaScript, optionnel) est utilisé pour définir une fonction de rappel, qui est appelée à la fois en cas de succès ou d’échec de l’intégration du fichier SWF (voir la documentation de l’API )

[codesyntax lang= »html4strict » title= »enregistrement de SWFObject » bookmarkname= »enregistrement de SWFObject »]

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&gt;
  &lt;head&gt;
    &lt;title&gt;SWFObject - step 3&lt;/title&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;
    &lt;script type="text/javascript" src="swfobject.js"&gt;&lt;/script&gt;

    &lt;script type="text/javascript"&gt;
    swfobject.registerObject("myId", "9.0.115", "expressInstall.swf");
    &lt;/script&gt;

  &lt;/head&gt;
  &lt;body&gt;
    &lt;div&gt;

      &lt;object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780" height="420"&gt;

        &lt;param name="movie" value="myContent.swf" /&gt;
        &lt;!--[if !IE]&gt;--&gt;
        &lt;object type="application/x-shockwave-flash" data="myContent.swf" width="780" height="420"&gt;
        &lt;!--&lt;![endif]--&gt;
          &lt;p&gt;Alternative content&lt;/p&gt;
        &lt;!--[if !IE]&gt;--&gt;
        &lt;/object&gt;
        &lt;!--&lt;![endif]--&gt;
      &lt;/object&gt;
    &lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>SWFObject - step 3</title>

swfobject.registerObject("myId", "9.0.115", "expressInstall.swf");

</script>

</head>

<body>

<div>

<p>Alternative content</p>

</object>

</object>

</div>

</body>

</html>

[/codesyntax]

CONSEILS

Utilisez le générateur de code HTML et JavaScript SWFObject pour vous aider dans l’intégration de votre contenu flash.
Répétez juste les étapes 1 et 3 pour ajouter de plusieurs fichiers SWF dans la même page HTML.

Comment intégrer du contenu Flash en utilisant SWFObject avec la méthode dynamique

ÉTAPE 1: Créer le contenu alternatif en utilisant des balises conformes

La méthode dynamique de SWFObject suit le principe de l’amélioration progressive et remplace le contenu alternatif HTML par le contenu Flash lorsque le JavaScript et le support du plug-in Flash sont disponibles. D’abord définir votre contenu alternatif et identifiez le avec un id:

[codesyntax lang= »html4strict » title= »création du contenu alternatif » bookmarkname= »création du contenu alternatif »]

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&gt;
  &lt;head&gt;
    &lt;title&gt;SWFObject dynamic embed - step 1&lt;/title&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;
  &lt;/head&gt;
  &lt;body&gt;

    &lt;div id="myContent"&gt;
      &lt;p&gt;Alternative content&lt;/p&gt;
    &lt;/div&gt;

  &lt;/body&gt;
&lt;/html&gt;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>SWFObject dynamic embed - step 1</title>

</head>

<body>

<p>Alternative content</p>

</div>

</body>

</html>

[/codesyntax]

ÉTAPE 2: Inclure la bibliothèque SWFObject JavaScript dans l’entête de votre page HTML

La bibliothèque SWFObject utilise un fichier JavaScript externe. SWFObject sera exécutée dès qu’il est lu et exécutera toutes manipulations DOM dès que le DOM est chargé – pour tous navigateurs compatibles, comme IE, Firefox, Safari et Opera 9 + – ou sinon dès que l’événement onload est diffusé :

[codesyntax lang= »html4strict » title= »inclure le javascript SWFobject » bookmarkname= »inclure le javascript SWFObject »]

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&gt;
  &lt;head&gt;
    &lt;title&gt;SWFObject dynamic embed - step 2&lt;/title&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;

    &lt;script type="text/javascript" src="swfobject.js"&gt;&lt;/script&gt;

  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id="myContent"&gt;
      &lt;p&gt;Alternative content&lt;/p&gt;
    &lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>SWFObject dynamic embed - step 2</title>

</head>

<body>

<p>Alternative content</p>

</div>

</body>

</html>

[/codesyntax]

ÉTAPE 3: affichage du SWF avec JavaScript

swfobject.embedSWF (swfUrl, id, largeur, hauteur, la version requise, expressInstallSwfurl, flashvars, params, les attributs, callbackFn)possède cinq paramètres obligatoires et cinq arguments facultatifs :

1. swfUrl (String, obligatoire) spécifie l’URL du votre fichier SWF
2. Id (String, obligatoire) spécifie l'id de l’élément div HTML (contenant votre contenu alternatif) que vous aimeriez remplacer par votre contenu Flash
3. largeur (String, obligatoire) spécifie la largeur de votre SWF
4. hauteur (String, obligatoire) spécifie la hauteur de votre SWF
5. Version (String, obligatoire) spécifie la version requise du lecteur Flash pour votre fichier SWF (le format est: « major.minor.release » ou « major »)
6. expressInstallSwfurl (String, optionnel) spécifie l’URL de votre fichier SWF « Express Install » et active Adobe Express Install. Notez que « Express Install » s’éxécute une seule fois (la première fois qu’il est appelé), qu’il est uniquement pris en charge par Flash Player 6.0.65 ou supérieur sur Windows ou Mac, et qu’il exige une taille minimale SWF de 310px par 137px.
7. flashvars (Object, optionnel) spécifie vos valeurs flashvars avec une association nom: valeur.
8. params (Object, optionnel) spécifie vos éléments params avec une association nom: valeur.
9. attributes (Object, optionnel) spécifie les attributs de votre objet avec une association nom: valeur.
10. callbackFn (fonction JavaScript, en option) est utilisé pour définir une fonction de rappel qui est appelée à la fois en cas de succès ou d’échec de l’intégration de votre fichier SWF (voir la documentation de l’API ).

REMARQUE : vous pouvez omettre les paramètres optionnels, tout en respectant l’ordre des paramètres. Si vous ne souhaitez pas utiliser un paramètre facultatif, mais utiliser le paramètre facultatif suivant, vous pouvez simplement passer la valeur false. Pour les flashvars, params et attributes des objets JavaScript, vous pouvez également passer un objet vide à la place: {}.

[codesyntax lang= »html4strict » title= »afficher votre contenu flash » bookmarkname= »afficher votre contenu flash »]

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&gt;
  &lt;head&gt;
    &lt;title&gt;SWFObject dynamic embed - step 3&lt;/title&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;
    &lt;script type="text/javascript" src="swfobject.js"&gt;&lt;/script&gt;

    &lt;script type="text/javascript"&gt;
    swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0");
    &lt;/script&gt;

  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id="myContent"&gt;
      &lt;p&gt;Alternative content&lt;/p&gt;
    &lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>SWFObject dynamic embed - step 3</title>

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0");

</script>

</head>

<body>

<p>Alternative content</p>

</div>

</body>

</html>

[/codesyntax]

Comment configurer votre contenu Flash?

Vous pouvez utiliser les attributes optionnels de l’élément object :

id (REMARQUE: lorsqu’il est indéfinis, l’élément objet hérite automatiquement de l'id de l’élément conteneur du contenu alternatif)
align
name
styleclass (regardez les notes à propos de class)
class

Remarque : class est un mot-clé réservé en ECMA4 et génèrera des erreurs avec Internet Explorer si elle est entourée par des guillemets (par exemple "class" ou 'class'). C’est pour cette raison que swfobject fournit le mot-clé styleClass comme alternative sûre pour class; si vous utilisez styleClass, swfobject l’insère automatiquement dans la valeur classe.

Exemple :

[codesyntax lang= »javascript »]

var attributes = {
   id: "myId",
   align: "left",
   styleclass: "myclass"
};

var attributes = {

id: "myId",

align: "left",

styleclass: "myclass"

};

[/codesyntax]

Si vous préférez utiliser la class au lieu de styleClass, mettez class mot entre guillemets comme ceci :

[codesyntax lang= »javascript »]

var attributes = {
   id: "myId",
   align: "left",
   "class": "myclass"
};

var attributes = {

id: "myId",

align: "left",

"class": "myclass"

};

[/codesyntax]

Vous pouvez utiliser les éléments optionnels param (plus d’informations ):

play
loop
menu
quality
scale
salign
wmode
bgcolor
base
swliveconnect
flashvars
devicefont (plus d’informations)
allowscriptaccess (plus d’informations ici et ici )
seamlesstabbing (plus d’informations )
allowfullscreen (plus d’informations )
allownetworking (plus d’informations )

Comment utiliser les Objets JavaScript afin de définir les valeurs de flashvars, params et attributes ?

Vous pouvez définir vos Objets JavaScript en utilisant la notation Object littérale, qui ressemble à :

[codesyntax lang= »javascript »]

&lt;script type="text/javascript"&gt;

var flashvars = {};
var params = {};
var attributes = {};

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);

&lt;/script&gt;

var flashvars = {};

var params = {};

var attributes = {};

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);

</script>

[/codesyntax]

Vous pouvez ajouter vos associations nom: valeur dans la définition de l’objet (note: assurez-vous de ne pas mettre une virgule derrière le nom mais dernière la valeur à l’intérieur de l’objet).

[codesyntax lang= »javascript »]

&lt;script type="text/javascript"&gt;

var flashvars = {
  name1: "hello",
  name2: "world",
  name3: "foobar"
};
var params = {
  menu: "false"
};
var attributes = {
  id: "myDynamicContent",
  name: "myDynamicContent"
};

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);

&lt;/script&gt;

var flashvars = {

name1: "hello",

name2: "world",

name3: "foobar"

};

var params = {

menu: "false"

};

var attributes = {

id: "myDynamicContent",

};

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);

</script>

[/codesyntax]

Ou ajouter des propriétés et des valeurs après sa création en utilisant une notation pointée :

[codesyntax lang= »javascript »]

&lt;script type="text/javascript"&gt;

var flashvars = {};
flashvars.name1 = "hello";
flashvars.name2 = "world";
flashvars.name3 = "foobar";

var params = {};
params.menu = "false";

var attributes = {};
attributes.id = "myDynamicContent";
attributes.name = "myDynamicContent";

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);

&lt;/script&gt;

var flashvars = {};

flashvars.name1 = "hello";

flashvars.name2 = "world";

flashvars.name3 = "foobar";

var params = {};

params.menu = "false";

var attributes = {};

attributes.id = "myDynamicContent";

attributes.name = "myDynamicContent";

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);

</script>

[/codesyntax]

Que vous pouvez aussi écrire (cette version est moins lisible pour les développeurs) :

[codesyntax lang= »javascript »]

&lt;script type="text/javascript"&gt;

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", {name1:"hello",name2:"world",name3:"foobar"}, {menu:"false"}, {id:"myDynamicContent",name:"myDynamicContent"});

&lt;/script&gt;

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", {name1:"hello",name2:"world",name3:"foobar"}, {menu:"false"}, {id:"myDynamicContent",name:"myDynamicContent"});

</script>

[/codesyntax]

Si vous ne souhaitez pas utiliser un argument optionnel, vous pouvez le définir comme false ou comme un objet vide (NOTE: à partir SWFObject 2.1, vous pouvez aussi utiliser null ou 0):

[codesyntax lang= »javascript »]

&lt;script type="text/javascript"&gt;

var flashvars = false;
var params = {};
var attributes = {
  id: "myDynamicContent",
  name: "myDynamicContent"
};

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);

&lt;/script&gt;

var flashvars = false;

var params = {};

var attributes = {

id: "myDynamicContent",

};

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);

</script>

[/codesyntax]

L’objet flashvars est une notation abrégée qui est là pour simplifier son utilisation. Vous pouvez l’ignorer et renseigner flashvars via l’objet params :

[codesyntax lang= »javascript »]

&lt;script type="text/javascript"&gt;

var flashvars = false;
var params = {
  menu: "false",
  flashvars: "name1=hello&amp;name2=world&amp;name3=foobar"
};
var attributes = {
  id: "myDynamicContent",
  name: "myDynamicContent"
};

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);

&lt;/script&gt;

var flashvars = false;

var params = {

menu: "false",

flashvars: "name1=hello&name2=world&name3=foobar"

};

var attributes = {

id: "myDynamicContent",

};

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);

</script>

[/codesyntax]

CONSEILS

Utilisez le générateur de code HTML et JavaScript SWFObject pour vous aider à intégrer votre contenu flash.
Répétez juste étapes 1 et 3 pour afficher plusieurs fichiers SWF dans la même page HTML.

Conseils pour la migration de SWFObject 1.5 vers SWFObject 2

1. SWFObject 2 est PAS rétrocompatibles avec SWFObject 1.5.
2. Il est conseillé d’ajouter tous vos blocs de scripts dans l’entête de votre page HTML. L’ajout vos scripts dans le corps de la page peut avoir impact visuel (par exemple : un clignotement lorsque le contenu alternatif est remplacé), parce votre code JavaScript sera exécuté ultérieurement (l’impact exact dépend votre implémentation).
3. La bibliothèque elle-même est maintenant écrite en minuscules : swfobject au lieu de SWFObject.
4. Les méthodes sont accessibles uniquement via la bibliothèque (plutôt que via une instance SWFObject dans SWFObject 1.5).
5. L’ API JavaScript est totalement différente et plus complexe.
6. SWFObject 2 remplace l’ensemble de votre contenu alternatif HTML, y compris l’élément div HTML, par le contenu Flash lorsque le JavaScript et le Flash sont disponibles, tandis que SWFObject 1.5 remplace seulement le contenu dans la div HTML référencé. Lorsque vous ne renseignez pas un attribut id, l’élément objet hérite automatiquement de l'id de l’élément div HTML de votre contenu alternatif.

Conseils pour la migration de UFO vers SWFObject 2

1. SWFObject 2 remplace l’ensemble de votre bloc de contenu HTML, y compris l’élément div HTML référencés, par le contenu Flash lorsque le JavaScript et le Flash sont disponibles, tandis que UFO ne remplace que le contenu dans la div HTML référencé. Lorsque vous ne spécifiez pas un attribut id, l’élément objet hérite automatiquement l'id de l’élément div HTML de votre contenu alternatif.
2. La fonctionnalité setcontainercss d’UFO n’a pas été incorporé dans SWFObject 2, mais il peut facilement être reproduit en utilisant l’API JavaScript SWFObject , regardez : swfobject.createCSS (selStr, declStr).

Est ce que SWFObject 2 supporte le type MIME application/xhtml+xml ?

SWFObject 2 ne soutient PAS le type MIME XML, qui est un pattern de conception.

Il y a plusieurs raisons pourquoi nous ne sont pas soutenons pas cela :

Seul un très petit nombre (non significatif) des développeurs Web l’utilise.
Nous sommes incertain de la direction de ce type. Internet Explorer ne le supporte pas et tous les autres navigateurs utilisent une nouvelle façon standard de parser l’HTML (avec HTML 5), qui s’éloigne de la vision actuelle du W3C pour parser du HTML comme du XML

Nous économiser une taille considérable sur le fichier et notre travail (test, résoudre les bugs) en ne le soutenant pas.

Tutoriels (niveau débutant)

Détecter la version du Player Flash et afficher des fichiers SWF avec SWFObject 2
Fournir un contenu alternatif pour les fichiers SWF
Afficher du Flash avec SWFObject 2.0 (tutoriel vidéo) par Lee Brimelow
Ajouter du contenu Flash dans une page HTML (tutoriel vidéo) par Matthieu Deloison.

Commentaires

Si vous avez toute questions / commentaires sur SWFObject ou sa documentation, ou des problèmes d’implémentation :

Assurez-vous d’avoir lu la FAQ
Utilisez le groupe de discussion SWFObject

Si vous trouvez des bugs ou si vous voulez demander une amélioration future, vous pouvez remplir un rapport sur la page SWFObject questions

Afficher du flash dans une page HTML avec SWFObject

9 questions

Ecrit le 13 septembre par Matthieu
Publié dans le(s) sujet(s) Adobe Flash |Cours AS3

Il y a une étape de base très importante lors de la création d’une application : l’affichage du flash dans une page web.

Au premier abord, cela a plutôt l’air compliqué. Lors de mes débuts dans la programmation flash, il y avait tellement d’options différentes que j’utilisais les valeurs par défaut avec Adobe Flash.

Heureusement, un groupe de développeurs talentueux a développé du javascript pour nous simplifier énormément l’intégration du flash dans une page web 😉

Voici ce que je vais vous apprendre :

Comment ajouter du contenu flash dans une page html.
Comment utiliser la puissance du script swfobject avec le flash.
Toutes les possibilités offertes par l’API swfobject.
Comment proposer à vos internautes la mise à jour automatique de leur player flash par un simple clique !
Comment rendre votre balise flash <object> conforme XHTML.
Une solution en ligne pour générer rapidement et facilement le code html nécessaire à l’affichage de votre application flash par un simple copier-coller 😉

Comment détecter la version du player flash de votre visiteur et lui proposer une mise à jour automatique afin qu’il puisse profiter de l’ensemble des fonctionnalités de votre application flash.

La technique pour utiliser automatiquement et sans mise à jour; une version toujours optimum de swfobject.
Comment afficher un contenu alternatif à vos internautes qui n’ont pas le player flash installé.

A la fin de ce cours ActionScript, l’utilisation de swfobject pour afficher du contenu flash n’aura plus de secret pour vous !

SWFOBJECT

Télécharger le code source du cours AS3

Vous trouverez un exemple de code source utilisant les 2 techniques pour afficher du flash dans une page web.

Télécharger “swfobject” ex-swfobject.zip – Téléchargé 1674 fois – 51,71 Ko

Téléchargez la dernière version de swfobject 2 avec les exemples d’utilisation.

Consultez l’API JavaScript pour connaître les possibilités de swfobject.

Récupérez votre code javascript directement avec le générateur en ligne swfobject.

Profitez automatiquement de la dernière version de swfobject avec le projet Google AJAX Libraries API.

Consultez la Documentation complète de SWFObject.

Et vous, utilisez-vous swfobject pour afficher votre contenu flash ?

Ou préférez-vous le fichier html généré automatiquement par Adobe Flash ?

Partagez vos motivations par rapport à votre solution utilisée.

Utiliser l’historique du navigateur dans Flash avec les boutons précédent / suivant

18 questions

Ecrit le 13 décembre par Matthieu
Publié dans le(s) sujet(s) Adobe Flash

Nous allons apprendre comment utiliser les boutons suivant / précédents de votre navigateur (Firefox, Internet Explorer…) dans vos applications Flash.

Le script SwfAddress gère l’utilisation des boutons suivant / précédent de votre navigateur (Firefox) avec votre application Flash.

Il permet également d’accéder directement à une page de votre application avec une url. C’est très pratique pour donner le lien direct d’une page (ou interface) de votre site flash.

Les fonctionnalités de SWFAddress

SWFAddress est librairie Open Source sous forme de plugin à SWFObject.

SWFAddress offre les possibilités suivantes :

Les boutons suivant, précédant et rafraichir du navigateur sont pris en compte par votre application flash.
Un meilleur référencement de votre site flash avec une prise en compte SEO des moteurs de recherche.
Vous avez un accès direct aux différentes interfaces de votre site flash, avec une url du type
Vous pouvez également modifier le titre de la page du navigateur directement à partir de votre application flash. Cela permet d’optimiser le référencement.

Utilisation de SWFAddress

Pour utiliser SWFAddress, votre contenu Flash doit être ajouter dans votre page web (html ou php) avec le script SWFObject. Pour cela, consultez le tutoriel : Afficher du Flash avec SWFObject.

Ensuite, téléchargez la dernière version du script SWFAddress depuis le site de l’Auteur (Download SWFAddress 2.4).

Détails des fonctions possibles

SWFAddress.getValue()

Cette méthode renvoie le paramètre situé dans la barre d’adresse du navigateur de votre internaute. Ce paramètre correspond au contenu placé après le symbole #

Avec votre code ActionScript, SWFAddress.getValue() renvoie la dernière valeur donnée par SWFAddress.setValue(param:String).

SWFAddress.setValue(param:String)

Cette méthode met à jour l’url de votre navigateur. Elle conserve également une reférence dans votre application Flash qui peut ètre récupérée avec SWFAddress.getValue().

SWFAddress.setTitle(param:String)

Cette méthode permet de mettre à jour le titre de la page actuelle du navigateur de votre internaute.

SWFAddress.getTitle() permet de récupérer le titre de la page actuelle, à tout moment dans votre application Flash.

SWFAddress.setStatus(param:String)

Cette méthode modifie le texte qui apparait dans la barre de statut du navigateur de votre internaute.

SWFAddress.resetStatus() efface le texte de la barre de statut du navigateur.

SWFAddress.addEventListener(SWFAddressEvent.CHANGE, handleSWFAddress)

En ActionScript 3, SWFAddress permet d’écouter les évènements diffusés à chaque changement page. C’est à dire, à chaque fois que votre application Flash change de page ou appelle SWFAddress.setValue(param:String), l’évènement SWFAddressEvent.CHANGE est diffusé.

Améliorer son référencement avec SWFAddress

En utilisant les fonctionnalités de SWFAddress, vous pouvez paramétrer l’adresse, le titre et l’historique du navigateur à chaque changement de page. Ainsi, votre application Flash affiche le nom de la page courante où se situe l’utilisateur.

De plus, il est possible d’accéder directement à une page du site Flash via son URL statique. En tapant par exemple , l’utilisateur est redirigé directement sur la page « interface1 » du site. Cette méthode est très pratique pour mettre une page du site Flash directement dans les Favoris.

En utilisant cette méthode pour créer un fichier sitemap.xml (lisez cet article sur le référencement d’un site Flash),vous pouvez ajouter toutes les urls menant aux différentes interfaces de votre site Flash.

Vous améliorez significativement le référencement de votre site Flash, puisque toutes les adresses (interfaces) sont disponibles dans l’index des moteurs de recherches et renverront directement sur la page concernée avec son nom affiché dans la barre d’adresse.

Exemple AS3 avec SWFAddress

Vous avez téléchargé le fichier zip SWFAddress contenant l’ensemble du code source, des exemples et de la documentation. Dans mon tutoriel, je reprends l’exemple SEO pour vous montrer les améliorations possibles du référencement de vos Applications Flash.

Création du fichier .htaccess

A l’aide de votre client FTP (FileZilla par exemple), modifiez le fichier .htaccess à la racine de votre site.

Renseignez les informations suivantes :

le répertoire de base contenant le fichier qui lance votre application flash. En règle général, c’est / ou /site.
le nom du fichier qui lance votre application Flash. Dans la majorité des cas, c’est le fichier index.php.

[codesyntax lang= »apache » title= »htaccess » bookmarkname= »htaccess »]

# Sets the base folder pour SWFAddress
RewriteBase  /ressources

RewriteCond  %{REQUEST_FILENAME}    !-f
RewriteCond  %{REQUEST_FILENAME}    !-d
RewriteRule  .*                     swfaddress_exemple.php

# Sets the base folder pour SWFAddress

RewriteBase /ressources

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule .* swfaddress_exemple.php

[/codesyntax]

Création du fichier datasource.php

Ce fichier contient la version HTML de votre site Flash. Si un internaute ne possède pas le plugin flash installé sur son navigateur web, une version HTML de votre site Flash est alors affichée.

Renseignez dans les case : tous les noms des pages de votre site Flash. Ce sont les mêmes noms utilisés dans votre code ActionScript 3.

[codesyntax lang= »php » title= »datasource.php » bookmarkname= »datasource.php »]

&lt;?php

    header('Content-Type: text/xml;charset=utf-8');
    $swfaddress = preg_replace('/^(.+)\/$/', '$1', $_GET['swfaddress']);
    $base = strtolower(substr($_SERVER['SERVER_PROTOCOL'], 0, strrpos($_SERVER['SERVER_PROTOCOL'], '/'))) . '://' . $_SERVER['SERVER_NAME'] . substr($_SERVER['PHP_SELF'], 0, strrpos($_SERVER['PHP_SELF'], '/'));

    switch($swfaddress) {
        case '/':
            echo('&lt;p&gt;Quisque libero mauris, ornare in, faucibus ut, facilisis nec, quam. Mauris quis felis ac nisl laoreet adipiscing. Nunc libero.&lt;/p&gt;');
            break;
        case '/a-propos':
            echo('&lt;p&gt;Suspendisse vitae nibh.&lt;/p&gt;');
            break;
        case '/demo':
            echo('&lt;p&gt;Fusce at ipsum vel diam ullamcorper convallis. Morbi aliquet cursus lacus. Nunc nisi ligula, accumsan sit amet, condimentum nec, ullamcorper a, lectus. Vestibulum ut lectus.&lt;/p&gt;');
            break;
        case '/demo/1':
            echo('&lt;p&gt;&lt;img src="' . $base . '/images/1.png" alt="Portfolio 1" width="400" height="300" /&gt;&lt;br /&gt;');
            echo((isset($_GET['desc']) &amp;&amp; $_GET['desc'] == 'true') ? 'Atlantic Hit Mix Calendar&lt;br /&gt;' : '');
            echo((isset($_GET['year']) &amp;&amp; $_GET['year'] != '') ? $_GET['year'] . '&lt;br /&gt;' : '');
            echo('&lt;br /&gt;&lt;a href="http://www.sergeevstudio.com"&gt;Photos by Lyubomir Sergeev&lt;/a&gt;&lt;/p&gt;');
            break;
        case '/demo/2':
            echo('&lt;p&gt;&lt;img src="' . $base . '/images/2.png" alt="Portfolio 2" width="400" height="300" /&gt;&lt;br /&gt;');
            echo((isset($_GET['desc']) &amp;&amp; $_GET['desc'] == 'true') ? 'Atlantic Hit Mix Calendar&lt;br /&gt;' : '');
            echo((isset($_GET['year']) &amp;&amp; $_GET['year'] != '') ? $_GET['year'] . '&lt;br /&gt;' : '');
            echo('&lt;br /&gt;&lt;a href="http://www.sergeevstudio.com"&gt;Photos by Lyubomir Sergeev&lt;/a&gt;&lt;/p&gt;');
            break;
        case '/demo/3':
            echo('&lt;p&gt;&lt;img src="' . $base . '/images/3.png" alt="Portfolio 3" width="400" height="300" /&gt;&lt;br /&gt;');
            echo((isset($_GET['desc']) &amp;&amp; $_GET['desc'] == 'true') ? 'Atlantic Hit Mix Calendar&lt;br /&gt;' : '');
            echo((isset($_GET['year']) &amp;&amp; $_GET['year'] != '') ? $_GET['year'] . '&lt;br /&gt;' : '');
            echo('&lt;br /&gt;&lt;a href="http://www.sergeevstudio.com"&gt;Photos by Lyubomir Sergeev&lt;/a&gt;&lt;/p&gt;');
            break;
        case '/editeur-AS3-FDT':
            echo('&lt;p&gt;Nulla nec nunc id urna mollis molestie. Suspendisse potenti. Aliquam vitae dui. In semper ante eu massa. Praesent quis nunc. Vestibulum tristique tortor.&lt;/p&gt;');
            break;
        default:
            echo('&lt;p&gt;&lt;!-- Status(404 Not Found) --&gt;Page not found.&lt;/p&gt;');
            break;
    }
?&gt;

<?php

header('Content-Type: text/xml;charset=utf-8');

$swfaddress = preg_replace('/^(.+)\/$/', '$1', $_GET['swfaddress']);

$base = strtolower(substr($_SERVER['SERVER_PROTOCOL'], 0, strrpos($_SERVER['SERVER_PROTOCOL'], '/'))) . '://' . $_SERVER['SERVER_NAME'] . substr($_SERVER['PHP_SELF'], 0, strrpos($_SERVER['PHP_SELF'], '/'));

switch($swfaddress) {

case '/':

echo('<p>Quisque libero mauris, ornare in, faucibus ut, facilisis nec, quam. Mauris quis felis ac nisl laoreet adipiscing. Nunc libero.</p>');

break;

case '/a-propos':

echo('<p>Suspendisse vitae nibh.</p>');

break;

case '/demo':

echo('<p>Fusce at ipsum vel diam ullamcorper convallis. Morbi aliquet cursus lacus. Nunc nisi ligula, accumsan sit amet, condimentum nec, ullamcorper a, lectus. Vestibulum ut lectus.</p>');

break;

case '/demo/1':

echo('<p><img src="' . $base . '/images/1.png" alt="Portfolio 1" width="400" height="300" /><br />');

echo((isset($_GET['desc']) && $_GET['desc'] == 'true') ? 'Atlantic Hit Mix Calendar<br />' : '');

echo((isset($_GET['year']) && $_GET['year'] != '') ? $_GET['year'] . '<br />' : '');

echo('<br /><a href="http://www.sergeevstudio.com">Photos by Lyubomir Sergeev</a></p>');

break;

case '/demo/2':

echo('<p><img src="' . $base . '/images/2.png" alt="Portfolio 2" width="400" height="300" /><br />');

echo((isset($_GET['desc']) && $_GET['desc'] == 'true') ? 'Atlantic Hit Mix Calendar<br />' : '');

echo((isset($_GET['year']) && $_GET['year'] != '') ? $_GET['year'] . '<br />' : '');

echo('<br /><a href="http://www.sergeevstudio.com">Photos by Lyubomir Sergeev</a></p>');

break;

case '/demo/3':

echo('<p><img src="' . $base . '/images/3.png" alt="Portfolio 3" width="400" height="300" /><br />');

echo((isset($_GET['desc']) && $_GET['desc'] == 'true') ? 'Atlantic Hit Mix Calendar<br />' : '');

echo((isset($_GET['year']) && $_GET['year'] != '') ? $_GET['year'] . '<br />' : '');

echo('<br /><a href="http://www.sergeevstudio.com">Photos by Lyubomir Sergeev</a></p>');

break;

case '/editeur-AS3-FDT':

echo('<p>Nulla nec nunc id urna mollis molestie. Suspendisse potenti. Aliquam vitae dui. In semper ante eu massa. Praesent quis nunc. Vestibulum tristique tortor.</p>');

break;

default:

echo('<p>Page not found.</p>');

break;

}

[/codesyntax]

Création du fichier index.php

Dans mon exemple, j’ai appelé ce fichier swfaddress_exemple.php.

Il vous suffit de copier-coller l’ensemble du code php ci-dessous dans votre fichier.

[codesyntax lang= »php » title= »index.php » bookmarkname= »index.php »]

&lt;?php

    // SWFAddress code fully compatible with Apache HTTPD

    $swfaddress_value = '/';
    $swfaddress_path = '/';
    $swfaddress_parameters = array();
    $swfaddress_content = '';

    function is_msie() {
        return strstr(strtoupper($_SERVER['HTTP_USER_AGENT']), 'MSIE');
    }

    function swfaddress() {

        global $swfaddress_value, $swfaddress_path, $swfaddress_parameters, $swfaddress_content;

        $base = swfaddress_base();

        session_start();

        if ('application/x-swfaddress' == (isset($_SERVER['CONTENT_TYPE']) ? $_SERVER['CONTENT_TYPE'] :
            (isset($_SERVER['HTTP_CONTENT_TYPE']) ? $_SERVER['HTTP_CONTENT_TYPE'] : ''))) {
            $swfaddress_value = preg_replace('/&amp;hash=(.*)$/', '#$1', $_SERVER['QUERY_STRING']);
            $_SESSION['swfaddress'] = $swfaddress_value;
            echo('location.replace("' . $base . '/#' . $swfaddress_value . '")');
            exit();
        }

        if (isset($_SESSION['swfaddress'])) {
            $swfaddress_value = $_SESSION['swfaddress'];
            unset($_SESSION['swfaddress']);
        } else {
            $page = substr($_SERVER['PHP_SELF'], strrpos($_SERVER['PHP_SELF'], '/') + 1);
            $swfaddress_value = str_replace($base, '', (strpos($page, '.php') &amp;&amp; $page != 'index.php') ? $_SERVER['REQUEST_URI'] : str_replace($page, '', $_SERVER['REQUEST_URI']));
        }

        $query_string = (strpos($swfaddress_value, '?')) ? substr($swfaddress_value, strpos($swfaddress_value, '?') + 1, strlen($swfaddress_value)) : '';

        if ($query_string != '') {
            $swfaddress_path = substr($swfaddress_value, 0, strpos($swfaddress_value, '?'));
            $params = explode('&amp;', str_replace($swfaddress_path . '?', '', $swfaddress_value));
            for ($i = 0; $i &lt; count($params); $i++) {
                $pair = explode('=', $params[$i]);
                $swfaddress_parameters[$pair[0]] = $pair[1];
            }
        } else {
            $swfaddress_path = $swfaddress_value;
        }

        $url = strtolower(array_shift(explode('/', $_SERVER['SERVER_PROTOCOL']))) . '://';
        $url .= $_SERVER['SERVER_NAME'];
        $url .= swfaddress_base() . '/datasource.php?swfaddress=' . $swfaddress_path;
        $url .= (strpos($swfaddress_value, '?')) ? '&amp;' . substr($swfaddress_value, strpos($swfaddress_value, '?') + 1, strlen($swfaddress_value)) : '';

        $fh = fopen($url, 'r');
        while (!feof($fh)) {
            $swfaddress_content .= fgets($fh, 4096);
        }
        fclose($fh);

        if (strstr($swfaddress_content, 'Status(')) {
            $begin = strpos($swfaddress_content, 'Status(', 0);
            $end = strpos($swfaddress_content, ')', $begin);
            $status = substr($swfaddress_content, $begin + 7, $end - $begin - 7);
            if (php_sapi_name() == 'cgi') {
                header('Status: ' . $status);
            } else {
                header('HTTP/1.1 ' . $status);
            }
        }

        if (is_msie()) {

            $if_modified_since = isset($_SERVER['HTTP_IF_MODIFIED_SINCE']) ?
                preg_replace('/;.*$/', '', $_SERVER['HTTP_IF_MODIFIED_SINCE']) : '';

            $file_last_modified = filemtime($_SERVER['SCRIPT_FILENAME']);
            $gmdate_modified = gmdate('D, d M Y H:i:s', $file_last_modified) . ' GMT';

            if ($if_modified_since == $gmdate_modified) {
                if (php_sapi_name() == 'cgi') {
                    header('Status: 304 Not Modified');
                } else {
                    header('HTTP/1.1 304 Not Modified');
                }
                exit();
            }

            header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT');
            header('Last-Modified: ' . $gmdate_modified);
            header('Cache-control: max-age=' . 86400);
        }
     }

    function swfaddress_base() {
        return substr($_SERVER['PHP_SELF'], 0, strrpos($_SERVER['PHP_SELF'], '/'));
    }

    function swfaddress_title($title) {
        if (!is_msie()) {
            $names = swfaddress_path_names();
            for ($i = 0; $i &lt; count($names); $i++) {
                $title .= ' / ' . strtoupper(substr($names[$i], 0, 1)) . substr($names[$i], 1);
            }
        }
        echo($title);
    }

    function swfaddress_resource($resource) {
        echo(swfaddress_base() . $resource);
    }

    function swfaddress_link($link) {
        echo(swfaddress_base() . $link);
    }

    function swfaddress_content() {
        global $swfaddress_content;
        echo($swfaddress_content);
    }

    function swfaddress_path() {
        global $swfaddress_path;
        return $swfaddress_path;
    }

    function swfaddress_path_names() {
        global $swfaddress_path;
        $names = explode('/', $swfaddress_path);
        if (substr($swfaddress_path, 0, 1) == '/')
            array_splice($names, 0, 1);
        if (substr($swfaddress_path, count($swfaddress_path) - 1, 1) == '/')
            array_splice($names, count($names) - 1, 1);
        return $names;
    }

    function swfaddress_optimizer($resource) {
        global $swfaddress_value;
        $base = swfaddress_base();
        echo($base . $resource . (strstr($resource, '?') ? '&amp;amp;' : '?') . 'swfaddress=' . urlencode($swfaddress_value) . '&amp;amp;base=' . urlencode($base));
    }

    swfaddress();

?&gt;

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

<?php

// SWFAddress code fully compatible with Apache HTTPD

$swfaddress_value = '/';

$swfaddress_path = '/';

$swfaddress_parameters = array();

$swfaddress_content = '';

function is_msie() {

return strstr(strtoupper($_SERVER['HTTP_USER_AGENT']), 'MSIE');

}

function swfaddress() {

global $swfaddress_value, $swfaddress_path, $swfaddress_parameters, $swfaddress_content;

$base = swfaddress_base();

session_start();

if ('application/x-swfaddress' == (isset($_SERVER['CONTENT_TYPE']) ? $_SERVER['CONTENT_TYPE'] :

(isset($_SERVER['HTTP_CONTENT_TYPE']) ? $_SERVER['HTTP_CONTENT_TYPE'] : ''))) {

$swfaddress_value = preg_replace('/&hash=(.*)$/', '#$1', $_SERVER['QUERY_STRING']);

$_SESSION['swfaddress'] = $swfaddress_value;

echo('location.replace("' . $base . '/#' . $swfaddress_value . '")');

exit();

}

if (isset($_SESSION['swfaddress'])) {

$swfaddress_value = $_SESSION['swfaddress'];

unset($_SESSION['swfaddress']);

} else {

$page = substr($_SERVER['PHP_SELF'], strrpos($_SERVER['PHP_SELF'], '/') + 1);

$swfaddress_value = str_replace($base, '', (strpos($page, '.php') && $page != 'index.php') ? $_SERVER['REQUEST_URI'] : str_replace($page, '', $_SERVER['REQUEST_URI']));

}

$query_string = (strpos($swfaddress_value, '?')) ? substr($swfaddress_value, strpos($swfaddress_value, '?') + 1, strlen($swfaddress_value)) : '';

if ($query_string != '') {

$swfaddress_path = substr($swfaddress_value, 0, strpos($swfaddress_value, '?'));

$params = explode('&', str_replace($swfaddress_path . '?', '', $swfaddress_value));

for ($i = 0; $i < count($params); $i++) {

$pair = explode('=', $params[$i]);

$swfaddress_parameters[$pair[0]] = $pair[1];

}

} else {

$swfaddress_path = $swfaddress_value;

}

$url = strtolower(array_shift(explode('/', $_SERVER['SERVER_PROTOCOL']))) . '://';

$url .= $_SERVER['SERVER_NAME'];

$url .= swfaddress_base() . '/datasource.php?swfaddress=' . $swfaddress_path;

$url .= (strpos($swfaddress_value, '?')) ? '&' . substr($swfaddress_value, strpos($swfaddress_value, '?') + 1, strlen($swfaddress_value)) : '';

$fh = fopen($url, 'r');

while (!feof($fh)) {

$swfaddress_content .= fgets($fh, 4096);

}

fclose($fh);

if (strstr($swfaddress_content, 'Status(')) {

$begin = strpos($swfaddress_content, 'Status(', 0);

$end = strpos($swfaddress_content, ')', $begin);

$status = substr($swfaddress_content, $begin + 7, $end - $begin - 7);

if (php_sapi_name() == 'cgi') {

header('Status: ' . $status);

} else {

header('HTTP/1.1 ' . $status);

}

if (is_msie()) {

$if_modified_since = isset($_SERVER['HTTP_IF_MODIFIED_SINCE']) ?

preg_replace('/;.*$/', '', $_SERVER['HTTP_IF_MODIFIED_SINCE']) : '';

$file_last_modified = filemtime($_SERVER['SCRIPT_FILENAME']);

$gmdate_modified = gmdate('D, d M Y H:i:s', $file_last_modified) . ' GMT';

if ($if_modified_since == $gmdate_modified) {

if (php_sapi_name() == 'cgi') {

header('Status: 304 Not Modified');

} else {

header('HTTP/1.1 304 Not Modified');

}

exit();

}

header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT');

header('Last-Modified: ' . $gmdate_modified);

header('Cache-control: max-age=' . 86400);

}

function swfaddress_base() {

return substr($_SERVER['PHP_SELF'], 0, strrpos($_SERVER['PHP_SELF'], '/'));

}

function swfaddress_title($title) {

if (!is_msie()) {

$names = swfaddress_path_names();

for ($i = 0; $i < count($names); $i++) {

$title .= ' / ' . strtoupper(substr($names[$i], 0, 1)) . substr($names[$i], 1);

}

echo($title);

}

function swfaddress_resource($resource) {

echo(swfaddress_base() . $resource);

}

function swfaddress_link($link) {

echo(swfaddress_base() . $link);

}

function swfaddress_content() {

global $swfaddress_content;

echo($swfaddress_content);

}

function swfaddress_path() {

global $swfaddress_path;

return $swfaddress_path;

}

function swfaddress_path_names() {

global $swfaddress_path;

$names = explode('/', $swfaddress_path);

if (substr($swfaddress_path, 0, 1) == '/')

array_splice($names, 0, 1);

if (substr($swfaddress_path, count($swfaddress_path) - 1, 1) == '/')

array_splice($names, count($names) - 1, 1);

return $names;

}

function swfaddress_optimizer($resource) {

global $swfaddress_value;

$base = swfaddress_base();

echo($base . $resource . (strstr($resource, '?') ? '&amp;' : '?') . 'swfaddress=' . urlencode($swfaddress_value) . '&amp;base=' . urlencode($base));

}

swfaddress();

[/codesyntax]

A la suite de code, vous appelez les 3 fichiers javascript, avec une fonction php, pour configurer le fonctionnement de votre application flash.

Pensez à modifier les chemins d’accès javascript en fonction de leur emplacement sur votre serveur web (/js/ dans mon exemple).

[codesyntax lang= »php » title= »swfaddress » bookmarkname= »swfaddress »]

&lt;script type="text/javascript" src="&lt;?php swfaddress_optimizer('/js/swfaddress-optimizer.js?flash=8'); ?&gt;"&gt;&lt;/script&gt;

&lt;title&gt;&lt;?php swfaddress_title('AS3 facile'); ?&gt;&lt;/title&gt;

&lt;script type="text/javascript" src="&lt;?php swfaddress_resource('/js/swfobject.js'); ?&gt;"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="&lt;?php swfaddress_resource('/js/swfaddress.js'); ?&gt;"&gt;&lt;/script&gt;

[/codesyntax]

Ensuite, il vous reste à afficher votre application flash avec SWFObject.

[codesyntax lang= »php » title= »SWFObject » bookmarkname= »SWFObject »]

	&lt;script type="text/javascript"&gt;
		var flashvars = {
		};
		var params = {
			menu: "false",
			scale: "noScale",
			allowFullscreen: "true",
			allowScriptAccess: "always",
			bgcolor: "#F8F8FF"
		};
		var attributes = {
			id:"AS3facileSWFAddress"
		};
		swfobject.embedSWF("swfaddress_exemple.swf", "altContent", "550", "400", "10.0.0", "expressInstall.swf", flashvars, params, attributes);
	&lt;/script&gt;

var flashvars = {

};

var params = {

menu: "false",

scale: "noScale",

allowFullscreen: "true",

allowScriptAccess: "always",

bgcolor: "#F8F8FF"

};

var attributes = {

id:"AS3facileSWFAddress"

};

swfobject.embedSWF("swfaddress_exemple.swf", "altContent", "550", "400", "10.0.0", "expressInstall.swf", flashvars, params, attributes);

</script>

[/codesyntax]

Création du code source AS3

Une fois l’initialisation de votre application effectuée, vous ajoutez un écouteur sur les évènements diffusés par SWFAddress.

Cela permet à votre application Flash de se mettre à jour automatiquement en fonction des évènements reçus par SWFAddress (en javascript ou flash).

Dans notre exemple, la fonction handleSWFAddress sera appelée à chaque évènement reçu.

[codesyntax lang= »actionscript3″ title= »SWFAddress.as » bookmarkname= »SWFAddress.as »]

SWFAddress.addEventListener(SWFAddressEvent.CHANGE, handleSWFAddress);

1	SWFAddress.addEventListener(SWFAddressEvent.CHANGE, handleSWFAddress);

[/codesyntax]

C’est la fonction handleSWFAddrress qui, en fonction du paramètre reçu dans e.value, affiche l’interface choisi par votre internaute.

[codesyntax lang= »actionscript3″ title= »SWFAddress.as » bookmarkname= »SWFAddress.as »]

		/**
		 * Fonction servant à écouter le changement de page avec SWFAddress.
		 * On appelle la fonction permettant de créer l'interface appelée par l'utilisateur
		 *
		 * @param	e	Evenement de type SWFAddressEvent
		 */
		function handleSWFAddress(e:SWFAddressEvent) : void
		{
			Logger.debug("Appel de handleSWFAddress : "+e.value);

			clearAllScreen();

			try
			{
				if (e.value == '/' || e.value == A_PROPOS)
				{
					buildAProposScreen();
				}
				else if (e.value == DEMO)
				{
					buildDemoScreen();
				}
				else if (e.value == DEMO_1)
				{
					buildDemo1Screen();
				}
				else if (e.value == DEMO_2)
				{
					buildDemo2Screen();
				}
				else if (e.value == DEMO_3)
				{
					buildDemo3Screen();
				}
				else if (e.value == EDITEUR)
				{
					buildEditeurScreen();
				}
			}
			catch(err:Object)
			{
				//gotoAndStop('$/error/');
			}

			var title:String = 'ActionScript-Facile.com';
			for (var i:Number = 0; i &lt; e.pathNames.length; i++)
			{
				title += ' / ' + e.pathNames[i].substr(0,1).toUpperCase() + e.pathNames[i].substr(1);
			}
			SWFAddress.setTitle(title);
			SWFAddress.setStatus(title);
			Logger.debug("title de SWFAddress : "+title);
		}

/**

* Fonction servant à écouter le changement de page avec SWFAddress.

* On appelle la fonction permettant de créer l'interface appelée par l'utilisateur

* @param e Evenement de type SWFAddressEvent

function handleSWFAddress(e:SWFAddressEvent) : void

{

Logger.debug("Appel de handleSWFAddress : "+e.value);

clearAllScreen();

try

{

if (e.value == '/' || e.value == A_PROPOS)

{

buildAProposScreen();

}

else if (e.value == DEMO)

{

buildDemoScreen();

}

else if (e.value == DEMO_1)

{

buildDemo1Screen();

}

else if (e.value == DEMO_2)

{

buildDemo2Screen();

}

else if (e.value == DEMO_3)

{

buildDemo3Screen();

}

else if (e.value == EDITEUR)

{

buildEditeurScreen();

}

catch(err:Object)

{

//gotoAndStop('$/error/');

}

var title:String = 'ActionScript-Facile.com';

for (var i:Number = 0; i < e.pathNames.length; i++)

{

title += ' / ' + e.pathNames[i].substr(0,1).toUpperCase() + e.pathNames[i].substr(1);

}

SWFAddress.setTitle(title);

SWFAddress.setStatus(title);

Logger.debug("title de SWFAddress : "+title);

}

[/codesyntax]

Récupération des paramètres de l’url

Avec SWFAddress, il est possible de récupérer les variables transmises dans l’url du navigateur. Cela est très pratique pour transmettre des valeurs à votre application Flash.

J’ai ajouté un exemple de code AS3 dans la fonction handleSWFAddress qui écoute tous les évènements.

[codesyntax lang= »actionscript3″ title= »paramètres de l’url » bookmarkname= »paramètres de l’url »]

// pour récupérer les paramètres transmis dans l'url du navigateur
			var parameters:String = '';
			var name:String;
			var valueParam:String;
			for (var p in SWFAddress.getParameterNames()) // parcours le tableau de tous les paramètres
			{
				name = SWFAddress.getParameterNames()[p];// le nom du paramètre
				valueParam = SWFAddress.getParameter(SWFAddress.getParameterNames()[p]) as String; // la valeur du paramètre
				parameters += '&amp;' + name + '=' + valueParam;
				Logger.debug("parameters "+name+" de SWFAddress : "+valueParam );
			}
			Logger.debug("parameters de SWFAddress : "+parameters);

// pour récupérer les paramètres transmis dans l'url du navigateur

var parameters:String = '';

var name:String;

var valueParam:String;

for (var p in SWFAddress.getParameterNames()) // parcours le tableau de tous les paramètres

{

name = SWFAddress.getParameterNames()[p];// le nom du paramètre

valueParam = SWFAddress.getParameter(SWFAddress.getParameterNames()[p]) as String; // la valeur du paramètre

parameters += '&' + name + '=' + valueParam;

Logger.debug("parameters "+name+" de SWFAddress : "+valueParam );

}

Logger.debug("parameters de SWFAddress : "+parameters);

[/codesyntax]

Téléchargement code source AS3 de SWFAddress

Vous trouverez ci-dessous un exemple complet avec SWFAddress et le Framework de Composants AS3 Facile.

Télécharger “SWFAddress Exemple” swfaddress_framework_actionscript-facile.zip – Téléchargé 878 fois – 93,74 Ko

Testez l’Application Flash de notre tutoriel.

Naviguez et regardez la barre d’adresse, de statut et le titre de la page.

Essayer les boutons précédent / suivant de votre navigateur.

Cliquez sur une des url ci-dessous pour afficher directement une interface précise :

Interface Démonstration 3

Interface Éditeur AS3

Code source AS3 commenté de notre exemple avec SWFAddress

SWFAddressExample.as

[codesyntax lang= »actionscript3″ title= »SWFAddressExample.as » bookmarkname= »SWFAddressExample.as »]

package
{
	import com.asual.swfaddress.SWFAddress;
	import com.asual.swfaddress.SWFAddressEvent;

	import com.as3facileexemple.skin.classic.DefaultButtonSkin2;
	import com.as3facileexemple.skin.classic.DefaultButtonSkin;

	import org.osflash.thunderbolt.Logger;

	import flash.events.MouseEvent;
	import flash.display.Sprite;

	import com.actionscriptfacile.ui.button.Button;
	import com.actionscriptfacile.ui.text.UITextField;

	/**
	 * Exemple d'utilisation des fonctionnalités de SWFAddress avec des Composants du Framework AS3 ActionScript-Facile.
	 *
	 * @author Matthieu
	 */
	public class SWFAddressExample extends Sprite
	{
		private var oTextApropos:UITextField;
		private var oTextDemo : UITextField;

		/** listes des url vers les différentes pages **/
		static private const A_PROPOS:String = "/a-propos/";
		static private const DEMO:String = "/demo/";
		static private const DEMO_1:String = "/demo/1/?desc=yes&amp;label=Button1";
		static private const DEMO_2:String = "/demo/2/?desc=no&amp;label=Button2";
		static private const DEMO_3:String = "/demo/3/?desc=order&amp;label=Button3";
		static private const EDITEUR : String = "/editeur-AS3-FDT/";

		private var buttonDemo1 : Button;
		private var buttonDemo2 : Button;
		private var buttonDemo3 : Button;

		public function SWFAddressExample()
		{
			// construction du menu
			var buttonAbout:Button = new Button();

			buttonAbout.label = 'A Propos';
			buttonAbout.applySkin( new DefaultButtonSkin2() );

			// on écoute les changements qui interviennent sur le bouton
			buttonAbout.addEventListener(MouseEvent.CLICK, showApropos );
			buttonAbout.resize( 120, 30 );
			buttonAbout.x = 10;
			buttonAbout.y = 10;

			addChild( buttonAbout );
			// acccès au composant de type UITextField (labelField)
			buttonAbout.labelField.alignCenter(); // centre le texte
			buttonAbout.labelField.changeFormat("color", 0x000000);// changement de la couleur du texte
			buttonAbout.labelField.changeFormat("size", 14);// changement de la taille de la police du texte
			buttonAbout.labelField.changeFormat("font", "Arial");// changement de la police du texte

			var buttonDemo:Button = new Button();

			buttonDemo.label = 'Exemples';
			buttonDemo.applySkin( new DefaultButtonSkin2() );

			// on écoute les changements qui interviennent sur le bouton
			buttonDemo.addEventListener(MouseEvent.CLICK, showDemo );
			buttonDemo.resize( 120, 30 );
			buttonDemo.x = buttonAbout.x + buttonAbout.width + 10;
			buttonDemo.y = 10;

			addChild( buttonDemo );
			// acccès au composant de type UITextField (labelField)
			buttonDemo.labelField.alignCenter(); // centre le texte
			buttonDemo.labelField.changeFormat("color", 0x000000);// changement de la couleur du texte
			buttonDemo.labelField.changeFormat("size", 14);// changement de la taille de la police du texte
			buttonDemo.labelField.changeFormat("font", "Arial");// changement de la police du texte

			var buttonEditeur:Button = new Button();

			buttonEditeur.label = 'Éditeur AS3';
			buttonEditeur.applySkin( new DefaultButtonSkin2() );

			// on écoute les changements qui interviennent sur le bouton
			buttonEditeur.addEventListener(MouseEvent.CLICK, showEditeur );
			buttonEditeur.resize( 120, 30 );
			buttonEditeur.x = buttonDemo.x + buttonDemo.width + 10;
			buttonEditeur.y = 10;

			addChild( buttonEditeur );
			// acccès au composant de type UITextField (labelField)
			buttonEditeur.labelField.alignCenter(); // centre le texte
			buttonEditeur.labelField.changeFormat("color", 0x000000);// changement de la couleur du texte
			buttonEditeur.labelField.changeFormat("size", 14);// changement de la taille de la police du texte
			buttonEditeur.labelField.changeFormat("font", "Arial");// changement de la police du texte
			/*
			 *  ATTENTION : dans une application flash robuste et optimisée, nous n'utiliserons pas cette méthode.
			 *  Plutôt le Design Pattern Modèle Vue Controller avec PureMVC par exemple.
			 *
			 *  Les pages ou interfaces seraient (en fonction de la taille de l'application flash) :
			 *  	soient chargées en mémoire mais non affichées dans la display list.
			 *  	soient créées à chaque appel.
			 *
			 *  Nous verrons cela dans un prochain article.
			 */
			// lance la construction de toutes les pages
			buildAllScreen();

			// initialisation de SWFAddress
			SWFAddress.addEventListener(SWFAddressEvent.CHANGE, handleSWFAddress);
		}

		/**
		 * Construit toutes les interfaces, sans les afficher dans la display list
		 */
		private function buildAllScreen() : void
		{
			// Page A Propos
			oTextApropos = new UITextField();

			oTextApropos.x = 5;
			oTextApropos.y = 70;
			oTextApropos.width = oTextApropos.maxWidth = 500;
			oTextApropos.height  = oTextApropos.maxHeight = 350;

			oTextApropos.selectable = false;
			oTextApropos.multiline = true; // pour la balises html &lt;br /&gt;
			oTextApropos.changeFormat("font", "Arial");// changement de la taille de la police du texte
			oTextApropos.changeFormat("color", Math.random() * 0X00FFFFFF);// changement de la couleur
			oTextApropos.wordWrap = true;// retour à la ligne automatique
			addChild(oTextApropos);

			// Page Demo
			oTextDemo = new UITextField();

			oTextDemo.x = 5;
			oTextDemo.y = 70;
			oTextDemo.width = oTextApropos.maxWidth = 500;
			oTextDemo.height  = oTextApropos.maxHeight = 350;

			oTextDemo.selectable = false;
			oTextDemo.multiline = true; // pour la balises html &lt;br /&gt;
			oTextDemo.changeFormat("font", "Arial");// changement de la taille de la police du texte
			oTextDemo.changeFormat("color", Math.random() * 0X00FFFFFF);// changement de la couleur
			oTextDemo.wordWrap = true;// retour à la ligne automatique
			addChild( oTextDemo );

			// Création des bouttons Demo 1, Demo 2 et Demo 3
			// boutton demo1
			buttonDemo1 = new Button();
			buttonDemo1.label = '1';
			buttonDemo1.applySkin( new DefaultButtonSkin() );
			// on écoute les changements qui interviennent sur le bouton
			buttonDemo1.addEventListener(MouseEvent.CLICK, showDemo1 );
			buttonDemo1.resize( 25, 25 );
			buttonDemo1.x = 155;
			buttonDemo1.y = 40;
			addChild( buttonDemo1 );
			// acccès au composant de type UITextField (labelField)
			buttonDemo1.labelField.alignCenter(); // centre le texte
			buttonDemo1.labelField.changeFormat("color", 0x000000);// changement de la couleur du texte
			buttonDemo1.labelField.changeFormat("size", 14);// changement de la taille de la police du texte
			buttonDemo1.labelField.changeFormat("font", "Arial");// changement de la police du texte
			buttonDemo1.visible = false;

			// boutton demo2
			buttonDemo2 = new Button();
			buttonDemo2.label = '2';
			buttonDemo2.applySkin( new DefaultButtonSkin() );
			// on écoute les changements qui interviennent sur le bouton
			buttonDemo2.addEventListener(MouseEvent.CLICK, showDemo2 );
			buttonDemo2.resize( 25, 25 );
			buttonDemo2.x = buttonDemo1.x + buttonDemo1.width + 5;
			buttonDemo2.y = 40;
			addChild( buttonDemo2 );
			// acccès au composant de type UITextField (labelField)
			buttonDemo2.labelField.alignCenter(); // centre le texte
			buttonDemo2.labelField.changeFormat("color", 0x000000);// changement de la couleur du texte
			buttonDemo2.labelField.changeFormat("size", 14);// changement de la taille de la police du texte
			buttonDemo2.labelField.changeFormat("font", "Arial");// changement de la police du texte
			buttonDemo2.visible = false;

			// boutton demo3
			buttonDemo3 = new Button();
			buttonDemo3.label = '3';
			buttonDemo3.applySkin( new DefaultButtonSkin() );
			// on écoute les changements qui interviennent sur le bouton
			buttonDemo3.addEventListener(MouseEvent.CLICK, showDemo3 );
			buttonDemo3.resize( 25, 25 );
			buttonDemo3.x = buttonDemo2.x + buttonDemo2.width + 5;
			buttonDemo3.y = 40;
			addChild( buttonDemo3 );
			// acccès au composant de type UITextField (labelField)
			buttonDemo3.labelField.alignCenter(); // centre le texte
			buttonDemo3.labelField.changeFormat("color", 0x000000);// changement de la couleur du texte
			buttonDemo3.labelField.changeFormat("size", 14);// changement de la taille de la police du texte
			buttonDemo3.labelField.changeFormat("font", "Arial");// changement de la police du texte
			buttonDemo3.visible = false;
		}

		/**
		 * Fonction servant à écouter le changement de page avec SWFAddress.
		 * On appelle la fonction permettant de créer l'interface appelée par l'utilisateur
		 *
		 * @param	e	Evenement de type SWFAddressEvent
		 */
		private function handleSWFAddress(e:SWFAddressEvent) : void
		{
			Logger.debug("Appel de handleSWFAddress : "+e.value);

			clearAllScreen();

			// en fonction de la valeur reçu dans l'évènement, nous affichons l'interface demandée par l'utilisateur
			try
			{
				if (e.value == '/' || e.value == A_PROPOS)
				{
					buildAProposScreen();
				}
				else if (e.value == DEMO)
				{
					buildDemoScreen();
				}
				else if (e.value == DEMO_1)
				{
					buildDemo1Screen();
				}
				else if (e.value == DEMO_2)
				{
					buildDemo2Screen();
				}
				else if (e.value == DEMO_3)
				{
					buildDemo3Screen();
				}
				else if (e.value == EDITEUR)
				{
					buildEditeurScreen();
				}
			}
			catch(err:Object)
			{
				// il est possible d'afficher un message d'erreur à l'internaute
				//gotoAndStop('$/error/');
			}

			// configure le titre de la page dans votre navigateur
			var title:String = 'ActionScript-Facile.com';
			for (var i:Number = 0; i &lt; e.pathNames.length; i++)
			{
				title += ' / ' + e.pathNames[i].substr(0,1).toUpperCase() + e.pathNames[i].substr(1);
			}
			SWFAddress.setTitle(title);
			SWFAddress.setStatus(title);
			Logger.debug("title de SWFAddress : "+title);

			/*
			 * Permet de récupérer l'url de l'interface appelée
			 */
			var path:String = e.path;
			if (path.substr(path.length - 1) != '/')
			{
				path = path + '/';
			}
			Logger.debug("path de SWFAddress : "+path);

			// pour récupérer les paramètres transmis dans l'url du navigateur
			var parameters:String = '';
			var name:String;
			var valueParam:String;
			for (var p:String in SWFAddress.getParameterNames()) // parcours le tableau de tous les paramètres
			{
				name = SWFAddress.getParameterNames()[p];// le nom du paramètre
				valueParam = SWFAddress.getParameter(SWFAddress.getParameterNames()[p]) as String; // la valeur du paramètre
				parameters += '&amp;' + name + '=' + valueParam;
				Logger.debug("parameters "+name+" de SWFAddress : "+valueParam );
			}
			Logger.debug("parameters de SWFAddress : "+parameters);
			// SWFAddress.popup('http://www.sergeevstudio.com','lyubomirsergeev', '"toolbar=0,location=0,status=0,menubar=0,scrollbars=0,resizable=1,width=960,height=620,left=" + (screen.width - 960)/2 + ",top=" + (screen.height - 620)/2', 'popup.focus();');
		}

		private function buildEditeurScreen() : void
		{
			oTextApropos.htmlText = "&lt;font color='#ff0000' face='arial, time' size='22'&gt;&lt;b&gt;Comment utiliser le plus " +
			"abouti des Éditeurs ActionScript en moins de minutes ?&lt;/b&gt;&lt;/font&gt;&lt;br /&gt;&lt;br /&gt;" +
			"Avec un Éditeur ActionScript performant, il est possible de se simplifier énormément la" +
			" programmation en ActionScript Flash." +
			"&lt;br /&gt;&lt;br /&gt;" +
			"Le logiciel FDT permet de développer des applications ActionScript (AS3, AS2, MXML, Flex et haXe) avec beaucoup plus de rapidité." +
			"&lt;br /&gt;&lt;br /&gt;&lt;font color='#0000FF' face='arial, time' size='18'&gt;" +
			"&lt;a href='http://bonus.actionscript-facile.com/comment-developper-facilement-en-actionscript' target='_blank'&gt;" +
			"Téléchargez gratuitement votre exemplaire du &lt;b&gt;guide Éditeur ActionScript FDT PowerFlasher&lt;/b&gt;&lt;/a&gt;&lt;/font&gt;";
			oTextApropos.visible = true;
		}

		private function buildDemo3Screen() : void
		{
			buttonDemo1.visible = true;
			buttonDemo2.visible = true;
			buttonDemo3.visible = true;

			oTextDemo.htmlText = "&lt;img src='https://e6msyji6epr.exactdn.com/wp-content/uploads/2010/09/list_exemple.swf' " +
			"hspace='3' height='200' width='450' id='idimag' align='left'/&gt;";
			oTextDemo.visible = true;
		}

		private function buildDemo2Screen() : void
		{
			buttonDemo1.visible = true;
			buttonDemo2.visible = true;
			buttonDemo3.visible = true;

			oTextDemo.htmlText = "&lt;img src='https://e6msyji6epr.exactdn.com/wp-content/uploads/2010/09/button_exemple.swf' " +
			"hspace='3' height='250' width='250' id='idimag' align='left'/&gt;";
			oTextDemo.visible = true;
		}

		private function buildDemo1Screen() : void
		{
			buttonDemo1.visible = true;
			buttonDemo2.visible = true;
			buttonDemo3.visible = true;

			oTextDemo.htmlText = "&lt;img src='https://e6msyji6epr.exactdn.com/wp-content/uploads/2010/09/tooltip_exemple.swf' " +
			"hspace='3' height='200' width='450' id='idimag' align='left'/&gt;";
			oTextDemo.visible = true;
		}

		private function clearAllScreen() : void
		{
			oTextDemo.visible = false;
			oTextApropos.visible = false;

			buttonDemo1.visible = false;
			buttonDemo2.visible = false;
			buttonDemo3.visible = false;
		}

		private function buildDemoScreen() : void
		{
			buttonDemo1.visible = true;
			buttonDemo2.visible = true;
			buttonDemo3.visible = true;

			oTextDemo.htmlText = "&lt;font color='#ff0000' face='arial, time' size='22'&gt;&lt;b&gt;Des exemples de swf" +
			" utilisant le Framework de Composants AS3 Facile" +
			" simplement et avec efficacité.&lt;/b&gt;&lt;/font&gt;&lt;br /&gt;&lt;br /&gt;" +
			"Choisissez le composant que vous souhaitez visualiser avec les boutons 1, 2 et 3 du menu.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;" +
			"&lt;font color='#0000FF' face='arial, time' size='10'&gt;Pour le composant du Bouton N°1, merci de patienter quelques secondes," +
			" le temps d'initilisation du composant.&lt;/font&gt;";
			oTextDemo.visible = true;
		}

		/**
		 * Construit l'interface A Propos
		 *
		 */
		private function buildAProposScreen() : void
		{
			oTextApropos.htmlText = "&lt;font color='#ff0000' face='arial, time' size='22'&gt;&lt;b&gt;Avec le Framework de Composants AS3 Facile, programmez en ActionScript" +
			" simplement et avec efficacité.&lt;/b&gt;&lt;/font&gt;&lt;br /&gt;&lt;br /&gt;" +
			"Le &lt;b&gt;Framework ActionScript-Facile&lt;/b&gt; est développé en pure AS3.&lt;br /&gt;&lt;br /&gt;" +
			"Vous pouvez créer et utiliser les composants suivants : &lt;br /&gt;" +
			"	&lt;b&gt;Un Button&lt;/b&gt; : comme son nom l’indique – un bouton.&lt;br /&gt;" +
			"	&lt;b&gt;Une ScrollBar Verticale &lt;/b&gt;: la classique barre de défilement.&lt;br /&gt;" +
			"	&lt;b&gt;Une List &lt;/b&gt;: la fameuse liste d’éléments.&lt;br /&gt;" +
			"	&lt;b&gt;Une ComboBox&lt;/b&gt; : une liste déroulante.&lt;br /&gt;" +
			"	&lt;b&gt;Un TextField &lt;/b&gt;: gestion facilité du Texte dans Flash.&lt;br /&gt;" +
			"	&lt;b&gt;Un ToolTip &lt;/b&gt;: une infos bulle ou bulle d’information.&lt;br /&gt;" +
			"	&lt;b&gt;Un changement de skin en « live » &lt;/b&gt;: tout l’intérêt de Flash avec un changement à la volée du graphisme!" +
			"&lt;br /&gt;&lt;br /&gt;" +
			"&lt;font color='#0000FF' face='arial, time' size='18'&gt;" +
			"&lt;a href='http://bonus.actionscript-facile.com/bibliotheque-flash-de-composants-as3-facile' target='_blank'&gt;" +
			"&lt;b&gt;Téléchargez gratuitement la dernière version du Framework AS3 Facile&lt;/b&gt;&lt;/a&gt;&lt;/font&gt;";
			oTextApropos.visible = true;
		}

		/**
		 * Fonction servant à écouter les click de l'utilisateur sur le boutton A Propos du menu.
		 * Définit la valeur de SWFAddress pour générer un évènement et construire l'interface à propriée.
		 *
		 * @param	e	Evenement de type MouseEvent.CLICK
		 */
		 private function showApropos(e:MouseEvent) : void
		{
			Logger.debug("Intéraction sur le menu : "+e.target.label);// récupère l'objet Button cliqué par l'internaute
			SWFAddress.setValue(A_PROPOS);// créé un évènement dans SWFAddress pour afficher l'interface demandée par l'internaute
		}

		private function showDemo(e:MouseEvent) : void
		{
			// Récupère l'objet Button et ses propriétés (label, le texte du bouton)
			Logger.debug("Intéraction sur le menu : " + e.target.label);
			SWFAddress.setValue(DEMO);
		}

		private function showDemo1(event : MouseEvent) : void
		{
			SWFAddress.setValue(DEMO_1);
		}

		private function showDemo2(event : MouseEvent) : void
		{
			SWFAddress.setValue(DEMO_2);
		}

		private function showDemo3(event : MouseEvent) : void
		{
			SWFAddress.setValue(DEMO_3);
		}

		private function showEditeur(event : MouseEvent) : void
		{
			SWFAddress.setValue(EDITEUR);
		}
	}
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375

376

377

378

379

380

381

382

383

384

385

386

387

388

389

390

391

392

393

394

395

396

397

398

399

400

401

402

403

404

405

406

407

408

409

410

411

412

413

414

415

416

package

{

import com.asual.swfaddress.SWFAddress;

import com.asual.swfaddress.SWFAddressEvent;

import com.as3facileexemple.skin.classic.DefaultButtonSkin2;

import com.as3facileexemple.skin.classic.DefaultButtonSkin;

import org.osflash.thunderbolt.Logger;

import flash.events.MouseEvent;

import flash.display.Sprite;

import com.actionscriptfacile.ui.button.Button;

import com.actionscriptfacile.ui.text.UITextField;

/**

* Exemple d'utilisation des fonctionnalités de SWFAddress avec des Composants du Framework AS3 ActionScript-Facile.

* @author Matthieu

public class SWFAddressExample extends Sprite

{

private var oTextApropos:UITextField;

private var oTextDemo : UITextField;

/** listes des url vers les différentes pages **/

static private const A_PROPOS:String = "/a-propos/";

static private const DEMO:String = "/demo/";

static private const DEMO_1:String = "/demo/1/?desc=yes&label=Button1";

static private const DEMO_2:String = "/demo/2/?desc=no&label=Button2";

static private const DEMO_3:String = "/demo/3/?desc=order&label=Button3";

static private const EDITEUR : String = "/editeur-AS3-FDT/";

private var buttonDemo1 : Button;

private var buttonDemo2 : Button;

private var buttonDemo3 : Button;

public function SWFAddressExample()

{

// construction du menu

var buttonAbout:Button = new Button();

buttonAbout.label = 'A Propos';

buttonAbout.applySkin( new DefaultButtonSkin2() );

// on écoute les changements qui interviennent sur le bouton

buttonAbout.addEventListener(MouseEvent.CLICK, showApropos );

buttonAbout.resize( 120, 30 );

buttonAbout.x = 10;

buttonAbout.y = 10;

addChild( buttonAbout );

// acccès au composant de type UITextField (labelField)

buttonAbout.labelField.alignCenter(); // centre le texte

buttonAbout.labelField.changeFormat("color", 0x000000);// changement de la couleur du texte

buttonAbout.labelField.changeFormat("size", 14);// changement de la taille de la police du texte

buttonAbout.labelField.changeFormat("font", "Arial");// changement de la police du texte

var buttonDemo:Button = new Button();

buttonDemo.label = 'Exemples';

buttonDemo.applySkin( new DefaultButtonSkin2() );

// on écoute les changements qui interviennent sur le bouton

buttonDemo.addEventListener(MouseEvent.CLICK, showDemo );

buttonDemo.resize( 120, 30 );

buttonDemo.x = buttonAbout.x + buttonAbout.width + 10;

buttonDemo.y = 10;

addChild( buttonDemo );

// acccès au composant de type UITextField (labelField)

buttonDemo.labelField.alignCenter(); // centre le texte

buttonDemo.labelField.changeFormat("color", 0x000000);// changement de la couleur du texte

buttonDemo.labelField.changeFormat("size", 14);// changement de la taille de la police du texte

buttonDemo.labelField.changeFormat("font", "Arial");// changement de la police du texte

var buttonEditeur:Button = new Button();

buttonEditeur.label = 'Éditeur AS3';

buttonEditeur.applySkin( new DefaultButtonSkin2() );

// on écoute les changements qui interviennent sur le bouton

buttonEditeur.addEventListener(MouseEvent.CLICK, showEditeur );

buttonEditeur.resize( 120, 30 );

buttonEditeur.x = buttonDemo.x + buttonDemo.width + 10;

buttonEditeur.y = 10;

addChild( buttonEditeur );

// acccès au composant de type UITextField (labelField)

buttonEditeur.labelField.alignCenter(); // centre le texte

buttonEditeur.labelField.changeFormat("color", 0x000000);// changement de la couleur du texte

buttonEditeur.labelField.changeFormat("size", 14);// changement de la taille de la police du texte

buttonEditeur.labelField.changeFormat("font", "Arial");// changement de la police du texte

* ATTENTION : dans une application flash robuste et optimisée, nous n'utiliserons pas cette méthode.

* Plutôt le Design Pattern Modèle Vue Controller avec PureMVC par exemple.

* Les pages ou interfaces seraient (en fonction de la taille de l'application flash) :

* soient chargées en mémoire mais non affichées dans la display list.

* soient créées à chaque appel.

* Nous verrons cela dans un prochain article.

// lance la construction de toutes les pages

buildAllScreen();

// initialisation de SWFAddress

SWFAddress.addEventListener(SWFAddressEvent.CHANGE, handleSWFAddress);

}

/**

* Construit toutes les interfaces, sans les afficher dans la display list

private function buildAllScreen() : void

{

// Page A Propos

oTextApropos = new UITextField();

oTextApropos.x = 5;

oTextApropos.y = 70;

oTextApropos.width = oTextApropos.maxWidth = 500;

oTextApropos.height = oTextApropos.maxHeight = 350;

oTextApropos.selectable = false;

oTextApropos.multiline = true; // pour la balises html <br />

oTextApropos.changeFormat("font", "Arial");// changement de la taille de la police du texte

oTextApropos.changeFormat("color", Math.random() * 0X00FFFFFF);// changement de la couleur

oTextApropos.wordWrap = true;// retour à la ligne automatique

addChild(oTextApropos);

// Page Demo

oTextDemo = new UITextField();

oTextDemo.x = 5;

oTextDemo.y = 70;

oTextDemo.width = oTextApropos.maxWidth = 500;

oTextDemo.height = oTextApropos.maxHeight = 350;

oTextDemo.selectable = false;

oTextDemo.multiline = true; // pour la balises html <br />

oTextDemo.changeFormat("font", "Arial");// changement de la taille de la police du texte

oTextDemo.changeFormat("color", Math.random() * 0X00FFFFFF);// changement de la couleur

oTextDemo.wordWrap = true;// retour à la ligne automatique

addChild( oTextDemo );

// Création des bouttons Demo 1, Demo 2 et Demo 3

// boutton demo1

buttonDemo1 = new Button();

buttonDemo1.label = '1';

buttonDemo1.applySkin( new DefaultButtonSkin() );

// on écoute les changements qui interviennent sur le bouton

buttonDemo1.addEventListener(MouseEvent.CLICK, showDemo1 );

buttonDemo1.resize( 25, 25 );

buttonDemo1.x = 155;

buttonDemo1.y = 40;

addChild( buttonDemo1 );

// acccès au composant de type UITextField (labelField)

buttonDemo1.labelField.alignCenter(); // centre le texte

buttonDemo1.labelField.changeFormat("color", 0x000000);// changement de la couleur du texte

buttonDemo1.labelField.changeFormat("size", 14);// changement de la taille de la police du texte

buttonDemo1.labelField.changeFormat("font", "Arial");// changement de la police du texte

buttonDemo1.visible = false;

// boutton demo2

buttonDemo2 = new Button();

buttonDemo2.label = '2';

buttonDemo2.applySkin( new DefaultButtonSkin() );

// on écoute les changements qui interviennent sur le bouton

buttonDemo2.addEventListener(MouseEvent.CLICK, showDemo2 );

buttonDemo2.resize( 25, 25 );

buttonDemo2.x = buttonDemo1.x + buttonDemo1.width + 5;

buttonDemo2.y = 40;

addChild( buttonDemo2 );

// acccès au composant de type UITextField (labelField)

buttonDemo2.labelField.alignCenter(); // centre le texte

buttonDemo2.labelField.changeFormat("color", 0x000000);// changement de la couleur du texte

buttonDemo2.labelField.changeFormat("size", 14);// changement de la taille de la police du texte

buttonDemo2.labelField.changeFormat("font", "Arial");// changement de la police du texte

buttonDemo2.visible = false;

// boutton demo3

buttonDemo3 = new Button();

buttonDemo3.label = '3';

buttonDemo3.applySkin( new DefaultButtonSkin() );

// on écoute les changements qui interviennent sur le bouton

buttonDemo3.addEventListener(MouseEvent.CLICK, showDemo3 );

buttonDemo3.resize( 25, 25 );

buttonDemo3.x = buttonDemo2.x + buttonDemo2.width + 5;

buttonDemo3.y = 40;

addChild( buttonDemo3 );

// acccès au composant de type UITextField (labelField)

buttonDemo3.labelField.alignCenter(); // centre le texte

buttonDemo3.labelField.changeFormat("color", 0x000000);// changement de la couleur du texte

buttonDemo3.labelField.changeFormat("size", 14);// changement de la taille de la police du texte

buttonDemo3.labelField.changeFormat("font", "Arial");// changement de la police du texte

buttonDemo3.visible = false;

}

/**

* Fonction servant à écouter le changement de page avec SWFAddress.

* On appelle la fonction permettant de créer l'interface appelée par l'utilisateur

* @param e Evenement de type SWFAddressEvent

private function handleSWFAddress(e:SWFAddressEvent) : void

{

Logger.debug("Appel de handleSWFAddress : "+e.value);

clearAllScreen();

// en fonction de la valeur reçu dans l'évènement, nous affichons l'interface demandée par l'utilisateur

try

{

if (e.value == '/' || e.value == A_PROPOS)

{

buildAProposScreen();

}

else if (e.value == DEMO)

{

buildDemoScreen();

}

else if (e.value == DEMO_1)

{

buildDemo1Screen();

}

else if (e.value == DEMO_2)

{

buildDemo2Screen();

}

else if (e.value == DEMO_3)

{

buildDemo3Screen();

}

else if (e.value == EDITEUR)

{

buildEditeurScreen();

}

catch(err:Object)

{

// il est possible d'afficher un message d'erreur à l'internaute

//gotoAndStop('$/error/');

}

// configure le titre de la page dans votre navigateur

var title:String = 'ActionScript-Facile.com';

for (var i:Number = 0; i < e.pathNames.length; i++)

{

title += ' / ' + e.pathNames[i].substr(0,1).toUpperCase() + e.pathNames[i].substr(1);

}

SWFAddress.setTitle(title);

SWFAddress.setStatus(title);

Logger.debug("title de SWFAddress : "+title);

* Permet de récupérer l'url de l'interface appelée

var path:String = e.path;

if (path.substr(path.length - 1) != '/')

{

path = path + '/';

}

Logger.debug("path de SWFAddress : "+path);

// pour récupérer les paramètres transmis dans l'url du navigateur

var parameters:String = '';

var name:String;

var valueParam:String;

for (var p:String in SWFAddress.getParameterNames()) // parcours le tableau de tous les paramètres

{

name = SWFAddress.getParameterNames()[p];// le nom du paramètre

valueParam = SWFAddress.getParameter(SWFAddress.getParameterNames()[p]) as String; // la valeur du paramètre

parameters += '&' + name + '=' + valueParam;

Logger.debug("parameters "+name+" de SWFAddress : "+valueParam );

}

Logger.debug("parameters de SWFAddress : "+parameters);

// SWFAddress.popup('http://www.sergeevstudio.com','lyubomirsergeev', '"toolbar=0,location=0,status=0,menubar=0,scrollbars=0,resizable=1,width=960,height=620,left=" + (screen.width - 960)/2 + ",top=" + (screen.height - 620)/2', 'popup.focus();');

}

private function buildEditeurScreen() : void

{

oTextApropos.htmlText = "<font color='#ff0000' face='arial, time' size='22'><b>Comment utiliser le plus " +

"abouti des Éditeurs ActionScript en moins de minutes ?</b></font><br /><br />" +

"Avec un Éditeur ActionScript performant, il est possible de se simplifier énormément la" +

" programmation en ActionScript Flash." +

"<br /><br />" +

"Le logiciel FDT permet de développer des applications ActionScript (AS3, AS2, MXML, Flex et haXe) avec beaucoup plus de rapidité." +

"<br /><br /><font color='#0000FF' face='arial, time' size='18'>" +

"<a href='http://bonus.actionscript-facile.com/comment-developper-facilement-en-actionscript' target='_blank'>" +

"Téléchargez gratuitement votre exemplaire du <b>guide Éditeur ActionScript FDT PowerFlasher</b></a></font>";

oTextApropos.visible = true;

}

private function buildDemo3Screen() : void

{

buttonDemo1.visible = true;

buttonDemo2.visible = true;

buttonDemo3.visible = true;

oTextDemo.htmlText = "<img src='https://e6msyji6epr.exactdn.com/wp-content/uploads/2010/09/list_exemple.swf' " +

"hspace='3' height='200' width='450' id='idimag' align='left'/>";

oTextDemo.visible = true;

}

private function buildDemo2Screen() : void

{

buttonDemo1.visible = true;

buttonDemo2.visible = true;

buttonDemo3.visible = true;

oTextDemo.htmlText = "<img src='https://e6msyji6epr.exactdn.com/wp-content/uploads/2010/09/button_exemple.swf' " +

"hspace='3' height='250' width='250' id='idimag' align='left'/>";

oTextDemo.visible = true;

}

private function buildDemo1Screen() : void

{

buttonDemo1.visible = true;

buttonDemo2.visible = true;

buttonDemo3.visible = true;

oTextDemo.htmlText = "<img src='https://e6msyji6epr.exactdn.com/wp-content/uploads/2010/09/tooltip_exemple.swf' " +

"hspace='3' height='200' width='450' id='idimag' align='left'/>";

oTextDemo.visible = true;

}

private function clearAllScreen() : void

{

oTextDemo.visible = false;

oTextApropos.visible = false;

buttonDemo1.visible = false;

buttonDemo2.visible = false;

buttonDemo3.visible = false;

}

private function buildDemoScreen() : void

{

buttonDemo1.visible = true;

buttonDemo2.visible = true;

buttonDemo3.visible = true;

oTextDemo.htmlText = "<font color='#ff0000' face='arial, time' size='22'><b>Des exemples de swf" +

" utilisant le Framework de Composants AS3 Facile" +

" simplement et avec efficacité.</b></font><br /><br />" +

"Choisissez le composant que vous souhaitez visualiser avec les boutons 1, 2 et 3 du menu.<br /><br /><br /><br />" +

"<font color='#0000FF' face='arial, time' size='10'>Pour le composant du Bouton N°1, merci de patienter quelques secondes," +

" le temps d'initilisation du composant.</font>";

oTextDemo.visible = true;

}

/**

* Construit l'interface A Propos

private function buildAProposScreen() : void

{

oTextApropos.htmlText = "<font color='#ff0000' face='arial, time' size='22'><b>Avec le Framework de Composants AS3 Facile, programmez en ActionScript" +

" simplement et avec efficacité.</b></font><br /><br />" +

"Le <b>Framework ActionScript-Facile</b> est développé en pure AS3.<br /><br />" +

"Vous pouvez créer et utiliser les composants suivants : <br />" +

" <b>Un Button</b> : comme son nom l’indique – un bouton.<br />" +

" <b>Une ScrollBar Verticale </b>: la classique barre de défilement.<br />" +

" <b>Une List </b>: la fameuse liste d’éléments.<br />" +

" <b>Une ComboBox</b> : une liste déroulante.<br />" +

" <b>Un TextField </b>: gestion facilité du Texte dans Flash.<br />" +

" <b>Un ToolTip </b>: une infos bulle ou bulle d’information.<br />" +

" <b>Un changement de skin en « live » </b>: tout l’intérêt de Flash avec un changement à la volée du graphisme!" +

"<br /><br />" +

"<font color='#0000FF' face='arial, time' size='18'>" +

"<a href='http://bonus.actionscript-facile.com/bibliotheque-flash-de-composants-as3-facile' target='_blank'>" +

"<b>Téléchargez gratuitement la dernière version du Framework AS3 Facile</b></a></font>";

oTextApropos.visible = true;

}

/**

* Fonction servant à écouter les click de l'utilisateur sur le boutton A Propos du menu.

* Définit la valeur de SWFAddress pour générer un évènement et construire l'interface à propriée.

* @param e Evenement de type MouseEvent.CLICK

private function showApropos(e:MouseEvent) : void

{

Logger.debug("Intéraction sur le menu : "+e.target.label);// récupère l'objet Button cliqué par l'internaute

SWFAddress.setValue(A_PROPOS);// créé un évènement dans SWFAddress pour afficher l'interface demandée par l'internaute

}

private function showDemo(e:MouseEvent) : void

{

// Récupère l'objet Button et ses propriétés (label, le texte du bouton)

Logger.debug("Intéraction sur le menu : " + e.target.label);

SWFAddress.setValue(DEMO);

}

private function showDemo1(event : MouseEvent) : void

{

SWFAddress.setValue(DEMO_1);

}

private function showDemo2(event : MouseEvent) : void

{

SWFAddress.setValue(DEMO_2);

}

private function showDemo3(event : MouseEvent) : void

{

SWFAddress.setValue(DEMO_3);

}

private function showEditeur(event : MouseEvent) : void

{

SWFAddress.setValue(EDITEUR);

}

[/codesyntax]

Montrez moi vos applications flash utilisant SWFAddress

Ou peut être utilisez-vous une autre technique plus simple ?

Partagez votre technique dans les commentaires ci-dessous.

Votre Formation vidéo

Des exemples SWF

Votre Suivi personnalisé

Sujets sur : SWFObject

Cours ActionScript 3 ‘SWFObject’

La Documentation de SWFObject

Qu’est ce SWFObject ?

Pourquoi devez-vous utiliser SWFObject ?

Pourquoi SWFObject utilise JavaScript ?

Dois-je utiliser la méthode de publication statique ou dynamique ?

Comment intégrer du contenu Flash en utilisant SWFObject avec la méthode statique

ÉTAPE 1: ajouter le contenu Flash et le contenu alternatif en utilisant des balises conformes

Comment pouvez-vous utiliser HTML pour configurer votre contenu Flash?

Pourquoi devez-vous utiliser le contenu alternatif ?

ÉTAPE 2: Inclure la bibliothèque SWFObject JavaScript dans l’entête de votre page HTML

ÉTAPE 3: enregistrer votre contenu Flash avec la bibliothèque SWFObject et dire à SWFObject quoi faire avec lui

CONSEILS

Comment intégrer du contenu Flash en utilisant SWFObject avec la méthode dynamique

ÉTAPE 1: Créer le contenu alternatif en utilisant des balises conformes

ÉTAPE 2: Inclure la bibliothèque SWFObject JavaScript dans l’entête de votre page HTML

ÉTAPE 3: affichage du SWF avec JavaScript

Comment configurer votre contenu Flash?

Comment utiliser les Objets JavaScript afin de définir les valeurs de flashvars, params et attributes ?

CONSEILS

Conseils pour la migration de SWFObject 1.5 vers SWFObject 2

Conseils pour la migration de UFO vers SWFObject 2

Est ce que SWFObject 2 supporte le type MIME application/xhtml+xml ?

Tutoriels (niveau débutant)

Commentaires

Afficher du flash dans une page HTML avec SWFObject

SWFOBJECT

Télécharger le code source du cours AS3

Et vous, utilisez-vous swfobject pour afficher votre contenu flash ?

Utiliser l’historique du navigateur dans Flash avec les boutons précédent / suivant

Les fonctionnalités de SWFAddress

Utilisation de SWFAddress

Détails des fonctions possibles

SWFAddress.getValue()

SWFAddress.setValue(param:String)

SWFAddress.setTitle(param:String)

SWFAddress.setStatus(param:String)

SWFAddress.addEventListener(SWFAddressEvent.CHANGE, handleSWFAddress)

Améliorer son référencement avec SWFAddress

Exemple AS3 avec SWFAddress

Création du fichier .htaccess

Création du fichier datasource.php

Création du fichier index.php

Création du code source AS3

Récupération des paramètres de l’url

Téléchargement code source AS3 de SWFAddress

Code source AS3 commenté de notre exemple avec SWFAddress

Montrez moi vos applications flash utilisant SWFAddress

Cours Récents

Liens / Partenaires