Ajouter Clippy l’assistant de Microsoft Office à un site.


Vous vous souvenez de Clippy, Merlin, Rover et Links ? Non ?

Il s’agit des petits personnages de l’assistant de Word 98, à qui l’on pouvaient toujours poser une question.  Même s’ils n’étaient pas très performants pour l’aide, c’étaient une présence amusante sur le bureau de l’ordinateur. Si cela ne vous dit toujours rien, jetez un œil sur l’image ci-dessous.

clippy

Des informaticiens nostalgiques et passionnés, ont pris sur leur temps libre pour créer une API permettant d’afficher ces petits personnages animés sur un site Web.

Pour installer un de ces 4 personnages :

  • Rendez-vous sur le site smore.com/clippy-js.
  • Téléchargez le dossier zip contenant tous les fichiers. (C’est le plus compliqué)
  • Décompressez les fichiers et allez dans le dossier « build »
  • Uploadez les fichiers « clippy.min_.js » , »clippy.css » et éventuellement « jquery.min.js » (ver 7 minimum) sur votre site.
  • Placez ensuite, les codes suivant dans la page ou vous voulez afficher le personnage
<!-- En haut de page -->

						<link href=".../clippy.css" rel="stylesheet" media="all" type="text/css" />

<!-- En bas de page -->

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src=".../clippy.min_.js"></script>

<!-- script d'initialisation -->
<script type="text/javascript">
clippy.load('Merlin', function(agent) {      
agent.show();     });
</script>

Tout ceci est précisez sur le site.

Si tout se passe bien, Links, le petit chat apparaît dans le cadre blanc en de l’article, dans le coin droit. Le personnage peut être déplacé et animé en cliquant dessus.

Pour changer de personnage, il suffit de changer Merlin par un autre personnage (Clippy, Rover, Links) dans le petit code Javascript.

Nostalgie, nostalgie. Ce petit article est terminé. J’espère que cette API vous a plus, n’hésitez pas à la partager.



En relation avec cet article

One Comment

Add a Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. Apprenez comment les données de vos commentaires sont utilisées.

Lire plus :
generateur theme wordpress
7 générateurs de thèmes WordPress en ligne.

Vous n'arrivez pas à trouver le thème WordPress qui vous convient ? Et si vous le créiez vous même. Ce...

guillemets
Les guillemets et WordPress.

Si pour vous, les guillemets WordPress, c'est  "je t'aime, moi non plus", alors cet article va vous intéresser. Bien souvent,...

neurones deep learning
Deep Learning : créez vos images psychédéliques

L'intelligence artificielle avance à grand pas, grâce au Deep-Learning ! Qu'est-ce que le deep-learning ? Le deep Learning ou apprentissage...

Fermer