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?
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>
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 )