WN - Ta bort focus på knappar i FireFox?

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Ta bort focus på knappar i FireFox? (https://www.wn.se/forum/showthread.php?t=19908)

mindgem

2007-03-11 20:49

Hur tar jag bort focus från knappar i Firefox. Här är ett exempel på vad jag menar ifall jag har blandat ihop uttrycken.
http://www.rekonomera.se/trash/focus.gif

totoo

2007-03-11 20:53

spontan gissning är att du som webbutvecklare inte kan påverka detta utan att detta är något som varje indivuduell klient får inaktivera i så fall.

Men ja, det är fullt som fan.

mindgem

2007-03-11 21:15

Det var någon som sa att det gick att fixa med Javascript men innan jag hann få snutten så var han borta.

hnn	2007-03-11 21:21

Kolla på webdesignskolan.... Han har ett sånt script... Om det funkar, vette katten.

WizKid

2007-03-11 21:27

Jag tror det går att göra via Javascript men det är inte rekommenderat eftersom det förstör för alla som navigerar på sidan med tex tangentbordet.

Seattlegrunge

2007-03-11 21:42

Följande script tar bort default outline runt länkar i de olika webbläsarna (tänk på att din sida inte längre är "handikappsanpassad" för de som inte använder musen, utan tangentbordet):

Kod:

function removeFocusOnAllLinks(){

for(var i=0; i < document.links.length; i++)

document.links[i].onfocus=blurLink;

}



function blurLink() {

if (this.blur) this.blur();

}



window.onload=removeFocusOnAllLinks;

tommiehansen

2007-03-11 22:28

Den där typen av saker är bara att lägga ner rakt av. Om det ändå ska designas så börja inte med att bryta användarvänliga saker direkt .. :f

Tänk lite större istället. :)

martine

2007-03-12 06:47

Hur vore det med att använda standard-css:ens outline, outline-style, outline-color, outline-width om du nu vill försvåra för dina besökare att veta var dom är och vad dom gör.

Och vad du vill göra är inte att ta bort focus utan förändra hur det fokuserade objektets markering ser ut…

mindgem

2007-03-14 21:27

Citat:

Originally posted by tommiehansen@Mar 11 2007, 23:28
Den där typen av saker är bara att lägga ner rakt av. Om det ändå ska designas så börja inte med att bryta användarvänliga saker direkt .. :f

Tänk lite större istället. :)

Den dag jag tar order från någon annan...

mindgem

2007-03-14 21:29

Ny fråga på samma tema.

Hur kan jag istället för focus ha roll over knappar och en tredje knapp som är aktiv när jag är på den sidan. så användaren klart ser var han befinner sig i menyvalen.

tommiehansen

2007-03-17 05:14

Citat:

Ursprungligen postat av mindgem

Citat:

Ursprungligen postat av tommiehansen

Den där typen av saker är bara att lägga ner rakt av. Om det ändå ska designas så börja inte med att bryta användarvänliga saker direkt .. :f

Tänk lite större istället. :)

Den dag jag tar order från någon annan...

:rolleyes:

melin

2007-03-17 08:10

mindgem.. alltså, tommihansen har en poäng - du får aldrig skrota användarvänlighet för design..

hursom.. du vill ha olika bakgrund på en knapp beroende på om man pekar på den eller inte.

Jag föreslår att du läser lite CSS, speciellt då :hover funktionen

DeSoto

2007-03-17 09:05

Angående din första fråga så kan du skrota frames, så försvinner fokusen på dina länkar när de trycks på eftersom sidan laddas om.

mindgem

2007-03-17 13:43

Citat:

Originally posted by melin@Mar 17 2007, 09:10
mindgem.. alltså, tommihansen har en poäng - du får aldrig skrota användarvänlighet för design..

hursom.. du vill ha olika bakgrund på en knapp beroende på om man pekar på den eller inte.

Jag föreslår att du läser lite CSS, speciellt då :hover funktionen

Går det att göra på roll over knappar? Jag ska inte ha en textlänk utan bilder som är roll over länkar. Dessutom finns det ingen focus på textlänkar på samma sätt som när du markerar en bild i en cell som första bilden visar. Mitt problem är att länken öppnar ett nytt dokument i en iframe så focus sitter kvar på bilden istället för att normalt sätt flytta focus eftersom den laddar om _parent.

Men jag vill ha en bild när musen är någonannanstans, en annan bild när du hover över bilden/länken. och en tredje bild n'r du har klickat på länken och den nya sidan är laddad. Då ser du vart du befinner dig. Hur gör man detta?

melin

2007-03-17 19:57

:hover "ska" fungera till alla element.. men (som vanligt) så gör det inte det i t.ex Explorer 6 (vet inte hur 7an reagerar)

Jag skulle kika på jQuery om jag vore du. www.jquery.com

Det är ett paket med smarta javascriptfunktioner som underlättar en massa då man bygger med javascript funktioner

du kan se ett exempel här: www.melinweb.com/x/memory

Lukas

2007-03-21 10:40

Det behövs inget JavaScript, räcker att sätta outline:none på :focus. Funkar i både Firefox och IE6
#navi li a:focus {
outline: none;
}

Alla tider är GMT +2. Klockan är nu 17:46.