html - Mouse x y - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #7753 @ 08.07.05 11:30

Hej,
jeg sad igår og kedede mig en smule og ville så lave noget hvor der står i en div Mouse x:cordinat og mouse y:cordinat. Så jeg gik ind og søgte på google og fandt en masse artikler om det og blev glad. Nu sidder jeg så 12timer efter og kan ikke få det til at virke. Har prøvet alt muligt window.event.y og alt muligt men det virker ikke. En der kan lave et lille eksempel hvor der står i en div hvor på skærmen musen er placeret?

ChristofferB ::.

10 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #7833 @ 08.07.05 12:23

Hej,
jeg sad igår og kedede mig en smule og ville så lave noget hvor der står i en div Mouse x:cordinat og mouse y:cordinat. Så jeg gik ind og søgte på google og fandt en masse artikler om det og blev glad. Nu sidder jeg så 12timer efter og kan ikke få det til at virke. Har prøvet alt muligt window.event.y og alt muligt men det virker ikke. En der kan lave et lille eksempel hvor der står i en div hvor på skærmen musen er placeret?

ChristofferB ::.

Kan du bruge det her?
http://www.breakingpar.com/bkp/home.nsf/0/87256B14007C5C6A87256B4B0005BFA6

Bruger #2034 @ 09.07.05 01:02

459

Nååå okey...
Har du prøvet koden fra tråden jeg henviste til?

Kode

<head>
<script>
function mousetracker(e) 
{
  if (document.layers)
  {
    xCoord = e.x;
    yCoord = e.y;
  }
  else if (document.all)
  {
    xCoord = event.clientX;
    yCoord = event.clientY;
  }
  else if(document.getElementById)
  {
    xCoord = e.clientX;
    yCoord = e.clientY;
  }
   document.getElementById('coords').value='('+xCoord+','+yCoord+')';
}	
document.onmousemove=mousetracker;
</script>
</head>
<body>
  <input type="text" id="coords" value="">
</body>

Bruger #7753 @ 08.07.05 12:31

Hej,
jeg sad igår og kedede mig en smule og ville så lave noget hvor der står i en div Mouse x:cordinat og mouse y:cordinat. Så jeg gik ind og søgte på google og fandt en masse artikler om det og blev glad. Nu sidder jeg så 12timer efter og kan ikke få det til at virke. Har prøvet alt muligt window.event.y og alt muligt men det virker ikke. En der kan lave et lille eksempel hvor der står i en div hvor på skærmen musen er placeret?

ChristofferB ::.

Kan du bruge det her?
http://www.breakingpar.com/bkp/home.nsf/0/87256B14007C5C6A87256B4B0005BFA6

Ledte nu efter et færdigt produkt af det overstående jeg skrev

ChristofferB ::.

Bruger #7815 @ 08.07.05 13:00

Ledte nu efter et færdigt produkt af det overstående jeg skrev

Er det ikke det?

Bruger #5789 @ 08.07.05 13:01

640

Den viser da fint coordinaterne i window.status .. så ændre du det da bare til ditdiv.innerHtml = xMousePos + "," + yMousePos

Med venlig hilsen
/Jokke Jensen
www.jj-multimediedesign.dk

Bruger #7753 @ 08.07.05 14:08

Den viser da fint coordinaterne i window.status .. så ændre du det da bare til ditdiv.innerHtml = xMousePos + "," + yMousePos

Med venlig hilsen
/Jokke Jensen
www.jj-multimediedesign.dk

Ja, men tænkte på en hvor der bare lige stod <html> osv

jeg er lidt doven så gider ikke sidde og kigge det hele igennem lige nu. Ville være nemmere hvor jeg bare lige ku få det jeg bedte om og så kigge på den en anden dag

ChristofferB ::.

Bruger #2034 @ 08.07.05 18:48

459

Det skriver godt nok koordinaten i et input-felt, men det bør ikke være noget problem at ændre det til en div.

Kode

<html>
	<head>
		<title>
			x,y
		</title>
		
		<script language="javascript">
			function mousetracker(e) 
			{
			    xCoord = event.clientX;
			    yCoord = event.clientY;
			
			   document.getElementById('coords').value='('+xCoord+','+yCoord+')';
			}	
			document.onmousemove=mousetracker;
		</script>
	</head>
	
	<body onLoad="mousetracker();">
	
	<input type="text" id="coords" value=""><br><br>
	
	</body>
</html>

Bruger #2034 @ 08.07.05 18:49

459

Desuden er der allerede spurgt i denne tråd

http://udvikleren.dk/thread.php?techid=&f=9&t=369

Bruger #7753 @ 09.07.05 00:50

Det skriver godt nok koordinaten i et input-felt, men det bør ikke være noget problem at ændre det til en div.

Kode

<html>
	<head>
		<title>
			x,y
		</title>
		
		<script language="javascript">
			function mousetracker(e) 
			{
			    xCoord = event.clientX;
			    yCoord = event.clientY;
			
			   document.getElementById('coords').value='('+xCoord+','+yCoord+')';
			}	
			document.onmousemove=mousetracker;
		</script>
	</head>
	
	<body onLoad="mousetracker();">
	
	<input type="text" id="coords" value="">
	
	</body>
</html>

Virker sku ikke

Jeg har prøvet at paste det og prøve at skrive efter, men det virker ikke. Jeg ved ikke om det kan have noget at gøre med jeg har Firefox?

ChristofferB ::.

Bruger #7753 @ 09.07.05 01:12

Nååå okey...
Har du prøvet koden fra tråden jeg henviste til?

Kode

<head>
<script>
function mousetracker(e) 
{
  if (document.layers)
  {
    xCoord = e.x;
    yCoord = e.y;
  }
  else if (document.all)
  {
    xCoord = event.clientX;
    yCoord = event.clientY;
  }
  else if(document.getElementById)
  {
    xCoord = e.clientX;
    yCoord = e.clientY;
  }
   document.getElementById('coords').value='('+xCoord+','+yCoord+')';
}	
document.onmousemove=mousetracker;
</script>
</head>
<body>
  <input type="text" id="coords" value="">
</body>

Se det virker

Bare lidt mærkeligt da getElementById virker til nogen ting, men ikke til det her

men tak for det!!

ChristofferB ::.

Mouse x y

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler