Avatar billede dennism Nybegynder
19. marts 2002 - 07:53 Der er 4 kommentarer og
1 løsning

JavaScript - Rullover Effekt

Hmm... Jeg bruger dette JavaScript til at lave en rullover effekt:

<TD>Nr.: 1</TD>
<TD  omouseover="this.style.background= '#A6BAAD'" onmouseout="this.style.background = '#e0e0e0'"> Nr.: 2 </TD>
<TD>Nr.: 3</TD>


Men hvordan laver jeg så sådan at når jeg har musen over 'Nr.: 2', så bliver der også farvet i 'nr.: 1' og 'nr.: 3' ?

Håber i forstår hvad jeg mener... ?
Avatar billede z42cool Nybegynder
19. marts 2002 - 08:43 #1
Hvilke browsere skal de fungere i?
Avatar billede jakoba Nybegynder
19. marts 2002 - 11:41 #2
nedenstående skulle virke i IE5 og op samt NS6.

Giv din <TD et navn.
fx
<TD id='nr1'>Nr.: 1</TD>
<TD
  omouseover="this.style.background='#A6BAAD';document.getElementById('nr1').style.background='#A6BAAD';document.getElementById('nr3').style.background='#A6BAAD'"
  onmouseout="this.style.background = '#e0e0e0'";document.getElementById('nr1').style.background='#e0e0e0';document.getElementById('nr3').style.background='#e0e0e0'"
>
<td id='nr2'>Nr.: 2 </TD>

det er en ordentlig smøre at skulle skrive ind i en <td kommando, så det vil nok være bedre at lave en lille javascript funktion til det:
<TD id='nr3'>Nr.: 3</TD>

<script type='text/javascript'> <!--

function setFarve( denne, farve ) {
    denne.style.background=farve;
    document.getElementById('nr1').style.background=farve;
    document.getElementById('nr3').style.background='farve;
}; //end setFarve( TD object, farve )

// --> </script>

og så

<TD id='nr1'>Nr.: 1</TD>
<TD
  omouseover="setFarve( this, '#A6BAAD' );"
  onmouseout="setFarve( this, '#e0e0e0' );"
>
<td id='nr2'>Nr.: 2 </TD>

Hvis ie4 skal med akal vi have lidt mere tekst i funktionen og bruge document.all, men det vil stadig kunne virke.

I NS4.x kan det slet ikke lade sig gøre.

mvh JakobA
Avatar billede dennism Nybegynder
19. marts 2002 - 14:29 #3
Hmm... Jeg bruger dette denne kode:

<TR>
<TD id='nr1' background=images/menu_v.jpg width=5></TD>
<TD id='nr2' omouseover='setFarve( this, '#A6BAAD' );'
  onmouseout='setFarve( this, '#e0e0e0' );' bgcolor=#FFFFFF class=menu><A HREF='$link'><FONT class=menu>&nbsp;»
$tekst</A></FONT></TD>
<TD id='nr3' background=images/menu_h.jpg width=5></TD>
</TR>

Men der kommer ikke noget rullover effekt! Hvorfor?
Avatar billede dennism Nybegynder
20. marts 2002 - 07:39 #4
Hmm... Kan du hjælpe? Eller skal jeg lukke?
Avatar billede dennism Nybegynder
20. marts 2002 - 21:03 #5
lukker...
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