 |
 Die Statusleiste des Browsers, in nebenstehendem Bild rot markiert, ist ein enorm nützliches Werkzeug.
Standardverhalten
Im Standardmodus zeigt der Browser hier Informationen an, die für den Benutzer relevant sind, so z.B. dass gerade ein Server kontaktiert wurde oder zu welcher URL der Link zeigt, auf dem sich der Mauszeiger gerade befindet.
Andere Optionen
Sie als Webdesigner haben jedoch die Möglichkeit, einen Text Ihrer Wahl in der Statusleiste einzublenden. Das wird realisiert mit JavaScript:
<html>
<head>
<script language="JavaScript">
function changeStatus(text)
{
window.status = text;
}
changeStatus("Anderer Text");
</script>
</head>
<body>
</body>
</html>
Übernehmen Sie also einfach die Funktion changeStatus, und rufen Sie sie auf, wann immer Sie den Text der Statusleiste ändern wollen.
Einsatzgebiete
Bleibt die Frage, wann solche Änderungen des Standardverhaltens sinnvoll sind. Vergessen Sie nicht, dass die Statusleiste wichtige, kontext-abhängige Informationen anzeigt. Sie beschneiden die Möglichkeiten des Surfers, wenn Sie dieses Informationen abblocken.
Daher: verwenden Sie die Statuszeile niemals für einen simplen Ticker oder Ähnliches. Ticker kommunizieren meist keine Informationen, die es in Sachen Relevanz mit der Standard-Statusleiste aufnehmen könnten. Wenn Sie unbedingt einen Ticker brauchen, stellen Sie den ins Browserfenster.
Ein anderer Fall liegt vor, wenn Sie die Statusleiste verwenden, um die kontextabhängigen Informationen zu verbessern. Beispiel: der Surfer setzt den Mauszeiger auf einen Link, woraufhin in der Statuszeile eine Beschreibung zum Link erscheint. Das macht aber nur Sinn, wenn die dann erscheinenden Informationen einen echten Mehrwert darstellen.
Realisieren Sie das am besten mit einem zum Link gehörenden MouseOver-Event:
<html>
<head>
<script language="JavaScript">
function changeStatus(text)
{
window.status = text;
}
</script>
</head>
<body>
<a href="http://www.aboutwebdesign.de" onMouseover="changeStatus('Themen: Webdesign, Design-Theorie, Perl, Usability'); return true;" onMouseout="changeStatus(''); return true;">AboutWebDesign</a>
</body>
</html>
Vergessen Sie bei den Events nicht, ein return true; ans Ende zu stellen, sonst wird die Änderung nicht akzeptiert.
|
|
|
|
Sie wollen diese Seite ausdrucken? Dafür haben wir eine spezielle Druckversion ohne grafische Elemente entwickelt! |
|
|
Einführung in CSS bei HTMLWorld.
|
|
