Javascript-Version

Die Javascript-Version ist auch für Hobby-Webmaster leicht in die eigene Seite einzubinden. Sie werden erstaunt sein, wie wenig HTML-Kenntnisse benötigt werden!

Zur Unterscheidung: Die Frage, ob Sie die Javascript- oder PHP-Version nutzen, betrifft lediglich die Technik des Einfügens der Liste in Ihre Internet-Seite.
Die Antwort auf die Frage, ob Sie CSS nutzen oder nicht, wirkt sich dagegen auf die optische Gestaltung der Linkliste aus.

Sie selbst haben die Kontrolle über die Schriftgröße, die Schriftart oder die Schriftfarben! Auch können Sie selbst bestimmen, welche Inhalte vor und nach der "Ein(k)linkstelle" angezeigt werden.

Einen Eindruck von den "Rohdaten" der Linkliste (ohne Gestaltung) bekommen Sie, wenn Sie sich das "Beispiel ohne CSS" ansehen.

Eine mögliche Gestaltung sehen Sie, wenn Sie auf "Beispiel mit CSS" klicken.

Mit folgender Codezeile können Sie die Linkliste auf Ihre Homepage "entführen". Sie brauchen die Zeile nur in den Quelltext (Body-Bereich) an der Stelle Ihrer Seite einfügen, an der sie erscheinen soll:

Bitte beim Kopieren des Codeschnipsels darauf achten, dass sich kein HTML-Zeichen für einen Zeilenumbruch ("<br>") in den Quelltext zwischen den <script>Bereich</script> einschleicht.

Für den Vorgang des "Ein(k)linkens" wird Javascript benötigt.
Das hat gegenüber der PHP-Version den Nachteil, dass Ihr Besucher in seinem Browser Javascript aktiviert haben muss.

Da aber kaum jemand weiß, wie man Javascript abschaltet, dürfte dieser Nachteil für Hobby-Seiten zu verschmerzen sein.
Laut Webhits liegt die Anzahl der Javascript-Abschalter bei ca. 1 % der Surfer.

Wichtig: Die Sache mit dem Pfeil

Um die Linkliste übersichtlicher zu machen, wird vor jedem Stadtteil-Namen eine Pfeil-Grafik eingeblendet.
Diesen Pfeil müssen Sie unbedingt auf Ihrem Server bereitstellen.

Die Grafik-Datei muss auf dem Server im gleichen Ordner liegen, in dem auch die HTML-Datei der Linkliste liegt!

Weiterhin muss die Grafik-Datei den schönen Namen "pfeil.gif" tragen (auch wenn Sie eine andere Design-Variante nutzen wollen).
Sie muss 10 Pixel breit und 11 Pixel hoch sein.

Gestalten Sie sich selbst eine Pfeil-Grafik oder bedienen Sie sich aus folgender Auswahl:

Speichern Sie die gewählte Grafik auf Ihrem Server, vergessen Sie dabei nicht, sie von z.B. "pfeilblau.gif" in "pfeil.gif" umzubenennen.

Die PHP-Version funktioniert ohne Javascript, mehr dazu hier.