koordinater på billede

Hvis du bruger f.eks. en input type=image vil du præcis få koordinaterne, når der submittes som følge af at der klikkes !-)

man kunne også lege lidt :o)

<script type="text/javascript">
var x=y=0,ie=(document.all)?1:0;

function hvorermusen(f,e){
q = document.forms.kord
e = getPos(e)

if(ie){
  y  = f.clientY + document.body.scrollTop-(e.y+2);
  x = f.clientX + document.body.scrollLeft-(e.x+2)}
else{
  y = f.pageY-e.y;
  x = f.pageX-e.x;}
  q.corx.value = x;
  q.cory.value = y;

}
function getPos(elm) {
for (zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
  return {x:zx,y:zy}
}

</script>

<img src="65Sommer03.jpg" onclick="hvorermusen(event,this);" style="position:absolute;top:100px;left:100px;">

<form name="kord">
x: <input type="text" name="corx">
y: <input type="text" name="cory">
</form>

<ole>

Som roenving (næsten) skriver, giver denne:
  <input type="image" src="mit_pic.gif" name="bla">
to variabler på serveren: 'bla_x' og 'bla_y'. De indholder dine klik-koordinater ... dét er zq da nemt  ;o)

/mvh
</bole>

Et forsigtigt forsøg:

<img src="grafik/bg_m_fugl.gif" border="0" width="550" height="350" alt="" name="pic" onclick="document.form1.x_vaerdi.value = pic_x><br>
<form name="form1">
<input type="text" name="x_vaerdi">
</form>

Grunkens forslag virker jo fint, men jeg kunne godttænke mig at se det andet, da det ikke involverer så meget kode.

koordinaterne som roenving og olebole hentes fra serveren :o)

et hurtigt eksempel i php :o)

<?php
echo "Y:".$_POST['billede_y'].",X:".$_POST['billede_x'];
?>

<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post">
<input type="image" src="billede.jpg" name="billede">
</form>

Tak for det. Det bliver dit forslag grunken. Den er uden reload. Smid et svar.

Jamen det kommer da så her :o)

Men det var nu mest ment som leg, eftersom du skrev at du skulle gemmes i database etc., for til det er roenving og oleboles forslag det bedste :o)

-Men jeg syntes nu der skal laves en kollektiv deler her :o)

Alle har hjulpet alle skal have points :o)

.