Avatar billede 13thsky Nybegynder
16. januar 2006 - 22:16 Der er 7 kommentarer og
1 løsning

vise pixelposition

jeg skal bruge en funktion som kan vise x og y kordinatet inden for en ramme, når man klikker et tilfældigt sted.

Dvs. hvis jeg klikker på det pixel som ligger i 220, 345, inden for f.eks. en tabel, skal den vise disse kordinater.

/13
Avatar billede olebole Juniormester
16. januar 2006 - 22:18 #1
<ole>

Så let er det ikke. Prøv at vise den aktuelle kode - og fortæl i forhold til, hvad koordinaterne skal beregnes  :)

/mvh
</bole>
Avatar billede 13thsky Nybegynder
16. januar 2006 - 22:24 #2
jeg har ikke nogle kode generet endnu... Men lad os sige at jeg har en
<table width=1000 height=1000><tr><td></td></tr></table>

og inden for dette område vil jeg gerne have at den skal vise kordintatet, evt. bare som en "alert"
Avatar billede olebole Juniormester
16. januar 2006 - 22:52 #3
I forhold til hvad skal koordinatsættet beregnes?
Avatar billede 13thsky Nybegynder
17. januar 2006 - 08:24 #4
det er ikke det vigtigste... Lad os bare sige at nederst venstre hjørne af tableen er o,o og at øverst højre hjørne er 1000, 1000
Avatar billede johan.o Nybegynder
17. januar 2006 - 15:09 #5
I det følgende er første alert koordinater i forhold til øverste venstre hjørne. I anden alert er det i forhold til det øverste venstre hjørne af det objekt der er trykket på, men læg mærke til at det kun virker hvis dette objekt er positioneret med enten 'relative' eller 'absolute'

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<title>Test.</title>
<style type="text/css">

td {
border: 1px solid blue; }

div {
height: 50px;
background-color: red; }

</style>
<script type="text/javascript">

function oFunc(e) {
alert("Left : "+e.clientX+" Top : "+e.clientY);
e.target?e.target:e.target=e.srcElement;
alert("Left : "+(e.clientX-e.target.offsetLeft)+" Top : "+(e.clientY-e.target.offsetTop)); }

</script>
</head>

<body>

<table style="width: 300px; margin: 0px auto;">
<tr>
  <td><div style="position: static;" onclick="oFunc(event);"></div></td>
</tr><tr>
  <td><div style="position: relative;" onclick="oFunc(event);"></div></td>
</tr>
</table>

</body>
</html>

Mvh. Johan
Avatar billede olebole Juniormester
17. januar 2006 - 22:21 #6
13thsky >> Nej, det kan absolut ikke være ligemeget. Skal du bruge koordinater, der tager udgangspunkt i body-elementets øverste venstre hjørne - eller tabellens øverste højre hjørne - eller noget helt andet?

Scripts til de forskellige scenarier ser vidt forskellige ud - og jeg gider ikke skrive ting, der skal skrives om, fordi det er noget andet, du skal bruge  :)
Avatar billede 13thsky Nybegynder
18. januar 2006 - 16:26 #7
Hej olebole

Fedt du gider hjælpe mig..
Ideen er at en bruger kan klikke på et pixel og dermed bliver kordiaterne på dette pixel, gemt i en DB.

Dvs. det er nok det smarteste og mest logisk at den tager udgangspunkt i øverste ventre hjørne.

/13
Avatar billede 13thsky Nybegynder
20. marts 2006 - 21:53 #8
Lukker
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester