Har sökt, men ej funnit.
Behöver ett skipt som byter bakgrundsfärg på en <tr> när man klickar på den. Klickar man på en annan <tr> så ska den byta färg och den förra ska byta tillbaka till ursprungsfärgen.
Nån som vet hur?
Byta färg på <tr>
4 svar · 408 visningar · startad av Calippo
Det finns säkert mer optimerad kod för detta men här är ett exempel:
<head>
<style type="text/css">
.red{background-color:red;}
.green{background-color:green;}
tr{background-color:green;}
</style>
<script>
function colorchange(id){
document.getElementById('f1').className='green';
document.getElementById('f2').className='green';
document.getElementById('f3').className='green';
document.getElementById(id).className='red';
}
</script>
</head>
<body>
<table width="200" border="1">
<tr id="f1" onclick="colorchange('f1')">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr id="f2" onclick="colorchange('f2')">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr id="f3" onclick="colorchange('f3')">
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
Den funkar ju bra. Men hur skriver man koden o man har typ 200 <tr> taggar... loopar nämligen ut data från en databas...
Hitta en som jag modifierade lite:
<script>
function swapBG(obj)
{
for (var i = 1 ; i <= 10 ;i++)
{
eval("document.all.item('TR" + i + "').bgColor = '#FFFFFF'")
eval("document.all.item('TR" + i + "').style.color = '#000000'")
}
document.all.item(obj).bgColor='#316AC5';
document.all.item(obj).style.color='#FFFFFF';
}
</script>
<tr bgcolor="#FFFFFF" id="TR<%=x%>" name="TR<%=x%>" onclick="swapBG('TR<%=x%>');goTo(<%=Rs("id")%>);">
Om du använder asp kan du skriva såhär:
<%dim loopcolor, color1, color2
color1 = "#FFFFFF"
color2 = "#000000"
loopcolor = "#FFFFFF"
function setColor ()
if loopcolor = color1 then
loopcolor = color2
else
loopcolor = color1
end if
setColor = loopcolor
end function%>
<tr bgcolor="<%=setColor%>">
Glöm inte att skriva koden utanför loopen bara.
Mvh