Aussagekräftige Links

Beispiel 1 | Beispiel 2



Beispiel 1:

Normalerweise wird in der Statuszeile des Browsers die Adresse eines Links angezeigt, wenn Sie mit der Maus darüber fahren. Mit Hilfe des onMouseOver-event handlers oder einer Funktion können Sie aber auch einen aussagekräftigen Satz als Beschreibung einblenden lassen.

WG Online

WG Online

Fahren Sie mit der Maus über die Links und vergleichen Sie selbst!

Der Source-Code dieses Beispiels:

<A HREF="http://www.windowsguide.ch/scripts/dbml.exe?template=cfo/confer/threads.dbm&cid=3" onMouseOver="window.status='Hier geht\'s zum Diskussionsforum des Windows Guide Online'; return true">WG Online</A>

Dieses Vorgehen hat einen Nachteil: Die Erklärung bleibt in der Statuszeile sichtbar, bis Sie mit der Maus über einen anderen Link fahren oder die Seite verlassen. Das kann mit einer Funktion umgangen werden, wie Beispiel 2 zeigt.






Beispiel 2:

WG Online

WG Online

Fahren Sie mit der Maus über die Links und vergleichen Sie selbst!

Der Source-Code dieses Beispiels besteht aus zwei Teilen, wobei der erste Teil, die Funktion, im HEAD-Teil des HTML-Dokuments untergebracht werden muss:

Teil 1 -- Die Funktion


<SCRIPT LANGUAGE="JavaScript"> 

function message(txt) {

	window.status = txt;

	setTimeout("removeMessage()", 3000);

}

function removeMessage() {

	window.status = " ";

}

</SCRIPT>

In Zeile 2 wird zunächst die Funktion definiert. Zeile 3 erklärt dann dem Browser, dass er eine Meldung in die Statuszeile schreiben soll. Die Meldung selber wird im HREF-Tag des zweiten Teil definiert und beim Aufruf durch den event handler als Argument (txt) in die Funktion eingefügt. Der Befehl setTimeout setzt die Zeit in Millisekunden, während der die Meldung angezeigt werden soll, und ruft dann die zweite Funktion auf, die das Verschwinden der Meldung erledigt, indem einfach neu ein leeres Zeichen in die Statuszeile gesetzt wird.

Teil 2 -- Der Aufruf <A HREF="http://www.windowsguide.ch/scripts/dbml.exe?template=cfo/confer/threads.dbm&cid=3" onMouseOver="message('Hier geht\'s zum Diskussionsforum des Windows Guide Online'); return true">WG Online</A>

Durch onMouseOver wird jetzt nicht einfach nur der Text angezeigt, der anschliessend an den Befehl steht, sondern die Funktion aufgerufen, die den Text übernimmt und nur während einer gewissen Zeit in die Statuszeile schreibt.




© 1997 WindowsGuide Online