13. april 2005 - 12:23
Der er
9 kommentarer
Skifte både skriftfarve og baggrundsfarve
Hejsa - jeg vil gerne med en mouseover skifte dels baggrundsfarve i en celle og dels skriftfarve i cellen. Hvordan gør jeg det?
Annonceindlæg fra Deloitte
13. april 2005 - 12:48
#2
problemet er at jeg skal have farven der skal skiftes til med som parameter og så fejler den: <script language="javascript"> function skift(menu,farve) { menu.parentElement.style.background='#000000'; menu.parentElement.style.color='" & farve & "'"; }; </script>
13. april 2005 - 13:19
#3
fordi at javascript ikke bruger & men + som seperator.
13. april 2005 - 13:19
#4
og '" "' er unødvendig når det er en variabel.
13. april 2005 - 14:16
#5
jeg er vist lidt tungnem - kan du ikke prøve at skrive det som det skal stå?
13. april 2005 - 19:15
#6
Nu ser min kode sådan ud: <script language="javascript"> function skift(element,farve,skriftfarve) { element.parentElement.style.background = farve; element.style.color = skriftfarve; }; </script> <td onmouseover="skift(this,'<%=farve%>','#FFFFFF')" onmouseout="this.parentElement.style.background='#FFFFFF'" onclick="location='<%=Arr("link_frontend")%>?h_id=<%=Arr("id")%>&side=<%=Arr("id")%>'" class="hovedmenu" valign="middle" align="center"><a href="<%=Arr("link_frontend")%>?h_id=<%=Arr("id")%>&side=<%=Arr("id")%>" class="hovedmenu"><%=UCase(Arr("navn"))%></a></td> .... men den ændre ikke skriftfarven
13. april 2005 - 19:55
#7
Hvorfor bruger du parentElement ?, er der en grund , fordi så vil jeg medtage det i et eksempel.
13. april 2005 - 20:04
#8
det er fordi jeg har lavet en tabel med tre celler til hvert menupunkt, og så skal farven skifte i alle tre celler - det virker også fint med baggrundsfarven, men ikke med skriftfarven
13. april 2005 - 23:35
#9
<script type="text/javascript"> function skift(element,farve,skriftfarve) { element.parentElement.style.background = farve; element.style.color = skriftfarve; }; </script> <td onmouseover="skift(this,'<%=farve%>','#fff')" onmouseout="this.parentNode.style.background='#fff'" onclick="location='<%=Arr("link_frontend")%>?h_id=<%=Arr("id")%>&side=<%=Arr("id")%>" class="hovedmenu" style="cursor:pointer;" valign="middle" align="center"><%=UCase(Arr("navn"))%></td> -- et a-tag har sit helt eget liv, og arver ikke automatisk tekst-farven fra et omkringliggende element, så jeg har bare fjernet det !-)
Vi tilbyder markedets bedste kurser inden for webudvikling