Avatar billede Cars10 Praktikant
11. februar 2005 - 11:22 Der er 8 kommentarer og
1 løsning

Skift af link color ved tryk

Hvordan for jeg et link til at skifte farve når jeg har trykket på det?
Avatar billede roenving Novice
11. februar 2005 - 13:14 #1
<style type="text/css">
a:link,a:visited,a:hover{
  color:brown;
}
a:active{
  color:red;
}
</style>

-- mmen hvis du mener at lave et link anderledes farvet, efter at du har trykket på det, skal du ændre på :visited, og så bliver det f.eks. sådan:

<style type="text/css">
a:link{
  color:brown;
}
a:visited{
  color:red;
}
a:hover,a:active{
  text-decoration:underline;
}
</style>
Avatar billede Cars10 Praktikant
12. februar 2005 - 11:30 #2
Det jeg mener er at farve på linket skal skifte når jeg trykker på det og forblive den farve indtil jeg trykker på et andet link.

active virker kun i det øjeblik jeg trykker på linket og ikke når jeg HAR haft trykket på det.
visited bliver ved med at have den samme farve når man bare 1 gang har trykket på det, så det dur heller ikke.
Avatar billede roenving Novice
12. februar 2005 - 11:35 #3
Udskifter du siden, når der trykkes ?-)

For så skal man ud i noget med enten en cookie eller noget med at genkende den url, som er til stede ...

Ellers kan du bare:

<a href"#" onclick="this.style.color='#345'">Link</a>
Avatar billede Cars10 Praktikant
14. februar 2005 - 15:47 #4
ja jeg udskifter siden
Avatar billede Cars10 Praktikant
14. februar 2005 - 15:57 #5
nåh så laver jeg det bare med at genkende url, det er hvis det nemmest. Vil du have nogle point?
Avatar billede roenving Novice
14. februar 2005 - 16:20 #6
F.eks. sådan:

<script language="javascript" type="text/javascript">
function findActLink(){
  var doc = location.href.substring(location.href.lastIndexOf("/")+1)
  var l = document.getElementsByTagName("A");
  alert(l.length);
  for(i=0;l.length>i;i++){
    if(l[i].href.indexOf(doc)>-1)
      l[i].style.color = "#444";
  }
}
window.onload = findActLink;
</script>

-- bemærk dog, at en url kan være encoded i adresselinjen, så det kan være nødvendigt at unescape, hvis du bruger tegn i dine links, som bliver encoded i urler (f.eks. mellemrum, æøå m.v. !-)
Avatar billede Cars10 Praktikant
14. februar 2005 - 18:05 #7
Jeg syntes ikke lige jeg kan få det til at virke. Jeg for sådan en alert hvor der står hvor mange links jeg har på siden.

Hvad skal jeg skrive på mit link?
Avatar billede roenving Novice
14. februar 2005 - 18:42 #8
Ja, hov, jeg fik ikke fjernet debug-alerten, der skal du bare fjerne den linje, som starter med alert( ...

-- jeg måtte nøjes med at finde det, som står efter sidste / i sidens adresse for at få det til at virke, så måske slutter dine adresser med en skråstreg ?-)
Avatar billede roenving Novice
26. februar 2005 - 05:13 #9
-- og tak for point ;~}
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
Kurser inden for grundlæggende programmering

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