login  Naam:   Wachtwoord: 
Registreer je!
 Forum

kijk of mouseover

Offline Bruud - 31/10/2007 10:20
Avatar van BruudNieuw lid Hallo,

Kan je met javascript kijken of je muis over een bepaalt element is?
alvast bedankt.

11 antwoorden

Gesponsorde links
Offline avdg - 31/10/2007 10:23 (laatste wijziging 31/10/2007 10:33)
Avatar van avdg PHP gevorderde gewoon event onMouseOver="" in htmltag 
Kijk eens trouwens eens in de tutorials...
http://www.site...t-handling
Offline Bruud - 31/10/2007 10:30
Avatar van Bruud Nieuw lid ja hehe:P daar was ik al achter:P maar ik roep een functie aan als hij mouseover gaat, in de functie wil ik checken of hij nogsteeds mouseover is
Offline avdg - 31/10/2007 10:32 (laatste wijziging 31/10/2007 10:34)
Avatar van avdg PHP gevorderde gebruik onMouseOut 
Offline Bruud - 31/10/2007 10:34
Avatar van Bruud Nieuw lid neeeeee ik wil kijk in een functie of de muis over een bepaald element is..
getelementbyid.mouseover = true
zoiets, kan dat?
Offline avdg - 31/10/2007 10:34 (laatste wijziging 31/10/2007 10:38)
Avatar van avdg PHP gevorderde Een functie die false zet bij onMouseOut... 
En true zet bij OnMouseOver

Als het opgelost is, gelieve de topic te sluiten...
Offline Bruud - 31/10/2007 10:40
Avatar van Bruud Nieuw lid dat is dus het probleem, ik wil dat meerderen elementen die functie gebruiken, en als hij dan false wordt stoppen de anderen
Offline avdg - 31/10/2007 10:44 (laatste wijziging 31/10/2007 10:53)
Avatar van avdg PHP gevorderde sitemasters heeft een goede oplossing (let vooral op de hyperlink bij de codevensters: klap code in):
geef alle ellementen een id
als je een beetje kennis hebt van lussen in php is dat makkelijk
tenzij je daarmee nog niet begonnen bent (dan met de hand).

gebruik een functie zoals set_mouse(id, false|true) 
Offline Bruud - 31/10/2007 22:00
Avatar van Bruud Nieuw lid maar er bestaat niet zoiets als: document.getelementbyid.onmouseover.value?
Offline avdg - 01/11/2007 09:22 (laatste wijziging 01/11/2007 09:41)
Avatar van avdg PHP gevorderde Je hebt dan ongeveer zoiets (nog te testen):
  1. <script language="javascript">
  2. function set_mouseOver(id, bMouseOver){
  3. //Ik hoop dat dit werkt...
  4. Mouseover+id = bMouseOver
  5.  
  6. }
  7.  
  8. <div id="item_id1" onMouseOver = "set_mouseOver(1,true)" onMouseOut = "set_mouseOver(1,false)">
  9. Hier word de value getest
  10. </div>


Neen, blijkbaar werkt hem niet 
Offline citroen - 01/11/2007 09:30
Avatar van citroen Onbekend probeer eens met:
  1. window.onmouseover = function(event) {
  2. alert(event.target);
  3. }
Offline CDNC - 01/11/2007 11:04 (laatste wijziging 01/11/2007 11:06)
Avatar van CDNC PHP ver gevorderde
  1. <script>
  2. var i, temp, currentHovered
  3. function checkHover()
  4. {
  5. temp = document.getElementsByTagName('div')
  6. for(i=0; i<temp.length; i++)
  7. {
  8. temp[i].onmouseover = setHover
  9. temp[i].onmouseout = setHover
  10. }
  11. }
  12.  
  13. function setHover()
  14. {
  15. currentHovered = (this.id == currentHovered) ? false : this.id
  16. }
  17. </script>


En als je het wil testen: klik dan weer je wil en je zult een alert krijgen met de div waar je over hoverd
  1. <body onload="checkHover()" onclick="alert(currentHovered)">
  2.  
  3. <div id="div1" style="background:#ff0000;">
  4. div1
  5. </div>
  6.  
  7. <br />
  8.  
  9. <div id="div2" style="background:#00ff00;">
  10. div2
  11. </div>
  12.  
  13. <br />
  14.  
  15. <div id="div3" style="background:#0000ff;">
  16. div3
  17. </div>
  18.  
  19. <br />
  20. <br />
  21. <br />
  22.  
  23. <div id="res">
  24. res
  25. </div>
  26.  
  27. </body>


werkt in ieder geval in FF, de var currentHover geeft het ID van de div waar je muis 'op' staat
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.27s