Avatar billede mariannejacobsen Nybegynder
15. april 2002 - 22:19 Der er 18 kommentarer og
1 løsning

Celle skal skifte farve når mouseover/hover

Jeg har en alm. tabel som jeg bruger som menu, hvor jeg godt ville have at cellen skulle skifte farve, når musen køres over - hvordan gør jeg det?
Avatar billede prodic Mester
15. april 2002 - 22:22 #1
Avatar billede jakoba Nybegynder
15. april 2002 - 22:23 #2
Dette duer kun i IE

<td
  onmouseover="this.backgroundColor='red';"
  onmouseout="this.backgroundColor='#0000FF';">

mvh JakobA
Avatar billede prodic Mester
15. april 2002 - 22:23 #3
Avatar billede snigermunken Nybegynder
15. april 2002 - 22:23 #4
Avatar billede snigermunken Nybegynder
15. april 2002 - 22:23 #5
nå det var vi da enige om :)
Avatar billede jakoba Nybegynder
15. april 2002 - 22:25 #6
Ups. det var da galt.
      "this.style.backgroundColor='red';"
Avatar billede kolzie Nybegynder
15. april 2002 - 22:25 #7
Indsæt for det første følgende:
<style type="text/css">
A:link { text-decoration: none; font-weight: normal ;font-size: 10pt; color: 000000;}
A:visited { text-decoration: none;font-weight: normal ;font-size: 10pt; color: 000000;}
A:active { text-decoration: none;font-weight: normal ;font-size: 10pt; color: 000000;}
A:hover { text-decoration: none;font-weight: normal ;font-size: 10pt; color: 000000;}
</style>
Så skal du også have det her:
<script language="JavaScript">
  function co(element,mode) {
    if (mode=="in") {
      cursortype = 'hand'
      colorval = '#3399FF'
    } else if (mode=="out") {
      cursortype = ''
      colorval = '#0080C0'
    }
  element.style.background=colorval;
  element.style.cursor=cursortype;
}
</script>
(farver er dem jeg har valgt på den side jeg har copy/pasted fra, www.norrea-bordtennis.dk )

Så skal du indsætte følgende i din <tr>
onmouseover="co(this,'in');" onmouseout="co(this,'out');"
Avatar billede kolzie Nybegynder
15. april 2002 - 22:26 #8
lol kan det gøre så nemt, undskyld!!
Avatar billede kolzie Nybegynder
15. april 2002 - 22:26 #9
gøres even
Avatar billede kolzie Nybegynder
15. april 2002 - 22:28 #10
(altså jeg har selv lavet www.norrea-bordtennis.dk , misforstå mig ikke ;) )
Avatar billede jakoba Nybegynder
15. april 2002 - 22:30 #11
Har lige været inde og kikke på prodics link, det er sådanher:

<td
  onmouseover="this.style.background='red';"
  onmouseout="this.style.background='#0000FF';">

rart med lidt hjælp :-))

mvh JakobA
Avatar billede mariannejacobsen Nybegynder
15. april 2002 - 22:31 #12
Sikke mange svar - jeg er ret grøn til det her - må lige studere svarene og øve mig! Jeg vender tilbage!
Avatar billede snigermunken Nybegynder
15. april 2002 - 22:32 #13
hovhov jakoba hvad er der ivejen med mit link ;)
Avatar billede mariannejacobsen Nybegynder
15. april 2002 - 22:34 #14
Forresten - hvordan copy/paster jeg jeres koder ind i Frontpage - alle < bliver til &lt; og alle > bliver til &gt; og desuden er det superrodet???
Avatar billede prodic Mester
15. april 2002 - 22:35 #15
Jakoba->Det må være min dag i dag. Jeg har inddirekte hjulpet dig - det sker ikke hver dag :)
Avatar billede jakoba Nybegynder
15. april 2002 - 22:36 #16
ikke noget, men prodic kom før os begge to, og med rigtigt svar ( ligesom dit ).

faktisk MEGET ligesom dit :-))
Avatar billede pelkjaer Nybegynder
15. april 2002 - 22:43 #17
Jeg gør som regel sådan her:

/* Styles for the Hover cells */
.holderTbl {
  background-color: #666666
}

.contentTbl {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 11px;
  background-color: #C0C0C0;
  border-color: #FFFFFF black black;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px
}

.contentTbl a { 
  position: relative;
  display: block;
  text-decoration: none;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
  color: #666666
}

.contentTbl a:hover { 
  background-color: #A9C2AA;
  text-decoration: none; 
  color: #FFFFFF
}


/* Netscape 6 Fixes */
td img {
  display: block
}

p {
  margin-top: 0px
}



---------------------------------------



<table width="200" border="0" cellspacing="0" cellpadding="0"> 
<tr>     
<td class="holderTbl">       
<table width="200" border="0" cellspacing="1" cellpadding="2">       
<tr>           
<td class="contentTbl"><a href="linkone.html">Link One</a></td>
</tr>         
<tr>           
<td class="contentTbl"><a href="linktwo.html">Link Two</a></td>
</tr>     
</table>
</td>
</tr>
</table>
Avatar billede hojben Novice
16. april 2002 - 02:18 #18
<snip>Fortsat svar fra mariannejacobsen
15/04-2002 22:34:27    Forresten - hvordan copy/paster jeg jeres koder ind i Frontpage - alle < bliver til &lt; og alle > bliver til &gt; og desuden er det superrodet??? </snip>

du skal vælge at "indsætte HTML" ;)
Avatar billede mariannejacobsen Nybegynder
17. april 2002 - 11:32 #19
Tak for svarene - jeg er blevet en del klogere. Jeg brugte Prodics link, sååå..
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