Avatar billede mtrolle Nybegynder
04. januar 2006 - 11:21 Der er 3 kommentarer og
1 løsning

Ændre baggrund på flere <tr> tags samtidigt

Hej.

Jeg har en liste opsat i <table>.
Nu vil jeg gerne have det sådan, at hvis jeg holder musen over en række, hvor der er andre rækker der har relationerne til, så skal de markeres.

fx kan det se således ud:

<tr>
  <td>sag 1</td>
</tr>
<tr>
  <td>sag 2</td>
</tr>
<tr>
  <td>sag 1</td>
</tr>
<tr>
  <td>sag 1</td>
</tr>
<tr>
  <td>sag 2</td>
</tr>

Hvis jeg holder musen over et tr der er sag 1, så skal alle tr der er om sag 1 markeres.
Er det ikke noget med at give <tr> tagsne et name="sag1" og en lille smart forløkke herefter?
Avatar billede mm12010 Nybegynder
04. januar 2006 - 11:42 #1
det kunne laves således:

<script type="text/javascript">
function trToggle(clas,over){
    for(tr=document.getElementsByTagName("TR"),row=0;row<tr.length;row++){
        if(tr[row].className==clas) tr[row].style.background=(over)?"red":"";
    }
}
</script>
...
<table cellspacing="0" cellpadding="0">
    <tr onmouseover="trToggle(this.className,1)" onmouseout="trToggle(this.className,0)" class="sag1">
      <td>sag 1</td>
    </tr>
    <tr onmouseover="trToggle(this.className,1)" onmouseout="trToggle(this.className,0)" class="sag2">
      <td>sag 2</td>
    </tr>
    <tr onmouseover="trToggle(this.className,1)" onmouseout="trToggle(this.className,0)" class="sag1">
      <td>sag 1</td>
    </tr>
    <tr onmouseover="trToggle(this.className,1)" onmouseout="trToggle(this.className,0)" class="sag1">
      <td>sag 1</td>
    </tr>
    <tr onmouseover="trToggle(this.className,1)" onmouseout="trToggle(this.className,0)" class="sag2">
      <td>sag 2</td>
    </tr>
</table>
Avatar billede mtrolle Nybegynder
04. januar 2006 - 12:36 #2
Se det er sku en fræk funktion :)
Smid et svar ;)
Avatar billede mm12010 Nybegynder
04. januar 2006 - 12:48 #3
ligefrem fræk ved ikke, men hvis den opfylder dine krav skal du da ha et svar ;-)

jeg formoder at du har opdaget og rettet fejlen i alle onmouseout, hvor der mangler en )
Avatar billede mtrolle Nybegynder
04. januar 2006 - 13:23 #4
Ja naturligvis ;)
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