Zitat des Tages - auf der eigenen Website

Beispiel

Vorwissen

Kenntnisse von HTML können nicht schaden. Wer Anpassungen vornehmen möchte sollte mit Javascript vertraut sein.

Zitat beschaffen

Der aufwändige Weg

Auf de.wikiquote.org wird täglich ein anderes Zitat zur verfügung gestellt.

Wer das Privileg genießt, Linux auf seinem Computer installiert zu haben, der kann mit folgendem Shell Skript immer das aktuelle Zitat herunterladen:

Zuerst wird die komplette Seite heruntergeladen...

curl -fs "http://de.wikiquote.org/w/index.php?title=Vorlage:Zitat_des_Tages/Archiv&action=edit" > /tmp/motd$$
		

...das 1 Zitat herausgefiltert und bereinigt...

cat /tmp/motd$$ | \
sed -ne "/\* \"/p" | \
head -n 1 | \
sed -e "s/\* \"\(.*\)\".*\[\[\(.*\)\]\].*$/\1 (\2)/" > /tmp/motd
		

...und auf den FTP Server geladen

curl --user "username:password" --upload-file /tmp/motd "ftp://example.net/"
		

Nun sollten noch die temporären Daten gelöscht werden

rm  /tmp/motd$$
rm  /tmp/motd
		

Nun sollte das Zitat unter "http://example.com/motd" erreichbar sein. Ein Beispiel

Der einfache Weg

Wem diese Weg zu aufwändig ist, der kann auch einfach das jeweilige Zitat des Tages von meiner Seite verwenden. (http://sagmueller.net/motd)

Das Zitat einbinden

Mit JavaScript

Das Einbinden mit JavaScript ist vermutlich der einfachste und schnellste Weg um das Zitat einzubinden

<p id="zitat"></p>

<script language="javascript">
<!--
function processReqChange()
{
	if( req.readyState != 4 )
	{
		return;
	}
	
	if( req.status != 200 )
	{
		return;
	}
	
	document.getElementById("zitat").innerHTML = req.responseText;
}

req = new XMLHttpRequest();
req.onreadystatechange = processReqChange;
req.open( "GET", "http://sagmueller.net/motd", true );
req.send( null );
//-->
</script>
		

Dieser Code ist allerdings nicht mit dem Microsofts Internet Explorer kompatibel. Da mich das nicht besonders interessiert begnüge ich mich hier mit einem dezenten Verweis auf ein Dokument von Apple, welches zeigt, wie das Skript erweitert werden kann, um im IE zu funktionieren: Dynamic HTML and XML: The XMLHttpRequest Object

Andere Sprachen

Ich würde mich freuen, wenn mir jemand Beispiele für andere Sprachen zuschickt.

Wikiquote

Wenn ein Zitat auf diese Art und Weise eingebunden wird, sollte auf jeden Fall auch ein Link zu de.wikiquote.org vorhanden sein.

Creative Commons-Lizenzvertrag
Diese Inhalt ist unter einer Creative Commons-Lizenz lizenziert.
Geschrieben von Christian Sagmüller <christian@sagmueller.net>

Valid XHTML 1.0! Valid CSS! Get Firefox!