Avatar billede sanne Nybegynder
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?
Avatar billede hyberpreprocessor Nybegynder
13. april 2005 - 12:27 #1
Kig her:

http://thedeathart.dk/diverse/eksperten/608243/

Skriffarve ændring kan også nemt tilføjes.
Avatar billede sanne Nybegynder
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>
Avatar billede hyberpreprocessor Nybegynder
13. april 2005 - 13:19 #3
fordi at javascript ikke bruger & men + som seperator.
Avatar billede hyberpreprocessor Nybegynder
13. april 2005 - 13:19 #4
og '" "' er unødvendig når det er en variabel.
Avatar billede sanne Nybegynder
13. april 2005 - 14:16 #5
jeg er vist lidt tungnem - kan du ikke prøve at skrive det som det skal stå?
Avatar billede sanne Nybegynder
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
Avatar billede hyberpreprocessor Nybegynder
13. april 2005 - 19:55 #7
Hvorfor bruger du parentElement ?, er der en grund , fordi så vil jeg medtage det i et eksempel.
Avatar billede sanne Nybegynder
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
Avatar billede roenving Novice
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 !-)
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