Links mit Hilfe

Überblick

Wenn man Links auf der Homepage integriert, möchte man dem Surfer gerne die Möglichkeit geben, sich schnell genauer über den Link zu informieren. Ein zulanger Linktext bzw. eine Erklärung bei jedem Link ist jedoch nicht nur optisch unschön. Zudem ist die oftmals sehr lange URL in der Statusleiste meistens nicht hilfreich. Mit HTML 4.0 und ein wenig JavaScript ist dieses Problem einfach zu lösen.

Code Beispiel

Links mit Text:


        <a href="bespiel.html" title="Die Tooltipp-Hilfe"
        onMouseOver="window.status='Der Inhalt der
        Statsuleiste'; return true">Beispieltext</a>

Grafische Links


        <a href="bespiel.html"
        onMouseOver="window.status='Der Inhalt der Statusleiste';
        return true"><img src="beispiel.gif"
        alt="Die Tooltipp-Hilfe"></a>

Erklärung

Den Links wird ein frei definierbarer Tooltipp und ein ebenso frei definierter Text für die Statusleiste zugewießen. Beim Überfahren des Links mit der Maus erscheint diese Hilfe.

Der Text in der Statusleiste wird durch ein kleines JavaScript gesteuert. Es verbirgt sich hinter dem Event-Handler onMouseOver. Dieser Event-Handler bewirkt, dass beim Überfahren mit der Maus die in Anführungszeichen stehenden Befehle ausgeführt werden. Der entscheidende Befehl ist window.status=''. Hierbei wird der Eigenschaft status des Objekts window ein Text zugewiesen. Dieser Text erscheint in der Statusleiste. Die Anweißung return true ist für den Programmablauf notwendig

Der Tooltipp basiert einfach aus HTML 4.0 Befehlen. Jedem Tag kann das Attribut title zugewiesen werden. Diesem Attribut folgt nach einem Gleichheitszeichen in Anführungszeichen der gewünschte Text.
Bei Grafiken wird anstatt des title-Attributs das alt-Attribut verwendet.

Link-Generator

Sie können den Linkgenerator auch als Windows 9.x Programm aus unseren Webpublishing-Downloads herunterladen. Es besitzt eine einfachere Bedienung und mehr Funktionen.

Unsere Homepage
Auf unserer Homepage setzen wir dieses Verfahren bei fast allen Links innerhalb der Seite ein.

Netscapes Bugs
Der Netscape Navigator ignoriert das title-Attribut. Ein Tooltipp mit dem Netscape Navigator ist nur bei Grafiken mit dem Attribut alt möglich.