mouseover probleem

[jappertjeh]

Hallo,

Ik lees overal op verschillende sites verschillende mouseover scripts. sommige werken bij mij niet, andere gedeeltelijk, maar ik heb het nog steeds niet goed voor elkaar. Dit is wat ik tot nu toe heb:

<a href="home.html"
onmouseover='document.getElementById("img").src="homeover.gif";'
onmouseout='document.getElementById("img").src="home.gif";'><img id='img'
src='home.gif'
alt='Home' /></a>

Werkt perfect, totdat ik een tweede mouseover er bij plaats:

<a href="uitslagen.html"
onmouseover='document.getElementById("img").src="uitslagenover.png";'
onmouseout='document.getElementById("img").src="uitslagen.png";'><img id='img'
src='uitslagen.png'
alt='Uitslagen&amp;Stand' /></a>

Dan gaat hij heel raar doen als ik de 2e mouseover aanwijs, heeft vast te maken met verwijzingen in die document... of niet?
Hoe los ik dit op/heeft iemand een ander(beter) script voor aardig wat mouseovers die door linken?

Alvast bedankt

 

[Naarling]

Je mag niet twee keer een element met hetzelfde id op dezelfde pagina hebben. Ik weet niet 100% zeker of het script er ook door in war raakt, al kan ik me voorstellen van wel, maar qua html is het in elk geval hartstikke fout.

(overigens had je dze vraag in het javascript gedeelte van het forum moeten stellen, niet in het HTML gedeelte.)

 

[jappertjeh]

Bedankt voor je reactie, maar kun je misschien ook een oplossing aandragen hiervoor?Zou graag weten hoe ik dit oplos

 

[Naarling]

Per plaatje een eigen id meegeven dus, en dat ook in het javascript gedeelte aanpaasen. Ongeveer zo dus.

<a href="home.html"
onmouseover='document.getElementById("home").src="homeover.gif";'
onmouseout='document.getElementById("home").src="home.gif";'><img id='home'
src='home.gif'
alt='Home' /></a>

<a href="uitslagen.html"
onmouseover='document.getElementById("uitslagen").src="uitslagenover.png";'
onmouseout='document.getElementById("uitslagen").src="uitslagen.png";'><img id='uitslagen'
src='uitslagen.png'
alt='Uitslagen&amp;Stand' /></a>

Kan best zijn dat er een elegantere oplossing met javascript te vinden is maar dit zou wel moeten werken.
Het is trouwens sowieso een goed idee om beschrijvende ids te gebruiken, zodat je weet waar ze ook alweer bij horen.

 

[jappertjeh]

ben nu zo ver dat mn mouseover werkt, maar ik wil graag bij de pagina die ik aanklik dat de mouseover blijft staan.
Voorbeeld:

Link 1 button Link 2 Button

Als ik link 1 aanwijs, komt mijn mouseover button. Als ik dan klik en op die pagina terecht kom, blijft die mouseover button staan, zodat je kan zien dat ik op die pagina ben. Hoe programmeer ik dat? Dit zijn mijn codes:

In mijn head:

<script language="Javascript">
<!-- 
if (document.images) 
{
image1 = new Image 
image2 = new Image 
image1.src = 'home.gif'
image2.src = 'home-over.gif' 
image3 = new Image
image4 = new Image
image3.src = 'uitslagen.png'
image4.src = 'uitslagenover.png'
} 
-->
</script>

In mijn body:

<a href="home.html"
onMouseOver="document.mouseover.src=image2.src" onMouseOut="document.mouseover.src=image1.src">
<img src="home.gif" border=0 name="mouseover"></a>
<a href="uitslagen.html"
onMouseOver="document.mouseover2.src=image4.src" onMouseOut="document.mouseover2.src=image3.src">
<img src="uitslagen.png" border=0 name="mouseover2"></a>