Avatar billede cecil Nybegynder
12. januar 2007 - 13:45 Der er 7 kommentarer og
1 løsning

Markeringen lavet med A:visited forsvinder

Når jeg har valgt et menupunkt og klikker et tilfældigt sted forsvinder den markering jeg har lavet med A:visited i min CSS.

Prøv at gå ind op www.solskrænten.dk.
Vælg f.eks. menu pumnket Søren. Menue punket Søren skifter farve.
Flyt så musen 5 cm ned i menuen så du står et sted hvor der ikke er noget at klikke på. Og klik så. Så forsvinder markeringen på menupunket Søren.

Det er det der er mit problem. Markeringen forsvinder når man klikker på den tomme side.

Hvad skal jeg gøre for at ændrer det?
Avatar billede olebole Juniormester
12. januar 2007 - 13:54 #1
<ole>

Så er alt, som det bør være  ;o)

'a:active' refererer til det link, der er aktivt. Det betyder 'det nedtrykkede link' - ikke 'linket til den side, jeg står på'.

Jeg kan ikke se, hvordan din menu er konstrueret, da den maskine, jeg sidder ved, ikke understøtter skandinaviske bogstaver i URL'er, men jeg går udfra, du blot skal ændre menuen, så 'linket' til den aktive side ikke er et link - men blot styled som sådan  =)

/mvh
</bole>
Avatar billede mclemens Nybegynder
12. januar 2007 - 13:55 #2
http://www.xn--solskrnten-i6a.dk/

... Jeg vil anbefale at du i css skriver:
a:visited, #aktivtlink {

og så sætter et id="aktivtlink" på det aktive link
istedet for det setActive() ... alternativt kan
http://www.eksperten.dk/spm/753173#rid6569905
omskrives så det virker med dine frames og
automatisk sætter #aktivtlink på det aktivelink.
Avatar billede mclemens Nybegynder
12. januar 2007 - 14:41 #3
ups a:active, #aktivtlink {
samt et script der håndterer det ...
Avatar billede mclemens Nybegynder
12. januar 2007 - 16:41 #4
if(window.addEventListener)window.addEventListener("load", function(){wload();}, false);
else if(window.attachEvent)window.attachEvent("onload", function(){wload();});

function wload(){
  var e=top.document.getElementsByName("side")[0];
  if(e.addEventListener)e.addEventListener("load", function(){alink();}, false);
  else if(e.attachEvent)e.attachEvent("onload", function(){alink();});
  alink();
}

function alink(){
  var links=document.getElementsByTagName("a");
  for(i=0,i2=links.length;i<i2;i++){
    if(links[i].href!=top.side.location.href&&links[i].href.replace("index.html","")!=top.side.location.href){
      links[i].removeAttribute("id");
    }
  }
  for(i=0,i2=links.length;i<i2;i++){
    if(links[i].href==top.side.location.href||links[i].href.replace("index.html","")==top.side.location.href){
      links[i].setAttribute("id","aktivtlink");
      i=i2;
    }
  }
}





samt style.css

body {
    background-color: #060000;
  color: #baa440;
    font-family: Myriad, Verdana, Arial, Sans-serif;
}

a:link {
    color: #baa440;
  text-decoration:none;
/* Farven på et ubesøgt link */
}

a:visited {
    color: #baa440;
  text-decoration:none;
/* Farven på et besøgt link */
}



a:hover {
  color: #baa440;
    font-style: italic;
  text-decoration:none;
/* Farven på linket mens musne er over det */
}

a:active, #aktivtlink {
  color: #C0C0C0;
  text-decoration:none;
/* Farven på linket mens det aktiveres */
}







og så på din menu indsætter du i head delen:

<script type="text/javascript" src="activelink.js"></script>

... og sletter det setActive() samt den id="forside"
Avatar billede mclemens Nybegynder
12. januar 2007 - 16:42 #5
Det øverste før style.css var activelink.js filen
Avatar billede roenving Novice
15. januar 2007 - 04:36 #6
Måske:

var foer = null;
function active(lnk) {
  if (foer){
    foer.style.color = "#246374";
    foer.style.backgroundColor = "transparent";
  }
  lnk.style.color = "#FFF";
  lnk.style.backgroundColor = "#246374";
  foer = lnk;
}
Avatar billede cecil Nybegynder
30. maj 2010 - 11:53 #7
Hej mclemens 

Opret et svar så får du point.

Søren
Avatar billede mclemens Nybegynder
30. maj 2010 - 14:16 #8
Kommer her :)
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