SELECT * FROM // c[_]~~

Mag ja sein, dass es nur ein weiteres Gimmick ist, das das Web zu bieten hat, aber es ist eins, das auf dieser Seite noch fehlt. Bis jetzt. Es geht um Lesezeichen im Browser, die zwar immer zur selben Seite zeigen, ihr Aussehen aber verändern können. Das nennt man “dynamischen Titel”.
Wie wäre es zum Beispiel, wenn das Lesezeichen zum WiMaBlog immer gleich mit der Überschrift des neuesten Artikels neugierig macht? Klar, das kann der RSS-Feed auch und der hat gleich die letzten 10 Überschriften im Angebot, aber für den Titel des Lesezeichens kann man so ziemlich jede Information mit Hilfe von xpath aus einer Webseite holen und anzeigen.
Ein aktueller Börsenkurs, das letzte Gebot der Versteigerung, die Wettervorhersage, … auf einen Blick in der Lesezeichen-Symbolleiste? Kein Problem. …naja, ein kleines Problem gibt’s vielleicht doch: es geht nur mit Firefox. Die Nutzer der anderen Browser seien hiermit getröstet: man kann auch ohne sowas leben - oder man wechselt den Browser.

Nachdem sich nun jeder den passenden Browser organisiert hat, können wir fortfahren:

Mit einer XML-Datei wird beschrieben, um welche html-Datei es sich handelt und welche Information aus dieser Datei angezeigt werden soll. Das ist der sogenannte Lesezeichen-Generator (microsummary.xml).

<?xml version="1.0" encoding="UTF-8"?>
<generator xmlns="http://www.mozilla.org/microsummaries/0.1" name="WiMaBlog - Neuester Artikel">
	<template>
		<transform xmlns="http://www.w3.org/1999/XSL/Transform" version="1.0">
			<output method="text"/>
			<template match="/">
				<text>WiMaBlog: </text>
				<value-of select="id('content')/div[1]/div[1]/div/h2"/>
			</template>
		</transform>
	</template>
	<pages>
		<include>http://(www\.)?janhaeussler\.com/(index\.php)?</include>
	</pages>
</generator>

Im Prinzip sieht ein Generator immer so aus, es ändern sich nur 3 Sachen:

• Das name-Attribut im <generator>-Tag
• Das select-Attribut im <value-of>-Tag
  Noch ein Tipp dazu: um auf die xpath-Anweisung zu kommen, muss man sich manchmal ganz schön durch html-Code “wühlen”. Wenn’s zu schlimm wird, geht’s auch automatisch. Für Firefox gibt’s da ein Add-on namens XPath Checker: Rechtsklick auf die gewünschte Stelle > “View XPath” klicken > xpath-Befehl kopieren.
• Der Inhalt des <pages>-Tags, hier können mehrere <include>-Tags und <exclude>-Tags stehen.
  Die Adressen können mit “regular expressions” versehen werden, wie das genau geht, steht in diesem Tutorial.

Zum Integrieren gibt es jetzt 2 Möglichkeiten:

1. Wenn das Lesezeichen für die eigene Seite gedacht ist, kann man in das head-Element seines html-Codes die folgende Zeile eintragen:

<link rel="microsummary" href="http://www.janhaeussler.com/microsummary.xml">

Mit Strg+D können die Nutzer dann das Dialogfenster zum Speichern des Lesezeichens öffnen…

2. Falls ein Lesezeichen für eine fremde Seite erstellt werden soll, setzt man einfach diese Zeile auf seine eigene Seite:

<button onclick="window.sidebar.addMicrosummaryGenerator('http://www.janhaeussler.com/microsummary.xml')">Generator installieren</button>

Der Nutzer muss in diesem Fall zuerst auf den Button klicken und damit den Generator installieren, um dann zur fremden Seite zu wechseln und dort mit Strg+D ein Lesezeichen zu setzen…

Nachdem man nun erfolgreich Strg+D gedrückt hat, sieht man ungefähr das folgende Fenster, je nach Firefox-Version und eingestellter Sprache variiert es etwas.

Und wo früher neben “Name:” nur ein Eingabefeld war, taucht jetzt ein Menü auf, in dem man entweder das ganz normale herkömmliche Lesezeichen (1. Zeile) oder eins mit einem dynamischen Titel (darunter) wählen kann. Inzwischen hat sich der dynamische Titel bei unserem Lesezeichen übrigens schon verändert.

Quellen und Weiterführende Links:
http://developer.mozilla.org/en/docs/Creating_a_Microsummary
http://developer.mozilla.org/en/docs/Creating_regular_expressions_for_a_microsummary_generator
https://addons.mozilla.org/firefox/1095/
http://wiki.mozilla.org/Microsummaries