login  Naam:   Wachtwoord: 
Registreer je!
 Forum

muisklik plaats bepalen (Opgelost)

Offline stitjen - 08/03/2009 17:05
Avatar van stitjenNieuw lid Is het in javascript mogelijk een muisklik in een bepaald gebied bv een afbeelding op te vangen en te achterhalen op welke plaats er geklikt is?

6 antwoorden

Gesponsorde links
Offline Koen - 08/03/2009 17:14 (laatste wijziging 08/03/2009 17:27)
Avatar van Koen PHP expert
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. var ie = document.all ? true : false;
  2. var yPos;
  3. var xPos;
  4. document.onmousemove = getPos;
  5. function getPos(e) {
  6.     yPos = (ie == true) ? event.clientY + document.documentElement.scrollTop : e.pageY;
  7.     xPos = (ie == true) ? event.clientX + document.documentElement.scrollLeft : e.pageX;
  8. }
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <img onclick="alert('Y: '+ yPos +', X: '+ xPos);" src="plaatje.jpg" />


Zoiets?

Werkt 
Offline stitjen - 08/03/2009 17:32 (laatste wijziging 08/03/2009 17:44)
Avatar van stitjen Nieuw lid Ik denk dat ik daar inderdaad verder mee kan, hartelijk dank!

*Edit*

Maar, nu geeft hij de x en y weer berekent van de pagina en niet de afbeelding (dus als de afbeelding al 50px naar onders staat, begint hij vanaf y=50 i.p.v 0) kan het ook anders?
Offline Koen - 15/03/2009 16:12
Avatar van Koen PHP expert Topic heropend.
Offline PRO - 16/03/2009 11:36
Avatar van PRO JS interesse wat is je uiteindelijke doel?

Wil je iets selecteren uit een plaatje of object? wil je de positie van het object weten?
Offline stitjen - 16/03/2009 16:41 (laatste wijziging 16/03/2009 16:42)
Avatar van stitjen Nieuw lid Ik wil een notenbalk maken waarmee je door te klikken noten kunt plaatsen en verwijderen.
Ik heb al een afbeelding gemaakt met php waarmee je via get wat informatie kan overbrengen:
http://stienoo....8&6=10
Offline Koen - 16/03/2009 16:49
Avatar van Koen PHP expert Dit doe je door de offset van de afbeelding te bepalen, en die vervolgens af te trekken van de x & y posities.
(Wel even de afbeelding het id 'notenbalk' meegeven)
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. var ie = document.all ? true : false;
  2. var yPos;
  3. var xPos;
  4. document.onmousemove = getPos;
  5. function getPos(e) {
  6.     yPos = (ie == true) ? event.clientY + document.documentElement.scrollTop : e.pageY;
  7.     xPos = (ie == true) ? event.clientX + document.documentElement.scrollLeft : e.pageX;
  8.     xPos = xPos - document.getElementById('notenbalk').offsetLeft;
  9.     yPos = yPos - document.getElementById('notenbalk').offsetTop;
  10. }
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.2s