mouse on over funktion
HejJeg håber jeg har smidt mit spørgsmål det korrekte sted.
Jeg har to steder på min side hvor jeg har en mouseonover funktion, hvortil et billede bliver vist alt afhængig af hvad man holder musen over.
Mit problem er så, at i Firefox virker funktionen kun det ene sted, mens det i IE og Chrome kun virker det andet sted.
Her er mit Java script:
----------------------------------------------------
<script language="javascript" type="text/javascript">
function show(id,tf)
{
if (tf == true)
{
default1.style.display = "none";
id.style.display = "block";
}
if (tf == false)
{
default1.style.display = "block";
id.style.display = "none";
}
}
----------------------------------------------------
På begge sider anvender jeg en while til at hente alle data ud af min database og liste disse i en tabel. Meningen er så, at når man holder musen over en tabelrække skjuler den et standard billede og viser istedet et billede afhængig af hvad du holder musen over.
I min while har jeg følgende kode:
----------------------------------------------------
$katbilleder[$row['id']]=$row['billede'];
----------------------------------------------------
Der hvor jeg så skal have vist mit billede bruger jeg følgende kode:
----------------------------------------------------
<?php
foreach($katbilleder as $k => $v)
{
echo '<img width="400" src="'.$v.'" alt="'.$v.'" style="display: none;" id="kat'.$k.'" />';
}
?>
----------------------------------------------------
Jeg har brugt nøjagtig samme kode på begge sider, men det undre mig hvorfor det kun virker på en af siderne.
En anden sjov ting er, at når jeg fjerner mit doctype så virker det på begge sider i Firefox, mens det dog ikke har nogen effekt hverken i Chrome eller IE.
Kan nogen hjælpe?
