Søg
Avatar billede sluppermanden Nybegynder
18. marts 2008 - 11:20 Der er 4 kommentarer

Kan man få et link til at hover uden at musen hen over ?

Jeg vil gerne have flere links til at hover samtidig.

Er der en måde hvor man med javascript kan aktivere hover for flere elementer?
Avatar billede kalp Novice
18. marts 2008 - 11:40 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<script>
  function HoverGroup(group){
    var groupMembers = document.getElementsByName(group);
    for(var i = 0; i < groupMembers.length; i++){
      groupMembers[i].className = 'Hover';
    }
  }
  function UnHoverGroup(group){
    var groupMembers = document.getElementsByName(group);
    for(var i = 0; i < groupMembers.length; i++){
      groupMembers[i].className = 'NoHover';
    }
  }
</script>
<style>
.Hover {
  color:red;
}
.NoHover {
  color:green;
}
</style>
</HEAD>

<BODY>
<a href="asdas" onmouseover="HoverGroup(this.name);" onmouseout="UnHoverGroup(this.name);" name="groupOne" class="NoHover">one1</a>
<a href="asdas" onmouseover="HoverGroup(this.name);" onmouseout="UnHoverGroup(this.name);" name="groupOne" class="NoHover">one2</a>
<a href="asdas" onmouseover="HoverGroup(this.name);" onmouseout="UnHoverGroup(this.name);" name="groupOne" class="NoHover">one3</a>
<a href="asdas" onmouseover="HoverGroup(this.name);" onmouseout="UnHoverGroup(this.name);" name="groupTwo" class="NoHover">two1</a>
<a href="asdas" onmouseover="HoverGroup(this.name);" onmouseout="UnHoverGroup(this.name);" name="groupTwo" class="NoHover">two2</a>
<a href="asdas" onmouseover="HoverGroup(this.name);" onmouseout="UnHoverGroup(this.name);" name="groupTwo" class="NoHover">two3</a>
<a href="asdas">notgroupped</a>
</BODY>
</HTML>
Avatar billede sluppermanden Nybegynder
18. marts 2008 - 11:47 #2
Nej ikke helt sådan, jeg vil bruge den class som allerede er tilknyttet elementet.
Jeg vil godt bare aktivere hover.
Avatar billede kalp Novice
18. marts 2008 - 12:45 #3
Ja, men hvis du "bare" vil aktivere hover, så synes jeg du "bare" skal gøre det;)
Avatar billede olebole Juniormester
18. marts 2008 - 21:38 #4
<ole>

"Jeg vil godt bare aktivere hover." >> Det kan du ikke.

Du er nødt til at style de(t) ønskede link(s) via JavaScript. Det performer dog ikke godt at skifte CSS-klasse på HTML-elementer, så skift de enkelte style properties i stedet

/mvh
</bole>
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:59 Konverter fra analogt RCA-mini jack kabel til USB til bærbar pc Af ErikHg i Andet hardware
19/0612:25 ASUS - Ikke muligt at åbne PC-en Af Laqsse Kristiansen i PC
18/0620:11 Beskrivelse af hvad der er på billederne Af Strawberry i Mobiltelefoner
17/0611:32 Handlingen er annulleret Af Lars8900 i Office & Kontorpakker
16/0622:37 Windows 10 - Stadigvæk Af Lemming@privat.dk i Andet software
White papers
Flere white papers »