générer votre propre page modèle pour vos projet web Flex pour intégrer vos propre données ou fichiers js.
La page web générer (index.template.html) par Flex utilise le fichier AC_OETags.js pour intégrer le contenu flash (Fichier .swf) dans la page html et history.css, historyFrame.html et history.js pour la gestion de l'historique.
Supposons maintenant que vous voulez utilise SWFObject pour insérer votre fichier .swf, pour moi je préfer SWFObject parce que c'est plus clair et plus facile a modifier surtout lorsqu'on veut faire passé des variables au fichier .swf grâce a l'objet flashvars ou modifier/ajouter certains attributs du fichier .swf. Bref, nous avons besoin du fichier SWFObject que vous pouvez trouvé ici http://code.google.com/p/swfobject/
Notez aussi que Flex utilise quelques variables dynamique dans le fichier template :
- ${title} pour le titre du document (à placer dans la balise title).
- ${swf} qui contient le non du fichier .swf générer (la variable ${swf} ne contient pas l'extension fichier, il faut le mettre manuellement).
- ${version_major}, ${version_minor} et ${version_revision} qui contiennent la version du player requis pour visualiser le fichier .swf (vous pouvez tous les utilisé avec SWFObject, mais ${version_major} suffit).
- ${width} et ${height} pour la largeur et la hauteur du fichier .swf.
- ${application} le nom de l'application (nom du projet Flex).
- ${bgcolor} couleur de l'arrière plan du projet Flex.
code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<!--
Smart developers always View Source.
This application was built using Adobe Flex, an open source framework
for building rich Internet applications that get delivered via the
Flash Player or to desktops via Adobe AIR.
Learn more about Flex at http://flex.org
// -->
<head>
<title>${title}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
params.bgcolor = "${bgcolor}";
var attributes = {};
attributes.id = "${application}";
swfobject.embedSWF("${swf}.swf", "myAlternativeContent", "${width}", "${height}", "${version_major}.${version_minor}.${version_revision}", "expressInstall.swf", flashvars, params, attributes);
</script>
</head>
<body>
<div id="myAlternativeContent">
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
</div>
</body>
</html>
Download flex template (12)
Technorati Tags: flex, swfobject, template
