Firfox og ændre bgcolor og fontcolor

onmouseover="this.style.cursor='Hand' -> style="cursor:pointer"
man kan også bruge style="cursor:hand;cursor:pointer"

og farverne:
baggrundsfarve >> this.style.backgroundColor=....
tekstfarve >> this.style.color=...

/psc

Siden du har der genererer et javascript til hver tr og du har lagt en a href rundt om tr'en... Jeg har implementeret thesurfer's rettelse ... psykochickens rettelse
- Samt rykket rundt på din onmouseover / out så den kom på tr'en istedet ... lavet om på javascriptet så du ikke skal have et javascript outputtet for hver tr ... ved dog ikke om den virker men prøv den ... bemærk javascriptet skal nu kun outputtes en gang.


<script type="text/javascript">
function changeRed(tn) {
tn.getElementsByTagName("a")[0].style.color = "#FFFFFF"; }

function changeBack(tn) {
tn.getElementsByTagName("a")[0].style.color = "#cc0000";}
</script>


// ^ - Den kan evt. indsættes i head sektionen ... eller indhentes seperat med
<script type="text/javascript" src="filnavn.js"></script> og indholdet af script elementet så lægges i filen...


<?
$katindex = mysql_query("SELECT * FROM kategori WHERE overkat = '0'");
while($kat = mysql_fetch_array($katindex)) {
?>


<tr onMouseOver="changeRed(this)" onMouseOut="changeBack(this)"><td OnClick="window.location='http://javascript.internet.com'" onmouseover="this.style.backgroundColor='#000000';" onmouseout="this.style.backgroundColor='#f7f5f7';" style="cursor:pointer;border-bottom: #828282 1px solid;"><span style="font-size: 1px" >&nbsp;<br /></span>&nbsp;&nbsp; <a id="katrid<?=$kat[id];?>" href="Home.php?Page=kat&katid=<?=$kat[id];?>" style="text-decoration:none;" class="KatLink"><?=$kat[titel];?></a><span style="font-size: 1px">&nbsp;<br /></span></td></tr>


<?
}
?>

En ting mere: Umiddelbart er denne id definering på a href'et ikke nødvændig heller ... det afhænger dog af om et andet script skal bruge id'et eller om du bruger det til at style med via stylesheet også... id="katrid<?=$kat[id];?

<a id="katrid<?=$kat[id];?>" href="Home.php?Page=kat&katid=<?=$kat[id];?>" style="text-decoration:none;" class="KatLink"><?=$kat[titel];?></a>

Evt. rettes til:

<a href="Home.php?Page=kat&katid=<?=$kat[id];?>" style="text-decoration:none;" class="KatLink"><?=$kat[titel];?></a>

... nåh, sovetid :)

Mange tak, det virker perfekt!

Det ligner en 3-splitning,
- kast et svar gutter!

Svar :-)

Umiddelbart tror jeg også vi kan lave størstedelen med css
... men ved ikke om det her er den effekt du ønsker?

- Prøv uden javascriptet med:

- Dette ind i din css:
a.KatLink{
background:#f7f5f7;
color:#c00;
margin-bottom:1px;
border-bottom: #828282 1px solid;
text-decoration:none;
padding-left:12px;
}

a.KatLink:hover{
background:#000000;
color:#fff;
margin-bottom:1px;
border-bottom: #828282 1px solid;
text-decoration:none;
padding-left:12px;
}

Og så denne her:

<?
$katindex = mysql_query("SELECT * FROM kategori WHERE overkat = '0'");
while($kat = mysql_fetch_array($katindex)) {
?>


<tr><td onclick="window.location='http://javascript.internet.com'"><a href="Home.php?Page=kat&katid=<?=$kat[id];?>" class="KatLink"><?=$kat[titel];?></a></td></tr>


<?
}
?>

(men om det matcher er selvfølgelig lidt et
skud i tågen da jeg ikke har set sitet...)

Ved dog ikke helt med den onclick - den har ikke rigtig den store effekt der hvor den er ... eller rettere den virker nok ikke der hvor den er sat - så måske skal det lige rettes til - f.eks. flyttes over på a href'en med en return false; foran eller fjernes...? Men jeg glemte egentlig også at rette window.location= til window.location.href=

Den :hover css del kan egentlig også være en del kortere...
(hvis du nu kunne bruge det css istedet for alle de scripts)

a.KatLink:hover{
background:#000;
color:#fff;
}

onclick på tabelcellen, vil kun virke når du klikker i cellen uden for linket....er det meningen ?

hvis ikke....så lad linket fylde 100%, brug css og drop onclick på cellen.

<style type="text/css">
a.Katlink {
  width:100%;
  background:#f7f5f7;
  color:#c00;
}
a.Katlink:hover {
  background:#000;
  color:#fff;
}
</style>

<tr>
  <td>
    <a href="Home.php?Page=kat&katid=<?=$kat[id];?>" class="KatLink"><?=$kat[titel];?></a>
  </td>
</tr>

/psc

og et lille svar ;o)

Tak for point :)

psykochicken og thesurfer ->
http://www.eksperten.dk/spm/758302