Rahmen bei Link unterdrücken

[Flashbaer]

Hallo!

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.

Wie geht das?

Gruß
Flashbaer

[berdn]

Hallo Flashbear,

bei Bildern border="0",
Bei Textlinks onFocus="if(blur()){this.blur()};"

Rate bei den Textlinks dringends !!!!!!!!!!!!!! von ab,
da die Seite nicht mehr mit der Tastatur zu navigieren ist.
Hab's zwar früher auch benutz, schäme mich noch bis heute.

Außerdem wird der Rahmen nicht von jeden Browser angezeigt ....

Bernd

[Ingo Turski]

Hi,

Rate bei den Textlinks dringends !!!!!!!!!!!!!! von ab,

wieso nur bei Textlinks? Dies verhindert grundsätzlch die Navigation über Tastatur.

freundliche Grüße
Ingo

[Cybaer]

Hi,

if(blur()){this.blur()};

Das ergibt ohnehin keinen Sinn.

blur() gibt es bereits ab JS 1.0. Um ggf. Fehler zu vermeiden, muß abgefragt werden, ob auch das gewünschte Objekt diese Methode beherrscht (s. Parallelposting).

Gruß, Cybaer

[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