Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

image onmouseover werkt niet

Sinnerman - 10/03/2007 16:25 (laatste wijziging 10/03/2007 16:25)

Nieuw lid

Hallo mensen,
Allereerst even mijn complimenten voor de goede tutorials waarmee ik een flink stuk verder ben gekomen met mijn site.

Nu heb ik echter een probleem in de volgend code waar ik de fout maar niet in kan ontdekken

php code - Bekijk de code zonder highlighting - Klap code in

                <body>

<script type="text/javascript">
function thuis()
{		document.menu1.src="menubar/interessesup.gif";
document.getElementById('menu1').href="javascript:thuis()";
		document.menu2.src="menubar/interesses.gif";
} 

function over1()
{		if(document.menu1.src="menubar/interessesup.gif") document.menu1.src="menubar/upover.gif";
		else if(document.menu1.src="menubar/interesses.gif") document.menu1.src="menubar/interessesover.gif";
}

function uit1()
{		if(document.menu1.src="menubar/interessesup.gif") document.menu1.src="menubar/interessesup.gif";
else if(document.menu1.src="menubar/interessesover.gif") document.menu1.src="menubar/interesses.gif";
		else if(document.menu1.src="menubar/upover.gif") document.menu1.src="menubar/interessesup.gif";
} 
</script>

<a id="menu1"><img name="menu1" id="menu" border="0" onmouseover="over1()" onmouseout="uit1()"></a>


<script type="text/javascript">
	{document.menu1.src="menubar/interesses.gif";
document.getElementById('menu1').href="javascript:thuis()";}
</script>

            
<body>
 
<script type="text/javascript">
function thuis()
{		document.menu1.src="menubar/interessesup.gif";
document.getElementById('menu1').href="javascript:thuis()";
		document.menu2.src="menubar/interesses.gif";
} 
 
function over1()
{		if(document.menu1.src="menubar/interessesup.gif") document.menu1.src="menubar/upover.gif";
		else if(document.menu1.src="menubar/interesses.gif") document.menu1.src="menubar/interessesover.gif";
}
 
function uit1()
{		if(document.menu1.src="menubar/interessesup.gif") document.menu1.src="menubar/interessesup.gif";
else if(document.menu1.src="menubar/interessesover.gif") document.menu1.src="menubar/interesses.gif";
		else if(document.menu1.src="menubar/upover.gif") document.menu1.src="menubar/interessesup.gif";
} 
</script>
 
<a id="menu1"><img name="menu1" id="menu" border="0" onmouseover="over1()" onmouseout="uit1()"></a>
 
 
<script type="text/javascript">
	{document.menu1.src="menubar/interesses.gif";
document.getElementById('menu1').href="javascript:thuis()";}
</script>
 

Het ankertje is een variabele image waar bij het laden van de pagina het onderste script aan wordt toegekend. Als ik eroverheen ga met mijn muis verschijnt er de afbeelding 'upover.gif' en niet 'interessesover.gif', zoals zou moeten want de button is nog niet geactiveerd.
Als ik de strings van function over() verwissel, dan verschijnt juist 'interessesover' in plaats van upover.
Activeer ik de afbeelding door erop te klikken, krijg ik de juiste afbeelding en als ik er vervolgens overheen ga laadt hij ook 'upover' (zoals moet in dat geval), maar als ik de strings in over() heb gewisseld, laadt hij juist 'interessesover'.

Het lijkt er dus op dat alleen de eerste string gelezen wordt van mijn js over(), en niet de tweede "if..."

How come???

5 antwoorden

Gesponsorde links

Stijn - 10/03/2007 17:25
PHP expert		Je if statements zijn verkeerd. In een if vergelijk je dingen met elkaar. Jij stelt ze gelijk. php code - Bekijk de code zonder highlighting - Klap code in if(document.menu1.src="menubar/interessesup.gif") if(document.menu1.src="menubar/interessesup.gif") dit is verkeerd, want je set menu1.src gelijk aan "menubar/..." Zo moet het zijn: php code - Bekijk de code zonder highlighting - Klap code in if(document.menu1.src == "menubar/interessesup.gif") if(document.menu1.src == "menubar/interessesup.gif") Dit moet je nu ook veranderen voor alle andere if statements. stijn

Sinnerman - 10/03/2007 18:26
Nieuw lid		Bedankt voor je reactie, Ik heb de statements gewijzigd zoals je zei, maar het heeft niet geholpen. Hij lijkt de hele over() en uit() functies niet meer te lezen. Die afbeeldingen laat hij niet zien, en gaat direct door naar de 'interessessup'. Blijkbaar was dat het niet :S Thanks though...

Stijn - 10/03/2007 18:46
PHP expert		Gebruik DOM: php code - Bekijk de code zonder highlighting - Klap code in document.getElementById('menu1').src document.getElementById('menu1').src ipv php code - Bekijk de code zonder highlighting - Klap code in document.menu1.src document.menu1.src Trouwens die dubbele =-teken moet altijd staan in een if statement, dus dat zat er wel voor iets tussen. stijn

Sinnerman - 10/03/2007 20:27 (laatste wijziging 17/03/2007 15:04)
Nieuw lid		Wederom je advies opgevolgd, zowel met dubbele als enkele =, maar het maakte geen verschil :S Hij pakte weer de upover-image en niet de interessesover... iemand??

Ibrahim - 17/03/2007 15:27
PHP expert		bij een vergelijking gebruik je dubbele =-tekens dus == bij een toekenning gebruik je 1 =-teken dus =

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten