Rahmen bei Link unterdrücken

[Cybaer]

Hi,

Ich hab mal gelesen dass man den Rahmen, der beim Anklicken eines Links entsteht, irgendwie unterdrücken kann so dass er nicht mehr da ist.

HTML    : hidefocus (MS-HTML)

Effekt  : Rahmen wird erst gar nicht dargestellt.
Vorteil : Tastatursteuerung funktioniert
Nachteil: Rahmen wird auch bei Tastatursteuerung nicht dargestellt; funktioniert nur auf IE ab 5.x; kein HTML-Standard.
Beispiel: <a href="http://www.example.org" hidefocus>

----------

CSS     : outline (CSS 2.1) & -moz-outline (Mozilla-CSS)
<style type="text/css"><!--
 .hidefocus { outline:0; -moz-outline:0; }
--></style>

Effekt  : Rahmen wird erst gar nicht dargestellt.
Vorteil : Trennung von Layout & Inhalt; Tastatursteuerung funktioniert; kann beschränkt werden auf Pseudoformate
Nachteil: Wird noch nicht, bzw. nur von Mozilla-Browsern unterstützt.
Beispiel: <a class="hidefocus" href="http://www.example.org">

----------

Script  : blur()
<script type="text/javascript" language="JavaScript"><!--
function hidefocus(element) { if(element.blur) { element.blur(); } }
//--></script>

Event   : onFocus
Effekt  : Rahmen wird erst gar nicht dargestellt.
Vorteil : Flexibel durch Programmierung
Nachteil: Scripting muß vorhanden/aktiviert sein; Tastatursteuerung ist komplett deaktiviert!
Beispiel: <a href="http://www.example.org" onFocus="hidefocus(this);">

Event   : onClick
Effekt  : Rahmen wird erst gar nicht dargestellt.
Vorteil : Flexibel durch Programmierung
Nachteil: Scripting muß vorhanden/aktiviert sein; Tastatursteuerung ist eingeschränkt (fängt immer wieder von vorne an)
Beispiel: <a href="http://www.example.org" onClick="hidefocus(this);">

Event   : onMouseUp
Effekt  : Rahmen wird beim Loslassen des Mausknopfes gelöscht
Vorteil : Tastatursteuerung funktioniert; Rahmen wird bei Tastatursteuerung dargestellt; flexibel durch Programmierung
Nachteil: Scripting muß vorhanden/aktiviert sein; kurzes Aufblitzen des Rahmens
Beispiel: <a href="http://www.example.org" onMouseUp="hidefocus(this);">

Da der Linkrahmen zumindest bei Tastatursteuerung sehr sinnvoll ist, bevorzuge ich die onMouseUp-Variante ("größere" Version s. [url="http://Coding.binon.net/Systemvariable"]Coding: Systemvariable[/url]).

Wenn man die komplette Nicht-Anzeige der Defokussierung vorzieht, sollte man vielleicht mittels der CSS-Pseudoformate (insbesondere :focus) eine zum Layout der Website passende Alternative definieren.

Gruß, Cybaer