NerdkramsInternes
Ein wenig JavaScript-Nostalgie: clippy.js und WordPress

Ältere, win­dowser­fahrene Anwen­der oder solche, die (etwa im öffentlichen Dienst) mit betagter Soft­ware arbeit­en dür­fen (“müssen” wäre zu viel gesagt, die aktuellen Office-Pakete von Microsoft sind eine Her­aus­forderung für die Ner­ven jedes einiger­maßen anspruchsvollen Anwen­ders), sind sich­er bere­its mit Microsofts “Agen­ten” — etwa dem Such­hund Rover aus Win­dows XP, der seine Ursprünge noch in Microsofts exper­i­menteller Windows‑3.1‑Oberfläche Bob hat, oder dem längst leg­endären, schreck­lich auf­dringlichen Karl Klam­mer aus Microsoft Office — bekan­nt gemacht wor­den.

Einige dieser “Agen­ten” waren seit Win­dows 2000 unter der Pro­duk­t­beze­ich­nung “Microsoft Agent” sep­a­rat lauf­fähig und sog­ar dazu in der Lage, Texte auf Web­seit­en und sog­ar aus dem IRC — mIRC etwa bietet eine Schnittstelle hier­für an — vorzule­sen. Mit der Neugestal­tung von Office 2007 (Office 12) wurde dieser Office-Assis­tent von Anfang an durch ein neues Hil­fesys­tem erset­zt, das Pro­dukt Microsoft Agent wird zukün­ftig nicht mehr gepflegt.

Das ist schade. Zum Glück kann man zumin­d­est auf sein­er Web­site die “Agen­ten” wieder­beleben, clippy.js macht es möglich. Hier­für benötigt man lediglich die jQuery-Bib­lio­thek — in Word­Press bere­its enthal­ten — und die Dateien clippy.min.js und clippy.css aus dem Verze­ich­nis “build” des öffentlichen GitHub-repos­i­to­rys. Das Ein­binden in Word­Press bedarf jedoch ein wenig Han­dar­beit, da Word­Press jQuery im Kom­pat­i­bil­itätsmodus betreibt und der Oper­a­tor $ somit nicht funk­tion­stüchtig ist. In der Datei clippy.min.js ist daher zunächst mit einem Texte­d­i­tor jedes “$” durch “jQuery” zu erset­zen.

Nun kön­nen die bei­den Dateien in ein beliebiges Verze­ich­nis, bevorzugt inner­halb des Word­Press-Stam­mverze­ich­niss­es, hochge­laden wer­den. Im Fol­gen­den wird davon aus­ge­gan­gen, dass clippy.js im Verze­ich­nis /wordpress/clippy.js/ auf dem Serv­er liegt.

Zunächst sollte das Stylesheet einge­bun­den wer­den. Dies erledigt man bevorzugt über den Word­Press-Theme-Edi­tor in der “Kopfzeile” (header.php):

<link rel="stylesheet" href="<?php bloginfo('url'); ?>/clippy.js/clippy.css" type="text/css" media="screen" />

Sollte der “Agent” auf jed­er Word­Press-Seite erscheinen kön­nen, so ist es empfehlenswert, das JavaScript entwed­er eben­falls hier oder in der Fußzeile (footer.php) einzu­binden, anson­sten kann dies auch an geeigneter Stelle (etwa in der Datei single.php) erfol­gen:

<script src="<?php bloginfo('url'); ?>/clippy.js/clippy.min.js"></script>

Der Aufruf des “Agen­ten” und eine Durch­führung von Aktio­nen erfol­gt anschließend per JavaScript im body der Seite. Ich habe Karl Klam­mer (“Clip­py”) hier auf der Suchergeb­nis-Seite einge­bun­den. Der entsprechende Code im Erfol­gs­fall sieht so aus:

<script type="text/javascript">
clippy.load('Clippy', function(agent){
  agent.show();
  agent.speak('Offensichtlich suchen Sie nach "<?php echo $_GET['s'] ?>". Hier Ihre Ergebnisse.');
  //agent.hide();
});
</script>

Das “Ver­steck­en” des Agen­ten ist hier auskom­men­tiert, da es unter Umstän­den sofort erfol­gt und somit nicht viel zu sehen ist. Eine voll­ständi­ge Doku­men­ta­tion ist der Web­site zu ent­nehmen.

Zu beacht­en ist, dass die Datei clippy.min.js die Agen­ten und die benötigten JavaScript- und CSS-Dateien stan­dard­mäßig von Ama­zon S3 bezieht, das die Daten­schutzbes­tim­mungen der EU zwar berück­sichtigt, was den­noch unter Umstän­den zu Mis­strauen führen kann. Als Alter­na­tive ist es möglich, die entsprechen­den Dateien (eben­falls im GitHub-repos­i­to­ry zu find­en) auf seinem eige­nen Serv­er zu spe­ich­ern und die Pfade in der Datei clippy.min.js anzu­passen.

Senfecke:

  1. Nach US-amerikanis­ch­er Geset­zge­bung dürfte die Nutzung unter Fair Use fall­en, zumal “Karl Klam­mer” ein US-amerikanis­ches Pro­dukt ist. Inwieweit deutsches Recht da über­haupt anwend­bar ist, ist also noch so eine Frage. Im Übri­gen ist der Assis­tent, wie meinen Links zu ent­nehmen ist, ein Free­ware-Pro­dukt, ihn also unent­geltlich seinem eigentlichen Nutzen zuzuführen halte ich für unbe­den­klich.

  2. Dass deutsches Recht anwend­bar ist, ste­ht außer Frage. In der Tat behauptet Fire­place:

    Per­mis­sion is here­by grant­ed, free of charge, to any per­son blablabla…

    Ander­er­seits heißt es:

    All Microsoft agents, includ­ing agent names, the Clip­py brand and all resources are the prop­er­ty of Microsoft and their respec­tive own­ers.

    Aber wende Dich doch ein­fach an Microsoft Deutsch­land. :twisted:

  3. Ja, das sei mein Beruf: Lügen, betrü­gen und denun­zieren. Zumin­d­est will mir das Netz es so einre­den.

  4. thx für die anleitung. Vielle­icht noch erwäh­nen, dass clippy.css auch im richti­gen verze­ich­nis liegen muss.

Comments are closed.

https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_smilenew.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_biggrin2.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_sadnew.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_eek.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_shocked.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_confusednew.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_coolnew.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_lol.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_madnew.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_aufsmaul.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_seb_zunge.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_blushnew.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_frown.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_twistedevil1.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_twistedevil2.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/icon_mad.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_rolleyesnew.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_wink2.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_idea2.gif  https://tuxproject.de/blog/wp-content/plugins/wp-monalisa/icons/smiley_emoticons_arrow2.gif 
mehr …
 

Erlaubte Tags:
<strong> <em> <pre> <code> <a href="" title=""> <img src="" title="" alt=""> <blockquote> <q> <b> <i> <del> <tt> <span style=""> <strike>

Datenschutzhinweis: Deine IP-Adresse wird nicht gespeichert. Details findest du hier.