Avatar billede manon Nybegynder
23. juli 2003 - 02:16 Der er 25 kommentarer og
2 løsninger

onFocus=this.blur sammen med CSS

Hej E

Hvordan kan man indsætte  onFocus="this.blur();" på alle links vha. CSS ?

Jeg bruger f.eks. <link rel="stylesheet" href="test.css"> og inde i den ser det således ud:

a:link
{text-decoration: none; color: #719070; font-family: Arial, Helvetica, sans-serif; font-size: 11px}
a:visited
{text-decoration: none; color: #719070; font-family: Arial, Helvetica, sans-serif; font-size: 11px}
a:active
{text-decoration: none; color: #719070; font-family: Arial, Helvetica, sans-serif; font-size: 11px}
a:hover
{text-decoration: none; color: #CCCC66; font-family: Arial, Helvetica, sans-serif; font-size: 11px}



Skal jeg manuelt gå ind på alle links eller kan det gøres på en smart måde?

På forhånd tak for hjælpen.
Vh\M.
Avatar billede skovenborg Nybegynder
23. juli 2003 - 02:48 #1
Hvad helt præcis vil du gerne opnå ved at sige onFocus osv.?
Avatar billede manon Nybegynder
23. juli 2003 - 02:56 #2
skovenborg >>
ved du ikke hvad <a href="#" onFocus="this.blur();">link</a> gør?
Avatar billede bearhugx Nybegynder
23. juli 2003 - 02:56 #3
jeg kunne også tænke mig at vide det... Men i essens -- er det at du ønsker at ingen af dine links må/kan modtage fokus ??
Avatar billede sukos Juniormester
23. juli 2003 - 02:59 #4
Tror ikke du kan bruge css og onfocus sammen.
onfocus bruges på elementer, ikke i stylesheet.
Avatar billede bearhugx Nybegynder
23. juli 2003 - 03:00 #5
manon >> nææ - jeg tror at han/hun (lige som jeg) gerne vil vide, hvad du vil opnå - hvorfor du gerne vil blur'e i tilfælde af at et element modtager fokus ... og hvorfor så lige links...

Et lille tip : en gang i mellem kan det give bedre respons ved at man forklarer hvad man vil bruge et eller andet til, end bare at skrive "hvordan gør jeg dette specifikke her" eller "hvorfor virker dette her ikke" ...
Det giver andre mulighed for at komme med alternative tilgangsvinkler på hvad man gerne vil have løst...
Avatar billede bearhugx Nybegynder
23. juli 2003 - 03:02 #6
men for at samstemme med sukos >> CSS styrer kun den visuelle repræsentation af et element - og altså ikke dens event-styring... Der skal du ind og programmere i DOM, hvis du vil ramme alle elementer af en bestemt type...
Avatar billede manon Nybegynder
23. juli 2003 - 03:05 #7
Jeg bruger <a href="#" onFocus="this.blur();">link</a> for ikke at få den prikkede/striblede linie rundt omkring et link når der klikkes på det.
Avatar billede manon Nybegynder
23. juli 2003 - 03:07 #8
bearhugx >>
Siger jo ligesom sig selv hvorfor jeg gerne vil bruge CSS til dette - mere for at spare tid ved manuelt at gå ind og håndkode onfocus ved hvert eneste link.

Men som sukos så godt har forklaret, kan disse 2 ting ikke bruges sammen.
Avatar billede roenving Novice
23. juli 2003 - 03:19 #9
phoenixv lavede en i går, så hvis nu søgefunktionen havde virket ...
Avatar billede bearhugx Nybegynder
23. juli 2003 - 03:20 #10
ok..

jeg _mener_ (dvs. ikke testet) at du kan gøre følgende

function disableAFocus() {
  var A_nodes = document.getElementsByTagName("A");

  for(i=0;i<A_nodes.length;++i) {
    a = A_nodes.item(i);
    a.focus = a.blur;
  }
}
Avatar billede roenving Novice
23. juli 2003 - 03:23 #11
http://www.eksperten.dk/spm/377953 :

<html>
<head>
<script type="text/javascript">
function ingenMyresti() {
  arr = document.getElementsByTagName("a");
  for (i = 0; i < arr.length; i++) {
    if (!arr[i].blur)
      return;
    arr[i].onfocus = function() {
      this.blur();
    }
  }
}
</script>
</head>
<body onload="ingenMyresti();">
<a href="#">Bla1</a><br />
<a href="#">Bla2</a><br />
<a href="#">Bla3</a>
</body>
</html>
Avatar billede bearhugx Nybegynder
23. juli 2003 - 03:25 #12
hov ja .. det er rigtigt - min linie skulle have været
  a.onfocus = a.blur;
Avatar billede manon Nybegynder
23. juli 2003 - 03:27 #13
roenving >>
Takker - du må gerne svare så vi kan lukke dette spm.
Avatar billede roenving Novice
23. juli 2003 - 03:28 #14
>>manon syns jeg kender formuleringen *gg*

-- og velbekomme '-)
Avatar billede bearhugx Nybegynder
23. juli 2003 - 03:29 #15
manon >> du kunne ikke bruge mit svar ?
Avatar billede bearhugx Nybegynder
23. juli 2003 - 03:29 #16
har lige aftestet det, og det virker..
Avatar billede manon Nybegynder
23. juli 2003 - 03:31 #17
bearhugx >>
Det ved jeg ikke, for jeg fik et brugbart svar fra roenving.
Avatar billede manon Nybegynder
23. juli 2003 - 03:32 #18
bearhugx >>
men du kan da godt få 140 point for dit svar ;-)
så hvis du mangler point skal du da bare sige til.
Avatar billede bearhugx Nybegynder
23. juli 2003 - 03:35 #19
manon >> nææ - så store summer behøver jeg dog ikke -- taget i betragtning af at jeg rundt regnet har 13000 flere disponible points at rutte med :-))

gem du hellere dine 140 til du får problemer næste gang ;-)  (og så skal jeg så være hurtigere end roenving til at melde ud at min kode også virker :-)
Avatar billede bearhugx Nybegynder
23. juli 2003 - 03:37 #20
altså ... flere end dig... (tænkte nok at jeg kom til at afslutte sætningen halvfærdig...)
Avatar billede manon Nybegynder
23. juli 2003 - 03:38 #21
bearhugx >>
det gør ikke noget - jeg er ved at lukke min konto, så mine point skal bare fyres af - bare spørg roenving *LOL*
Avatar billede bearhugx Nybegynder
23. juli 2003 - 03:39 #22
oh..... Men så vil jeg da gerne svare - og modtage -- lidt points kan man da altid bruge :-)
Avatar billede roenving Novice
23. juli 2003 - 03:39 #23
ja, hvad Søren skal man si'e ...
Avatar billede bearhugx Nybegynder
23. juli 2003 - 03:40 #24
he he roenving :-)
Avatar billede bearhugx Nybegynder
23. juli 2003 - 03:42 #25
nuvel ... - jeg skal på arbejde i morgen :-/ så jeg smutter i seng - og lader jer om pointdelingen....

G'natter
/Søren
Avatar billede manon Nybegynder
23. juli 2003 - 03:46 #26
Jeg takker alle for hjælpen:-)
Avatar billede roenving Novice
23. juli 2003 - 03:46 #27
-- og jeg takker for points ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester