Avatar billede mcgyverking Nybegynder
19. juli 2002 - 21:50 Der er 6 kommentarer og
1 løsning

Er der nogen som har et bedre forslag end det biks her ;-)

Hejsa,

Jeg vil gerne lave det sådan at når en evt. bruger på min hp vælger et link ændres bgcolor. Men problemet er at hvis jeg sætter <A> til at ændres så får jeg kun en ændret farve i linkets længde... Jeg har selvfølgelig lagt hele menuen ind i et table så det jeg efterlyser er en må at ændre bgcolor i det TD som linket hidrører.... (Tror jeg nok  ;-)

Her kan i se hvad jeg fik rodet mig ud i:

<script language="JavaScript" type="text/javascript">
function changeBg()
{

    if(event.type == 'mouseover')
    {
    var getEvent = event.fromElement
    var chgStyle = getEvent.id
    document.getElementById(chgStyle).bgColor = "#00ffff"
   
   
    return true;
    }

    if(event.type == 'mouseout')
    {
    var getEvent = event.toElement
    var chgStyle = getEvent.id
    document.getElementById(chgStyle).bgColor = "#FFFFFF"
    return true;
    }
return true;
}
</script>

Men hvis man fx. flytter musen hurtigt væk så forblive bgcolor bare den nye farve....Grrr ;-)

Takker!

Mvh Frederik
Avatar billede hells Nybegynder
19. juli 2002 - 21:54 #1
Prøv at kalde funktionen på cellen, som linket er i.
Avatar billede cdc Novice
19. juli 2002 - 22:04 #2
hvad med at lave det i css ?

<html>

<head>

<title></title>
<style type="text/css">
<!--
a.menu {
background : #dddddd;
display:block;
width:100%;
}

a.menu:hover {
background : #999999
display:block;
width:100%;
}
-->
</style>

</head>

<body>
<table width=130 cellspacing="0" cellpadding="0" border="1" bordercolorlight="#000000" bordercolordark="#FFFFFF">
<tr><td>
    <p align="center"><a href="#" class=menu>Menupunkt 1</a></p>
  </td></tr>
<tr><td>
    <p align="center"><a href="#" class=menu>Menupunkt 2</a></p>
  </td></tr>
<tr><td>
    <p align="center"><a href="#" class=menu>Menupunkt 3</a></p>
  </td></tr>
</table>
</body>

</html>
Avatar billede jakoba Nybegynder
19. juli 2002 - 22:16 #3
<script language="JavaScript" type="text/javascript">
function changeBg() {  // duer kun i IE og DOM-browsere

    var getEvent = event.fromElement
    While ( getEvent.parentElement && getEvent.tagName.tiLowerCase() != "td"  ) {
        getEvent = getEvent.parentElement;  // arbejd udad indtil <TD objekt
    }
    if(event.type == 'mouseover') {
        getEvent.style.backgroundColor = "#00ffff"; 
        return true;
    }
    if(event.type == 'mouseout') {
        getEvent.style.backgroundColor = "#FFFFFF";
        return true;
    }
    return true;
}
</script>
Avatar billede mcgyverking Nybegynder
19. juli 2002 - 22:19 #4
Jakoba>> Takker!! Lige hvad jeg manglede!

Mvh Frederik
Avatar billede =maddog= Nybegynder
19. juli 2002 - 22:39 #5
jeg kan kun anbefale CSS løsningen (ellers elegant Jakoba) da det er kompatibelt med NS (og sikkert en hel del flere). du kan jo prøve den her
http://www.dsr.kvl.dk/~maddog/232414.html
Avatar billede mcgyverking Nybegynder
19. juli 2002 - 22:44 #6
Maddog>> Ja, du har ret... Det er også langt nemmere.... Det virker perfekt! ...

Thanks!!
Avatar billede =maddog= Nybegynder
19. juli 2002 - 22:54 #7
np.
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