HrblSoft_logo
Werbung MoneyBanner.de


 Themen

 News und Upload Info
 HTML Tipps und Tricks
 Javascript Tricks
 DHTML und Styles
 Html und JScript Links
 Allgemeine Grafiktipps
 PP Tricks und Tutorials
 Links zum Thema Grafik
 Downloads und Tools

 Linkmarkierung

08.01.2001

Nutzern des Internet Explorers von Microsoft wird es vielleicht schon aufgefallen sein, der IE zieht um aktivierte Text- und Grafiklinks eine dünne gestrichelte Linie. Verweist der Link auf ein neues Dokument, ist diese Tatsache nicht weiter tragisch. Beim Einsatz von Imagemaps oder aufwendigen Dhtml Seiten mit teiltransparenten Grafiken, kann dieser Effekt das Erscheinungsbild der Seite nachteilig beeinflussen.

Leider lässt sich der IE nicht davon abbringen die Links zu markieren. Aber mit einem kleinen Trick lässt sich die Anzeige für den Betrachter vermeiden. Mit Javascript kann man einem Objekt den Focus (das Objekt ist ausgewählt) zuweisen oder entziehen. Zusammen mit der Eventsteuerung lässt sich so ein Markierungsrahmen sofort nach der Einblendung wieder entfernen. Wird das Bild in folgendem Beispiel mit der Maus angeklickt, erhält es den Focus. Dieses Ereignis (Event) wird abgefragt und dem aktiven Objekt (this) der Focus mit blur() wieder entzogen.



<A HREF="#" onFocus="this.blur();" onClick="funktion()"><img SRC="bild.gif" height=30 width=150 BORDER=0></A>


 Tastatursurfer

Das Ausblenden des Rahmens hat allerdings auch eine unangenehme Nebenwirkung. Manche Besucher verwenden u.U. keine Maus und steuern ihren Browser über die Tastatur. Dieser Personenkreis hat dann keine Chance mehr durch die Seite zu navigieren. Eine kleine Änderung am Script erreicht ein Ausblenden des Rahmens nach beispielsweise 250ms. So kann die Optik gewahrt bleiben und Tastatursurfer können sich ebenfalls zurecht finden.



<A HREF="#" onFocus="javascript:setTimeout('this.blur()',250)" onClick="funktion()"><img SRC="bild.gif" height=30 width=150 BORDER=0></A>