onfocus=blur() per css?

[Gast] Foren Archiv Adobe GoLive onfocus=blur() per css?

Archiv - Archivierte Foren

Themen

Beiträge

Moderatoren

Letzter Beitrag

Adobe GoLive

6161

30249

Dirk Levy

28. Mai 2021, 13:02

Dirk Levy

Paulinger

Beiträge gesamt: 51

23. Jan 2006, 02:03
Beitrag # 1 von 10
Bewertung:
(7201 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

gibts ne möglichkeit diese rahmen per css zu entfernen, oder muss ich bei jedem link im quelltext diesen onfocus=blur() einfügen??

onfocus=blur() per css?

SabineP

Beiträge gesamt: 7586

23. Jan 2006, 10:17
Beitrag # 2 von 10
Beitrag ID: #206457
Bewertung:
(7173 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Paulinger,

Dieses Javscript kann man nicht durch CSS ersetzen.

Allerdings machst Du damit die Navigation in Deiner Seite kaputt.
Mit diesem Script kann man nicht mehr mit der Tabulatortaste von Link zu Link wechseln.

Gruß Sabine

als Antwort auf: [#206425]

onfocus=blur() per css?

Paulinger

Beiträge gesamt: 51

23. Jan 2006, 10:46
Beitrag # 3 von 10
Beitrag ID: #206473
Bewertung:
(7167 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

ok, danke. gibts ne möglichkeit diesen rahmen zu verändern oder auszublenden, ohne daß die navi in mitleidenschaft gezogen wird? eziehungsweise, was kann man den so alles in die klammer setzen?

als Antwort auf: [#206457]
(Dieser Beitrag wurde von Paulinger am 23. Jan 2006, 10:53 geändert)

onfocus=blur() per css?

SabineP

Beiträge gesamt: 7586

23. Jan 2006, 11:03
Beitrag # 4 von 10
Beitrag ID: #206484
Bewertung:
(7164 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Nein, es gibt keine andere Möglichkeit.
Laß den Rahmen einfach wie er ist,
manche Benutzer orientieren sich auch daran,
um zu sehen, wo man zuletzt geklickt hat.

Gruß Sabine

als Antwort auf: [#206473]

onfocus=blur() per css?

Beiträge gesamt: 6

25. Jan 2006, 11:04
Beitrag # 5 von 10
Beitrag ID: #206936
Bewertung:
(7131 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hi,

hab grad auch nach einer Lösung des Problems gesucht.
Da es bei meinem Design störend wirkt wenn dieser Rahmen erscheint wollte mich mit einem "Nein" noch nicht abfinden und bin da noch über folgendes gestolpert:

Code

<script type="text/javascript"> 
<!-- 
function BlurLinks(){ 
 
// Text- u. Grafik-Links 
lnks=document.getElementsByTagName('a'); 
for(i=0;i<lnks.length;i++){ 
lnks[i].onfocus=new Function("this.blur()"); 
} 
 
// ImageMaps 
lnks=document.getElementsByTagName('area'); 
for(i=0;i<lnks.length;i++){ 
lnks[i].onfocus=new Function("this.blur()"); 
} 
} 
 
onload=BlurLinks; 
//--> 
</script>

habs von hier:http://home.arcor.de/...vascript/blur.links/

Gruß aus Berlin

als Antwort auf: [#206484]

onfocus=blur() per css?

SabineP

Beiträge gesamt: 7586

25. Jan 2006, 11:20
Beitrag # 6 von 10
Beitrag ID: #206942
Bewertung:
(7129 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo ts,

auch diese Variante verhindert das Navigieren mit der Tabulatortaste.
Wie gesagt es gibt keine Möglichkeit den Rahmen zu entfernen
ohne daß dabei die Navigation innerhalb der Seite kaputtgeht.

Gruß Sabine

als Antwort auf: [#206936]

onfocus=blur() per css?

Beiträge gesamt: 6

25. Jan 2006, 11:53
Beitrag # 7 von 10
Beitrag ID: #206947
Bewertung:
(7122 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

ups, sorry für diesen unqualifizierten Beitrag.
Das hab ich ganz vergessen. War happy das der xhtml1.1 validator beim onfocus im <a> -tag nicht mehr gemeckert hat.

Habs Design verändert. Passt nun auch wieder. Störend ist bloß, finde ich, im Firefox dass er diesen Rahmen sofort beim klicken einblendet und nicht erst wenn man wieder auf die Seite zurückkommt wie beim IE.

Durch blur kommt man ja auch abseits des Barrierefreien...

Danke dir Sabine. Hab heut wieder was dazu gerlernt.
(Ernst gemeint)

als Antwort auf: [#206942]

onfocus=blur() per css?

SabineP

Beiträge gesamt: 7586

25. Jan 2006, 12:30
Beitrag # 8 von 10
Beitrag ID: #206965
Bewertung:
(7118 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo ts,

>> Störend ist bloß, finde ich, im Firefox dass er diesen Rahmen sofort beim klicken
>> einblendet und nicht erst wenn man wieder auf die Seite zurückkommt wie beim IE

Da bringst Du mich auf eine Idee.

Schau Dir mal diese Seite an:
http://www.w3.org/Style/CSS/Test/

Die Links rechts im grünen Balken "CSS1" und "CSS 2.1" zeigen keinen Rahmen beim Klicken.
Der Link "Validator" zeigt den Rahmen erst an nach dem Zurück-Button an.

Firefox (Version 1.5) verhält sich hier genau so wie Du oben für den IE beschrieben hast.
Mit der Pseudoklasse :focus kann man da doch noch etwas beeinflussen.
http://www.w3.org/...namic-pseudo-classes

Allerdings habe ich das noch nicht detailliert getestet, probiers einfach mal aus.

Gruß Sabine

als Antwort auf: [#206947]

onfocus=blur() per css?

Beiträge gesamt: 6

25. Jan 2006, 20:24
Beitrag # 9 von 10
Beitrag ID: #207109
Bewertung:
(7109 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hi Sabine,

grad der Firefox 1.5 macht den rahmen ja gleich hin.
Ich habe rausgefunden das ich den Rahmen mit css und zwar mit "outline" beeinflussen kann. Mit "none" ist er dann auch weg.
Problem: Beim zurückklicken natürlich auch.
Von dem her auch nicht grad das wahre.

Dadurch ist aber auch wieder die Navi kaputt(zumindest im Firefox) da ja der Rahmen fehlt. Das habe ich dann z.B durch fette Schrift bei a:focus und! a:active(für das zurückklicken) wieder ausgeglichen.

Auf der CSS test suites seite habe ich mir die Links CSS1 und CSS2.1 angeschaut. Hierbei handelt es sich um Anker. Ich habe das auch bei mir getestet => gibt keinen Rahmen.
Beim anklicken verschwindet meiner meinung nach der Rahmen unter dem roten Rahmen denn beim durchgehen mit der tab-taste erscheint er.

So ist das problem noch nicht ganz so gut gelöst.
Trotzdem vielen Dank

Gruß tS

als Antwort auf: [#206965]

onfocus=blur() per css?

SabineP

Beiträge gesamt: 7586

25. Jan 2006, 22:28
Beitrag # 10 von 10
Beitrag ID: #207126
Bewertung:
(7106 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo ts,

outline kannte ich noch nicht, damit kann man ja ein richtiges Farbfeuerwerk veranstalten :-)

Code

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<style type="text/css"> 
 
A:hover	{outline: thick solid red} 
A:focus	{outline: thick solid lime} 
A:active	{outline: thick solid blue} 
 
</style> 
</HEAD> 
 
<BODY> 
 
<A HREF="http://example.com">Linkrahmen</A> 
 
</BODY> 
</HTML>

und mit
a{outline-width:0px}
sind alle Linkrahmen weg.

Damit wäre wenigstens Paulingers Problem gelöst,
wenn das auch im IE funktioniert.

Und noch schnell ein Link dazu, falls noch jemand nachlesen möchte:
http://edition-w3c.de/...18.html#heading-18.3

Gruß Sabine

als Antwort auf: [#207109]
(Dieser Beitrag wurde von SabineP am 25. Jan 2006, 22:32 geändert)

Aktuell

InDesign / Illustrator

axaio MadeToPrint Server unterstützt Adobe InDesign Server 2024

| 27.11.2023

Weitere Events

Neuste Foreneinträge

Mehrfach geschichtete und übereinander gelagerte PDFs bereinigen

InDesign 19.2 konvertiert 19.3-Dateien beim Öffnen ungefragt

Platzierte Vektorgrafiken skalieren

Adobe Fonts werden nicht sofort/automatisch in ID-Dateien geladen

PDF-Formular: Dateianhang durch User?

Kontrollkästchen in PDF-Formular

Mein Tagesausflug ins Land CorelDraw

Eizo Monitorkalibrierung auf Windows

Fußnoten zu Endnoten konvertieren

SMS ab Server senden? Wie geht das?

Weitere Stellenangebote