Avatar billede thomasls Nybegynder
04. januar 2002 - 21:05 Der er 4 kommentarer og
1 løsning

Baggrundsskift når musen er over

Jeg vil gerne vide hvordan man får baggrunden til at skifte i en celle med et link, nå musen holdes over.
Avatar billede callesen Praktikant
04. januar 2002 - 21:10 #1
Ka\' du bruge dette:
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<HTML>
<HEAD>
<!-- Minus AutoDato -->
    <TITLE>[Ingen titel]</TITLE>

<script type=text/javascript>

function changeRow(elmnt, farve){
  var par = elmnt.parentElement;
  var childs = par.children;
  for (i=0;i<childs.length;i++){
    childs[i].style.backgroundColor=farve;
  }
}

</script>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3\">
</HEAD>
<BODY BGCOLOR=\"#C0C0C0\">
<TABLE BORDER=\"1\" WIDTH=\"70%\" BGCOLOR=\"#80FFFF\">
<TR>
    <TD onMouseOver=\"changeRow(this, \'#123456\')\" onMouseOut=\"changeRow(this, \'#778899\')\">&nbsp;</TD>
    <TD onMouseOver=\"changeRow(this, \'#abcdef\')\" onMouseOut=\"changeRow(this, \'#778899\')\">&nbsp;</TD>
</TR>
<TR>
    <TD>&nbsp;</TD>
    <TD onMouseOver=\"changeRow(this, \'#112233\')\" onMouseOut=\"changeRow(this, \'#778899\')\">&nbsp;</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Avatar billede ahv Nybegynder
04. januar 2002 - 21:11 #2
vil du have hele cellen til at skifte farve eller kun linket ?
Avatar billede jayo Nybegynder
04. januar 2002 - 21:12 #3
dette er et godt eksempel paa dette: http://activedeveloper.dk/artikler/default.asp?articleid=276
Artiklen er fra Builder.dk (activeserverpages.dk)
Benytter CSS og parameteret \"display: block\"

Haaber dette kan bruges
-jayo
Avatar billede jayo Nybegynder
04. januar 2002 - 21:21 #4
eksemplet som jeg har naevnt er en hel menu, men det kan ogsaa sagtens benyttes paa en celle ad gangen - se evt. her: http://www.shop4memory.com/resources/links.asp
Avatar billede weis Nybegynder
04. januar 2002 - 22:25 #5
Indsæt dette i <head>

<style type=\"text/css\">


td.menu, .overskrift {font: bold 11px verdana, sans-serif;text-align: center;}

a.menupunkt {
    text-decoration: none;
    background-color: #FFFFFF;
    color: #003280;
    border-top : 1px solid #002380;
    border-left : 1px solid #003280;
    border-bottom : 1px solid #003280;
    border-right : 1px solid #003280;
    display: block;
    line-height: 18px;
    width:99%;
}

a.menupunkt:hover {
    text-decoration: none;
    background-color: #A7CDFA;
    border-top : 1px solid #002380;
    border-left : 1px solid #003280;
    border-bottom : 1px solid #003280;
    border-right : 1px solid #003280;
    display: block;
    color: #003280;
    width:99%;
}

.overskrift {
    background-color: #8F9CC6;
    color: #000000;
    border-top: 1px solid #D5DFFF;
    border-left: 1px solid #D5DFFF;
    border-bottom: 1px solid #393939;
    line-height: 18px;
}

</style>

og skrive din tabel-kode sådan her:

<td class=menu width=\"140\"><a href=\"downloads/link\" class=menupunkt>Hent filen her</a></td>
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