dans une page HTML


Cet article est le pendant de l’article sur Tepweb mais où il n’y est question que de TracenPoche.

TracenPoche permet l’insertion d’une figure dynamique dans une page web. C’est une applette Flash sous forme d’un fichier swf qui est appelé de manière normanlisée à l’intérieur d’un fichier texte écrit en HTML, le langage de base des pages internet.

Une fois ce fichier swf placé dans le répertoire de la page web, il suffit d’y placer les scripts TeP et de les appeler convenablement.

NB pour FireFox : pour assurer une compatibilité maximale, il faut aussi placer les fichiers base.tep et macros.tep fournis avec TeP (il y a un bug dans le plugin Flash).

Vous pouvez télécharger tracenpoche_htm.zip à la page téléchargement : l’archive contenant le fichier tracenpoche.swf, un fichier HTML (tracenpoche.htm) et une série de fichiers scripts (format textes).

Par défaut Tepweb est en 962 pixels par 612 pixels.

Le code HTML permettant d’intégrer une figure script1.txt dans la page ressemble à ce qui suit :


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"        codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,65,0"
       width="962" height="612" align="middle">
       <param name="allowScriptAccess" value="sameDomain"/>
       <param name="quality" value="high" />
       <param name="bgcolor" value="#99cccc" />
       <param name="SRC" value="tracenpoche.swf?script=script1.txt">
       <embed src="tracenpoche.swf?script=script1.txt" width="300" height="300"
              align="middle" quality="high" bgcolor="#99cccc" swLiveConnect=true
              id="script1" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"
              pluginspage="http://www.macromedia.com/go/getflashplayer" />        
</object>

Repérer les 2 paires width= et height= ainsi que les 2 tracenpoche.swf?script=script1.txt : ils apparaissent 2 fois !

L’applette peut être partagée par plusieurs dossiers, sans avoir à la copier dans chaque dossier.

Il suffit de mettre le chemin relatif d’accès à tracenpoche.swf par rapport au dossier contenant la page HTML :


...
<param name="SRC" value="../flash/tracenpoche.swf?script=script1.txt">
<embed src="../flash/tracenpoche.swf?script=script1.txt" width= ...
...

Dans cet exemple, la page HTML est dans un sous-dossier Documents et l’applet est dans un autre sous dossier de même niveau nommé Flash :


   |
   --- {flash}
   |     |
   |     --- tracenpoche.swf
   |
   --- {documents}
         |
         --- presentation.htm
         --- exemples.htm