 Rahmen bei aktivem Link
Einige Browser zeigen beim Anklicken eines Links einen feinen, punktierten Rahmen an, der so lange erhalten bleibt wie der Link aktiv ist bzw. nirgendwo sonst geklickt wurde.
|
|
punktierten Rahmen bei Links ausblenden
Beim Anklicken eines Links erhält der Verweis in den meisten Browsern einen punktierten Rahmen. Das macht eigentlich nichts. Doch der Rahmen beleibt in der Regel weiterhin solange sichtbar, bis dieser Verweis seinen Focus verliert, also irgedetwas anderes (z.B. der Scrollbar) angeklickt wird. Das wird oft als störend empfunden.
Ein JavaScript-Befehl sorgt für Abhilfe durch nur wenige Anweisungen. Weil ich auf dieser Seite das Script bereits eingebunden habe, kann ich die Gegenüberstellung des Linkverhaltens nur in einem PopUp-Window darstellen.
 Beispiele anzeigen
JavaScript-Code im Verweis
Den Script-Code tragen Sie im Link zusätzlich ein:
a) zum Link 2 im Beispielfenster:
<a href="#" onfocus="if(this.blur)this.blur()">Test-Link</a>
b) zum Link 3 im Beispielfenster:
<a href="seite.html" onclick="this.blur()">Test-Link</a>
Natürlich können Sie diese Lösung auch bei Bildverweisen einsetzen.
globale Lösung für alle Links
Wenn Sie die Script-Anweisungen nicht in jedem Link notieren möchten, können Sie auch ein javaScript in den Head-Bereich jeder Seite oder noch besser in einer externe JavaScript-Datei notieren. Die Funktion ermittelt beim Laden Der Seite die vorhandenen Links und wendet dann auf jeden Link die Blur-Anweisung an.
Die Funktion 'UmrandungEntfernen()' ermittelt die Links im Dokument durch eine Analyse der HTML-Tags (getElementsByTagName). Wenn ein vorhandenes Tag dem HTML-Tag 'a' entspricht, handelt es sich um einen Link!
Das Script im Head-Bereich einer Datei:
<script type="text/javascript" language="JavaScript">
<!--
// entfernt die gepunkteten Umrandungen geklickter Links
function UmrandungEntfernen(){
links=document.getElementsByTagName('a');
for(i=0;i<links.length;i++)
{
links[i].onfocus=new Function("if(this.blur)this.blur()");
}
}
onload=UmrandungEntfernen;
//-->
</script>
Das Script in einer externen JS-Datei (ohne JS-Deklaration):
// entfernt die gepunkteten Umrandungen geklickter Links
function UmrandungEntfernen(){
links=document.getElementsByTagName('a');
for(i=0;i<links.length;i++)
{
links[i].onfocus=new Function("if(this.blur)this.blur()");
}
}
onload=UmrandungEntfernen;
|
Home • Verweise • puntierter Rahmen