Søg
Avatar billede area42 Nybegynder
15. oktober 2004 - 17:06 Der er 17 kommentarer og
1 løsning

aflæsning af koordinater

haves:
Et billede vist på en hjemmeside. vilkårlig størrelse
2 felter (koordinat1 og koordinat2)


Ønskes
javascript som laver flg.:

Ved 1. klik på billedet skal musens koordinater skrives i feltet "koordinat1"
ved 2. klik på billedet skal musens koordinater skrives i feltet "koordinat2"

Med musens koordinater menes musens placering PÅ BILLEDET i forhold til nederste venstre hjørne
Avatar billede Slettet bruger
15. oktober 2004 - 19:12 #1
Noget i stil med det her?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
   
<script type="text/javascript">

var koordinat1;
var koordinat2;

function showXY(e,which){
fromleft = document.getElementById(which).offsetLeft;
fromtop = document.getElementById(which).offsetTop;
posX = e.clientX-fromleft;
posY = e.clientY-fromtop;

if(!koordinat1) {
koordinat1 = posX + ',' + posY;
document.getElementById('koordinat1').innerHTML = koordinat1;
} else {

if(!koordinat2) {
koordinat2 = posX + ',' + posY;
document.getElementById('koordinat2').innerHTML = koordinat2;
}
}



}

</script>
   
</head>

<body onload="iBeReady=true;">

Koordinat1: <span id="koordinat1"></span><br>
Koordinat2: <span id="koordinat2"></span><br>

<img onclick="showXY(event,this.id)" id="img_500_584_line" src="cm3/cms/filarkiv/line.jpg" width="500" height="584" alt="" border="0">
</body>
</html>
Avatar billede area42 Nybegynder
15. oktober 2004 - 19:26 #2
perfekt! Lige det jeg manglede SMid et svar og du får et læs point
Avatar billede Slettet bruger
15. oktober 2004 - 19:37 #3
Jeg så lige at du ville have ift. billedets nederste venstre hjørne, er det rigtigt?
Avatar billede area42 Nybegynder
15. oktober 2004 - 20:07 #4
Både og. Det skal bruges til at finde koordinater til Imagemaps og de koordinater skal vist findes fra øverste ventre hjørne??
Avatar billede Slettet bruger
15. oktober 2004 - 20:45 #5
jamen så burde det virke :)
Avatar billede area42 Nybegynder
15. oktober 2004 - 20:58 #6
Det virker ikke helt. Værdierne er for høje.
Se eksempel på:
http://area42.adsl.dk/Location_View.asp?LID=1

I kildeteksten kan du se de værdier der bliver brugt til imagemap, og prøv så at klikke på billedet, de værdier skulle gerne ens.

Funktionen skal udlæse curserens aktuelle placering på billedet og ikke på skærmen.. Hvis du forstår
Avatar billede Slettet bruger
15. oktober 2004 - 23:11 #7
Jeg tror det er fordi det er sat ind i en tabel, kan du ikke lave det med lag (<div>)
Avatar billede Slettet bruger
15. oktober 2004 - 23:12 #8
Altså bare smide billedet ind i en div, resten må du godt placere i tabeller
Avatar billede area42 Nybegynder
16. oktober 2004 - 09:44 #9
Designet er låst til tabllen. Kan <div>tagget smides i en tabel celle og derefter smide billedet ind i div'en.....
Avatar billede Slettet bruger
16. oktober 2004 - 12:40 #10
Nej, det vil ikke hjælpe. Men det må jo kunne løses alligevel...
Avatar billede area42 Nybegynder
16. oktober 2004 - 13:44 #11
Kikker du på en løsning ??  Jeg er ikke så meget inde  javascript/clientsíde :(
Avatar billede roenving Novice
16. oktober 2004 - 15:16 #12
Vil det ikke hjælpe bare at sætte style="position:relative;" på tabelcellen ?-)
Avatar billede area42 Nybegynder
22. oktober 2004 - 14:58 #13
roesvang: Nope det hjælper ikke :(
Avatar billede Slettet bruger
22. oktober 2004 - 16:16 #14
Jeg har prøvet og prøvet men kan ikke finde en løsning, uden at du omskriver din side til at være uden tabeller.
Avatar billede area42 Nybegynder
22. oktober 2004 - 18:29 #15
Helt OK. Jeg har bøjet mig og lavet denne éne side uden tabeller :) Men hvordan for jeg skrevet de 2 koordinater i 2  formfelter istedet. Formen hedder "FRM_MAP" og feletet hedder: "coord" ??
Avatar billede Slettet bruger
22. oktober 2004 - 18:46 #16
document.forms['FRM_MAP'].coord.value = koordinat2; burde virke, men kan ikke lige teste
Avatar billede area42 Nybegynder
22. oktober 2004 - 19:04 #17
Perfekt. 1000 tak for hjælpen. Smid et svar og du får en stak point
Avatar billede Slettet bruger
22. oktober 2004 - 20:42 #18
oki :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
White papers
Flere white papers »