Utiliser une ligne de script pour afficher sur votre site les mises à jour du site de Taizé
(version 1 février 2007)
<script type="text/javascript" src="http://www.taize.fr/tz_updates.php?lang=fr"></script>
1 Mettre la ligne de javascript dans la partie <body> de votre page HTML
pour obtenir l'affichage des pages (en français) les plus récemment mises à jour du site de Taizé.
2 Changer le code de la langue pour afficher la liste avec la langue souhaitée.
Par exemple,
src="http://www.taize.fr/tz_updates.php?lang=es" — mises à jour dans la partie espagnole du site
src="http://www.taize.fr/tz_updates.php?lang=en" — pour les mises à jour en anglais, etc.
src="http://www.taize.fr/tz_updates.php" (sans variable de la langue)
affichera les mises à jour les plus récentes , sans tenir compte de la langue.
3 Les 6 articles les plus récents sont montrés. Mais il
est possible de changer le nombre d'articles en modifiant la variable items.
Ceci, par exemple :
src="http://www.taize.fr/tz_updates.php?lang=es&items=3"
— montrera seulement les 3 articles les plus récents en espagnol. (La liste ne contiendra jamais des articles datant de plus de cinq mois.)
4 Cette liste est en encodage de caractères UTF-8 et nous recommandons l'usage d'une page UTF-8 pour l'afficher.
Si votre site utilise un encodage différent, vous pouvez essayer d'ajouter une indication de cet encodage de cette façon :
src="http://www.taize.fr/tz_updates.php?lang=fr&enc=iso-8859-1"
src="http://www.taize.fr/tz_updates.php?lang=pl&enc=iso-8859-2"
ce qui affichera la liste en français avec l'encodage ISO-8859-1 ou bien en polonais avec l'encodage ISO-8859-2.
D'autres encodages peuvent fonctionner.
Mais les résultats ne sont pas garantis (il est préférable d'utiliser UTF-8).
5 Le script fait usage d'un <div class="taize"> pour afficher la liste.
Mettre des lignes comme celles ci-dessous (dans votre HTML ou bien dans un fichier de feuilles de style CSS) pour formater la liste.
<style type="text/css">
<!--
.taize {
font-family: Arial, Helvetica, sans-serif;
}
div.taize {
margin: 5px;
padding: 0px;
width: 220px;
}
.taize h3 {
margin: 0 0 .5em 0;
font-weight: bold;
font-size: 80%;
}
.taize ul {
margin: 0 0 0 0;
padding: 0;
font-weight: normal;
font-size: 75%;
list-style-type: none;
}
.taize li {
margin: 0 0 .7em 0;
padding: 0;
}
.taize a {
color: #990000;
text-decoration: none;
}
.taize a:hover {
color: #FF9900;
text-decoration: none;
}
-->
</style>
6 En voici un exemple qui utilise les styles ci-dessus.
(Ceci fonctionnera évidemment seulement si vous avez une connexion internet ouverte.)