Le site clocklink vous propose toutes sortes de modèles d'horloge à affichage digital ou analogique et même des comptes-à-rebours. Chaque modèle peut être configuré avec la couleur de son choix, le fuseau horaire et la taille (3 tailles possibles par défaut).

Le résultat est immédiat puisque vous n'avez qu'à copier le code html à insérer dans la sidebar de votre page. Il s'agit d'une balise référençant un module écrit en flash sur le site de clocklink.

Toutefois, faites attention au respect des standards du web. La balise utilisée par le site est une balise <embed> qui n'est plus acceptée en xhtml, voire même en html4. Tout dépend alors du navigateur utilisé par le visiteur.

Il est donc préférable de remplacer le code d'origine par une balise

<object ...>...</object>

Donc, remplacez :

<embed src="http://www.clocklink.com/clocks/0001-Blue.swf?TimeZone=CET"
    width="200" height="200" wmode="transparent"
    type="application/x-shockwave-flash">

par :

<object type="application/x-shockwave-flash"
    data="http://www.clocklink.com/clocks/0001-Blue.swf?TimeZone=CET"
    width="200" height="200">
<param name="wmode" value="transparent" />
</object>

Ceci dit, la balise

<object ...>...</object>

ne fonctionne pas avec Internet Explorer, y compris la version 7 (beta). A vous de voir donc : compatibilité avec les standards ou avec le pire des navigateurs.

Mots-clés : Horloge, HTML