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&amp;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&amp;enc=iso-8859-1"
  src="http://www.taize.fr/tz_updates.php?lang=pl&amp;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.)