"resette" bagrunnsfarge på onmouseout
Håkon Helgesen
Jeg har laget en tabell som viser noe fra en MySql database.
Linjene skal ha annenhver linje fargelagt.
Når jeg fører musen over denne linjen skal linjen være grå, når jeg
går videre til neste linje vil jeg at den forrige linjen skal gå
tilbake til fargen den hadde før.
Koden jeg bruker (og som ikke funker) er denne:
Er litt usikker på om det er egentlig et javascript eller css problem,
men bruker php til å velge farge på annenhver linje....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<META HTTP-EQUIV="Expires" Content="0">
<META HTTP-EQUIV="Pragma" CONTENT="no-chache">
<title>Vis alle bookinger</title>
<style type="text/css">
tr.on {
background: #808080;
}
</style>
</head>
<body>
<table border="0" cellspacing="0" width="500">
<?
$verdi=1;
require("../dbinfo.php");
$trans = array("&" => "&");
$db = mysql_connect("$Hostname","$UserName","$Password") or die ("Cant
connect to db");
mysql_select_db("$Database",$db);
$rs1 = mysql_query("SELECT * FROM bestilling");
while ($row = mysql_fetch_array($rs1)){
if (floor($verdi/2) == ($verdi/2)) $farge="#F6F4F4";
else $farge= "#EAEAEA";
?>
<tr bgcolor="<? print $farge;?>" onmouseover="this.className='on'"
onmouseout="bgcolor=<? print $farge;?>">
<td width="200" align="right"><font face="Verdana" size="1"><?
echo $row[1];?> </font></td>
<td width="35" align="center"><font face="Verdana" size="1"><?
echo $row[2];?> </font></td>
<td width="65" align="center"><font face="Verdana" size="1"><? echo
$row[3];?> </font></td>
<td width="200" align="left"><font face="Verdana" size="1"><?echo
strtr($row[4],$trans);?> </font></td>
</tr>
<?
$verdi=$verdi+1;
}?>
</table>
</body>
</html>
--
Mvh
Håkon Helgesen
Håkon Helgesen
Glemte å si at slik koden er nå så vises fargene helt greit helt til
musa har vært over raden, da forblir den grå.
Ser det kansje kan være med noe styr med fnutter rundt bgcolor og
onmouseout men ser ikke hvordan det kan
ordnes helt.
echo isteden for print??
--
Mvh
Håkon Helgesen
Håkon Helgesen
tr:hover {
background: #808080;
}
Løser jo det dah.
--
Mvh
Håkon Helgesen