Søg
Avatar billede cobra Nybegynder
16. maj 2006 - 12:10 Der er 8 kommentarer og
1 løsning

Find x y på et billede med mousen.

Find x y på et billede med mousen.
Er der nogen der har en løsningen til det eller dok til det?
Avatar billede ldanielsen Nybegynder
16. maj 2006 - 12:28 #1
Hvis du gør dette:

<input type="image" src="mitbillede.gif">

- og klikker på det, så får du koordinaterne ud i den nye URL. Kan det bruges, eller skal det være uden reload af siden?
Avatar billede ldanielsen Nybegynder
16. maj 2006 - 12:45 #2
<HTML>
<BODY>

<P>
<FORM action="imagecoordinates.htm" method="get">
<INPUT type="image" src="/images/mitbillede.gif" name="myImage">
</FORM>

<SCRIPT LANGUAGE=javascript>
<!--
var strLoc = new String(window.location + "&");
if (strLoc.indexOf("myImage.x") > 0) {
    var x = strLoc.substring(strLoc.indexOf("myImage.x=") + 10);
    var x = x.substring(0, x.indexOf("&"));
    var y = strLoc.substring(strLoc.indexOf("myImage.y=") + 10);
    var y = y.substring(0, y.indexOf("&"));
    alert("x = " + x + "\ny = " + y);
    }
//-->
</SCRIPT>


</P>

</BODY>
</HTML>
Avatar billede cobra Nybegynder
16. maj 2006 - 12:56 #3
Den alert du laver, kan den ikke laves om så den ligger i rn input form?
Avatar billede ldanielsen Nybegynder
16. maj 2006 - 13:05 #4
Det forstår jeg ikke? Vil du have værdierne ind i nogle inputfelter i stedet?

Men check lige hvad der sker; når du klikker submittes formen! Er det acceptabelt, eller skal vi finde en anden løsning?
Avatar billede cobra Nybegynder
16. maj 2006 - 13:13 #5
Send lige svar...så du kan få dine point, fandt ud af det selv. :-)
Avatar billede ldanielsen Nybegynder
16. maj 2006 - 13:16 #6
Ok, men jeg får vel ikke 200p for så lidt? Tag noget selv, og så får du også lige denne:

<img onclick="alert('x = ' + (event.x - this.offsetLeft) + '\ny = ' + (event.y - this.offsetTop));" src="/images/mitbillede.gif">

Jeg kan bare ikke forstå hvorfor de mindste tal jeg kan få med den metode er x = 2, y = 2 ??
Avatar billede olebole Juniormester
16. maj 2006 - 16:07 #7
<ole>

- sikkert, fordi du tester i IE - og den altid har et par px som offset  :)

/mvh
</bole>
Avatar billede olebole Juniormester
16. maj 2006 - 16:09 #8
- og så holder den jo slet ikke her:

<table>
<tr>
  <td>blablablablab</td>
  <td><img onclick="alert('x = ' + (event.x - this.offsetLeft) + '\ny = ' + (event.y - this.offsetTop));" src="/images/mitbillede.gif"></td>
</tr>
</table>
Avatar billede ldanielsen Nybegynder
17. maj 2006 - 10:38 #9
Det har du da fuldkommen ret i, den har jeg ikke fået testet ordentligt
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
60 min siden Mail med endelsen ".lat" Af ErikHg i E-mail
I går 11:48 Nyåbnede sider flimrer på Android tablet, hvorfor Af annam i Andet software
I går 11:03 Bitlocker fordele-ulemper, samt nulstille PC Af Uvanga i Windows
20/0511:00 IIS på Win10 64 bit Af bsn i Webservere
20/0509:01 Bitlocker Af Chevy396 i Windows
White papers
Flere white papers »