Position på billede.

Kunne du uddybe lidt. Når du siger position og bredde, så tænker du vel på selve positionen på skærmen og bredden af billedet!?! Men de to ting hænger jo ikke helt sammen - så vil hvad mener du med at vælge positionen? Skal man først definere hvilken position billedet skal have og derefter sende bredden af billedet videre til en ny side?

prøver igen..

har et billede. og skal have sat en prik under tillede. så man kan tilføje sig på billede.. skal brues til en billede side.

Man skal så kunne vælge på billede hvor man er. altså positionen, breden. den position skal så tilføjes i en database så den kan vise en prik under billede..

Håber det var lidt nemmere og forstår.

hmm, jeg tror jeg er sådan nogenlunde med. Du er altså kun interesseret i hvorpå billedet du klikker med musen - og kun på x-værdien (i bredden altså).

Du kan jo starte med at se på:
<script type="text/javascript">
function getPos(elm) {
    for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
    return {x:zx,y:zy}
}
function findPosition(img,e) {
    e = (e != undefined) ? e : event; // Mozilla og IE har lidt forskellige måder at bruge events på
    imgX = getPos(img).x;
    mX = (typeof e.clientX == "number") ? e.clientX : e.pageX;
    document.form1.position.value = mX-imgX;
   
}
</script>

<img src="billede.png" width="400" height="50" onmousedown="findPosition(this,event);" />
<form name="form1" onsubmit="if (this.position.value.length <= 0') {return false;}">
<input type="text" readonly="readonly" name="position" />
<input type="submit" />
</form>

Har ikke lige testet det i IE endnu (sidder i linux lige nu ;-). Men vi kan jo - hvis du har behov  for mere eller jeg har tolket det forkert - pejle os ind på en endelig løsning :-)

Det skal siges at der ikke vises en prik - men er du intereseret i det kan det også godt laves. Bare sig om den skal være under billedet (og være placeret alt efter hvor du klikker på billedet) eller om den skal ligge lige oveni det sted du klikker.

hov en lille smutter:
<form name="form1" onsubmit="if (this.position.value.length <= 0) {return false;}">

det ska være en prik under billede..

Ku du env lave noget onclik så den så når man klikker på billede går den til side 2 og viser positionen?

<ole>

Den letteste måde at få klik-koordinaterne på et billede (og hvis disse skal sendes via en form), er:

<form ....... >
  <input type="image" name="pic" src="myPic.jpg">
</form>

Så har du to variabler tilgængelige på serveren, der udgør klikkets koordinater: 'pic.x' og 'pic.y'. Lettere bliver det vist ikke :)

/mvh
</bole>

det må jeg nok sige - viste ikke den havde så mange muligheder ;-)

Hehe ... det er der _rigtig_ mange, der ikke ved. Nogen opdager det, når de prøver at bruge navnet på deres 'submit-knap' på serveren til en eller anden form for validering. Så kan de ikke finde 'knappens' navn i post-array'et ... surpriiiize  ;D

Det er i øvrigt ofte noget rod at bruge knappen til den slags ...... ikke mindst, når den ('ulovligt') bliver kaldt 'submit'  =8-O
Nå, det er en helt anden historie  :)

jaja, men lidt smart er det jo ;-) Takker endnu engang for et godt tip :-)

nå, det står faktisk også i standarden ;-)

Hvad tænker du egentlig på når du siger den ulovligt bliver kaldt submit? Det er jo, i hvert fald i følge w3c, en grafisk submit-knap...så vidt jeg kan læse

Jaja ... det er skam helt standard. Måske er det derfor, der er så mange, der ikke ved det (og den gik ikke på din person)  ;D

'submit' er et reserveret ord i JavaScript og må ikke bruges som name eller id. Prøv f.eks. denne grimrian:

<button onclick="d.forms[0].submit();return false">TEST</button>

<form action="http://www.google.dk" method="get">
    <input type="text" name="bla">
    <input type="submit" name="submit" value="Send">
</form>

.... nej, vel?  ;o)

Hehe ... jeg har altid en variabel i min standard HTML-template, der hedder 'd' og refererer til 'document'. Der skulle naturligvis stå: 'document.forms[0].submit()'  ;o)

nåå, det var det du mente ;-)

Ku lave sådan at den gik videre til næste side når man klikket på billede så man slipper for at trykke send.?

ja, altså <input type="image" src="billede.png" name="position" /> fungerer jo som en submit-knap. Så når du klikker på den bliver du så sendt over til den side, som din action-attribut peger på (<form method="post" action="nyside.asp">). Her finder du positionen, som ligger i position.x (og position.y). Den kan du så hente med request...et eller andet - kender ikke til asp, men du skal altså have fat i selve image-knappen.

Ahh det var smart.. så kom til det til at virke:

<script type="text/javascript">
function getPos(elm) {
    for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
    return {x:zx,y:zy}
}
function findPosition(img,e) {
    e = (e != undefined) ? e : event; // Mozilla og IE har lidt forskellige måder at bruge events på
    imgX = getPos(img).x;
    mX = (typeof e.clientX == "number") ? e.clientX : e.pageX;
    document.form1.position.value = mX-imgX;
   
}
</script>


<form action="test.asp" name="form1">


<input type="image" src="test.jpg" name="position">

</form>

Vil i have nogle point?

tja, men scriptet har jo ingen betydning nu ;-) Jeg tror næsten ole skal have dem her - det var jo hans ide' med image-input-feltet.

Der er mere end rigeligt points, så lad os endelig dele, skovenborg  ;o)

hrmm, okay (men kun fordi det er dig ;-) - men jeg skylder dig i hvert fald endnu en gang tusind tak for de gode tips :-)

Hehe ... jamen selvtak, skovenborg. Det er jo derfor, vi er her  ;o)

Selvom vi er nogen, der aldrig spørger, men kun hjælper de andre, kan vi jo også finde et guldkorn i ny og næ - selvom det somregel kommer bag på os.
Nu har jeg kodet PHP i over 5 år og trukket vod i dokumentationen i snesevis af timer. Pludselig peger detox igår på en funktion, der kan parse CSV'er! Det har jeg zq ellers tit haft brug for  :)
Morale: Livet er alt for kort til at lære det hele ........ derfor er det så fedt at leve  ;o)

Tak for points, funstuff  :)

samme her :-)