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:
(7199 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:
(7171 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:
(7165 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:
(7162 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:
(7129 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:
(7127 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:
(7120 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:
(7116 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:
(7107 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:
(7104 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

Diverses

axaio veröffentlicht neue MadeToTag-Version 2.9.126

| 12.09.2023

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen

17.04.2024

Und es geht doch: Automatisierung im Großformatdruck!

Online
Mittwoch, 17. Apr. 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Organisator: Impressed / Günther Business Solutions

https://www.impressed.de/schulung.php?c=sDetail&sid=326

Und es geht doch: Automatisierung im Großformatdruck!

Weitere Events

Neuste Foreneinträge

Lizenzfrage – Windows-Schriften in Linux einsetzen

Eizo Monitorkalibrierung auf Windows

Fußnoten zu Endnoten konvertieren

Mehrfach geschichtete und übereinander gelagerte PDFs bereinigen

Platzierte Vektorgrafiken skalieren

SMS ab Server senden? Wie geht das?

WebShare Verzeichnisse im SharePoint erstellen

Buchsrabensteuerung

Klickbare Links zu Seiten in einem Buch aus extern erzeugtem Index erstellen

Gleiche Ebene mit untersch. Fonts in Text + autom. IHVZ: Probleme mit Kursivierung

Weitere Stellenangebote