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?

  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>
  14.  
  15. <div id="wrapper">
  16.  
  17. <div id="header"></div>
  18. <div id="menuspacetop"></div>
  19.  
  20. <div id="navigation">
  21. <a href="index.html"> <img class="menuimages" src="images/menubuttons/homebutton.png"
  22. id="b1" width="80" height="35" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
  23. <a href="attracties.html"> <img class="menuimages" src="images/menubuttons/attractiesbutton.png"
  24. 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
  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!  

  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>
  19.  
  20. <div id="wrapper">
  21.  
  22. <div id="header"></div>
  23. <div id="menuspacetop"></div>
  24.  
  25. <div id="navigation">
  26. <a href="index.html"> <img class="menuimages" src="images/menubuttons/homebutton.png"
  27. id="b1" width="80" height="35" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
  28. <a href="attracties.html"> <img class="menuimages" src="images/menubuttons/attractiesbutton.png"
  29. 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.406s