Pour ce retour de vacances, une petite application en version Beta: wizardDoc, dédiée à activerenderer.
Je l'ai fait en JavaScript avec le navigateur Mozilla; il est assuré qu'elle ne fonctionne pas avec divers autres navigateurs, ce qui ne me dérange pas, puisque j'utilise Mozilla.
Sachant que je pouvais écrire ce qui suit dans l'éditeur de documents structurés de Radio:
et que je voulais parvenir au résultat qui suit dans mon document affiché sur le web:
il me fallait donc une application qui me facilite la tache de mise en forme. j'ai donc commis ceci:
Cette application permet de mettre en forme les documents OPML modifiés par activeRenderer, une fois que ceux-ci sont sous format html. Il vous suffit alors, une fois que les formes désirées des différents blocs vous satisfont, de copier le texte des classes CSS, qui représentent ces formes, généré par cette petite application; ensuite vous collez où vous voulez ce texte (pour ma part, je le remet dans le template ;-))
1) Pour que l'application puisse fonctionner, il faut qu'elle puisse être appelée depuis une page html contenant une partie structurée par activeRenderer; cet appel est fait avec la commande suivante que vous glissez momentanément (pour la mise au point du fichier CSS d'un template) ou définitivement(pour que l'utilisateur s'amuse aussi) dans cette page html:
openWindowStyleActiveDoc(parametre)
Cette commande est opérante si vous avez indiqué l'existence du fichier javascript adéquat en partie HEAD de votre fichier html, ainsi:
<script type="text/javascript" src="http://radio.weblogs.com/0100306/outlines/fr/ressources/aRdocjs.js">
il va sans dire que vous pouvez tout aussi bien copier la petite partie utile de ce fichier dans une balise script de votre balise head.
2) le paramètre de la commande signifie à l'application qu'elle doit se préoccuper de telle partie du document html et non de telle autre, la partie nous intéressant étant évidemment celle qui a été générée par activeRenderer. Pour ma part, ma commande se présente ainsi:
openWindowStyleActiveDoc("contentopml")
"contentopml" est l'ID d'une balise DIV qui entoure la partie du document html qui est formatée par activeRenderer.
Mon template (modèle) de Radio qui est associé aux documents OPML se présente ainsi:
<body>
<div>
<div id="top">
<span id="imgLogo">
<a href="http://www.activerenderer.com/"><img src="http://radio.weblogs.com/0100306/images/arLogoFR.gif" border="0" alt="image activerenderer"></a>
</span>
<p id="enTete"><%title%></p>
</div>
<div id="middle">
<div id="contentopml"> -- l'ID DE REFERENCE pour WIZARDWIZ--
<%bodytext%> -- ici se trouve le document OPML généré par Radio et modifié par activeRenderer.--
</div>
</div >
<div id="right">
----blabla divers menus--
</div >
<div>
</body>
ce qui donne pour le fichier html généré et la partie qui nous concerne:
<div id="middle">
<div id="contentopml">
<!-- generated by activeRenderer for Radio vs 2.3.1beta - HTML outline structure copyright 2002-03 Precision IT Management, Inc. -->
</p> <div class="node">.......
.......blabla certes blabla mais structuré......
<!-- end of rendered outline -->
</div>
</div>
Comme il faut des exemples, notez, dans la page indiquée, sur la droite, une icone représentant une main peignant un tableau (icone d'HyperCard, toujours HyperCard !!!); c'est là que cela se passe.
11:17:51 AM Technorati Cosmos
|