login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Meerdere buttons met mouseover? (Opgelost)

Offline Bakkah - 04/07/2009 23:51 (laatste wijziging 04/07/2009 23:52)
Avatar van BakkahNieuw lid Ik ben een website aan het maken die onmouseover buttons bevat. Button 1 ging prima, op het moment dat ik button 2 toevoegde ging button 1 ook weer de onmouseover doen. Hoe krijg ik het zo dat beide buttons los van elkaar de onmouseover uitvoeren?

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. 		function mouseOver()
  3. 		{
  4. 		document.getElementById("b1").src ="images/menubuttons/homebuttononmouse.png";
  5. 		document.getElementById("b2").src ="images/menubuttons/attractiesbuttononmouse.png";
  6. 		}
  7. 		function mouseOut()
  8. 		{
  9. 		document.getElementById("b1").src ="images/menubuttons/homebutton.png";
  10. 		document.getElementById("b2").src ="images/menubuttons/attractiesbutton.png";
  11. 		}
  12. 		</script>
  13. 	</head>
  15.  
  16. 	<div id="wrapper">
  17.  
  18. 		<div id="header"></div>
  19. 		<div id="menuspacetop"></div>
  20.  
  21. 		<div id="navigation">
  22. 			<a href="index.html"> <img class="menuimages" src="images/menubuttons/homebutton.png"
  23. 			id="b1" width="80" height="35" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
  24. 			<a href="attracties.html"> <img class="menuimages" src="images/menubuttons/attractiesbutton.png" 
  25. 			id="b2" width="124" height="35" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>

2 antwoorden

Gesponsorde links
Offline Bart - 05/07/2009 00:01
Avatar van Bart PHP expert
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <img src="blaat.jpg" onMouseOver="this.src=blaat_on.jpg" onMouseOut="this.src=blaat.jpg">

Probeer dat eens. Ik weet trouwens niet of dit helemaal goed is qua quotes.
Offline Bakkah - 05/07/2009 00:14
Avatar van Bakkah Nieuw lid Ik heb het al gevonden!  

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. function mouseOver()
  2. 		{
  3. 		document.getElementById("b1").src ="images/menubuttons/homebuttononmouse.png";
  4. 		}
  5. 		function mouseOut()
  6. 		{
  7. 		document.getElementById("b1").src ="images/menubuttons/homebutton.png";
  8. 		}
  9. 		function mouseOver2()
  10. 		{
  11. 		document.getElementById("b2").src ="images/menubuttons/attractiesbuttononmouse.png";
  12. 		}
  13. 		function mouseOut2()
  14. 		{
  15. 		document.getElementById("b2").src ="images/menubuttons/attractiesbutton.png";
  16. 		}
  17. 		</script>
  18. 	</head>
  20.  
  21. 	<div id="wrapper">
  22.  
  23. 		<div id="header"></div>
  24. 		<div id="menuspacetop"></div>
  25.  
  26. 		<div id="navigation">
  27. 			<a href="index.html"> <img class="menuimages" src="images/menubuttons/homebutton.png"
  28. 			id="b1" width="80" height="35" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
  29. 			<a href="attracties.html"> <img class="menuimages" src="images/menubuttons/attractiesbutton.png" 
  30. 			id="b2" width="124" height="35" onmouseover="mouseOver2()" onmouseout="mouseOut2()" /></a>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.177s