---
title: "Hämtar koordinater för en pixel i en bild."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/18550-hämtar-koordinater-för-en-pixel-i-en-bild"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Rocket"
published: "2001-11-28T00:28:00.000Z"
updated: "2001-11-28T19:18:00.000Z"
replies: 6
views: 252
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/18550-hämtar-koordinater-för-en-pixel-i-en-bild"
---

# Hämtar koordinater för en pixel i en bild.

## #1 — Rocket, 2001-11-28T00:28Z

Kan man med hjälp av javascript få ut koordinaterna för en pixel i en bild. T.ex att man klickar med musen på en bild och så kommer x och y koordinaten i en textbox eller kanske så att det hela tiden visas koordinaterna när man drar över bilden. Bäst skulle det ju vara om det gick att få så att koordinaterna kommer fram när man klickar.

Permalänk: https://www.webforum.nu/p/18550

## #2 — Jojoxx, 2001-11-28T06:50Z

Om du slänger bilden i ett lager så du vet var du har den är det inga problem.

```
<div id="foo" style="position:absolute;left:100px;top:100px;"><a href="#" onClick="alert((Xmouse-100)+','+(Ymouse-100));return false;"><img src="bild.gif" id="bild" border="0"></a></div>
<script language="JavaScript">
if (document.layers) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = MoveHandler;
function MoveHandler(evnt) {
	if(document.layers){
		Xmouse = evnt.pageX; Ymouse = evnt.pageY;
	} else if(document.all) {
		Xmouse = window.event.x; Ymouse = window.event.y;
	}
}
</script>
```

Permalänk: https://www.webforum.nu/p/335471

## #3 — Rocket, 2001-11-28T10:01Z

Ett problem.

Om bilden är så stor att den inte får plats i fönstret så att man måste börja scrolla så blir det ju fel. Då kan ju två olika koordinater få samma värde.

Jag vet att jag snackade om mindre bilder förut men om man nu har en stor bild som inte ryms i fönstret. Går det att fixa?

Permalänk: https://www.webforum.nu/p/335472

## #4 — Jojoxx, 2001-11-28T16:22Z

Visst.

```
<div id="foo" style="position:absolute;left:100px;top:100px;"><a href="#" onClick="visakoordinat(); return false;"><img src="bild.gif" id="bild" border="0"></a></div>
<script language="JavaScript">
layerOffsetX=100;
layerOffsetY=100;
if (document.layers) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = MoveHandler;
function MoveHandler(evnt) {
	if(document.layers){
		Xmouse = evnt.pageX; Ymouse = evnt.pageY;
	} else if(document.all) {
		Xmouse = window.event.x; Ymouse = window.event.y;
	}
}
function visakoordinat(){
	var scrollX=(document.layers)?pageXOffset:document.body.scrollLeft;
	var scrollY=(document.layers)?pageYOffset:document.body.scrollTop;
	alert((Xmouse-layerOffsetX+scrollX)+','+(Ymouse-layerOffsetX+scrollY));
}
</script>
```

Permalänk: https://www.webforum.nu/p/335473

## #5 — Rocket, 2001-11-28T18:02Z

och om man vill att koordinaterna ska komma i två textboxs när man klickar?

Permalänk: https://www.webforum.nu/p/335474

## #6 — Jojoxx, 2001-11-28T18:28Z

```
<form name="myform"><input type="text" name="x"><input type="text" name="y"></form>
<div id="foo" style="position:absolute;left:100px;top:100px;"><a href="#" onClick="visakoordinat(); return false;"><img src="bild.gif" id="bild" border="0"></a></div>
<script language="JavaScript">
layerOffsetX=100;
layerOffsetY=100;
if (document.layers) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = MoveHandler;
function MoveHandler(evnt) {
if(document.layers){
Xmouse = evnt.pageX; Ymouse = evnt.pageY;
} else if(document.all) {
Xmouse = window.event.x; Ymouse = window.event.y;
}
}
function visakoordinat(){
var scrollX=(document.layers)?pageXOffset:document.body.scrollLeft;
var scrollY=(document.layers)?pageYOffset:document.body.scrollTop;
document.myform.x.value=(Xmouse-layerOffsetX+scrollX);
document.myform.y.value=(Ymouse-layerOffsetX+scrollY);
}
</script>
```

Permalänk: https://www.webforum.nu/p/335475

## #7 — Rocket, 2001-11-28T19:18Z

Utmärkt...

Permalänk: https://www.webforum.nu/p/335476

---

Tråden på webben: https://www.webforum.nu/amne/javascript/18550-hämtar-koordinater-för-en-pixel-i-en-bild