pozicia kurzoru na obrazku, vlozenie suradnic do inputu

DeeJay3

cawte poradite mi?

<html>
<head>

<script language="javascript">
function getPosition(evt ){

var node = (evt.target) ? evt.target : ((evt.srcElement)
?evt.srcElement : null );
evt = (evt) ? evt : ((event) ? event : null);

xpo = ((evt.clientX)-100);
ypo = ((evt.clientY)-100);

	if(xpo>0 && ypo>0){
		window.status= "X-pozicia: " + xpo + " Y-pozicia: " + ypo ;
		
		form.xsuradnica.value = xpo;
		form.ysuradnica.value = ypo;
	}
}

</script>
</head>
<body onclick="getPosition(event)">

<img src="mapa_velka.png" id='targetarea' style="position: absolute; left: 100px; top: 100px" onclick="getPosition(evt )">

<form>
<input type="text" name="xsuradnica">
<input type="text" name="ysuradnica">
</form>
</body>
</html>

a chcem sa spytat preco mi nejde to vyplnenie inputov?..

lebo ten form nemá name="form"

Alebo inak povedané: ty nemáš základy DOM

DeeJay3

aha na to som zabudol

dikees

//autoeditácia príspevku (25 Máj 2010, 15:40)
a vies mi poradit ako to mam spravit aby mi to pocitalo suradnice nie od okraja body ale od okraja nejakeho obrazku?...napriklad mam mapu a chcem vediet ake suradnice maju kosice kliknem na miesto a ono mi to vypise vzdialenost kurzora ale od laveho horneho rohu obrazku na ktory kliknem?

to je také zložité od xpo a ypo odrátavať obrazok.style.left a obrazok.style.top?

DeeJay3

ale stranku nemam cez pozicie ale zacentrovanu na stred..potrebujem to dat do nejakeho textboxu ktory vyskoci uzivatelovi...takze potrebujem pocitat suradnice bud od okraja divu v ktorom ten obrazok bude alebo priamo od toho obrazku ...kedze to je center a nemam tam position ...tak to bude pri hociakom rozliseni stale v strede...

c-ice

asi chces toto ... UTFG...

http://www.dynamicdrive.com/forums/show ... hp?t=31697

Kód: Vybrať všetko

/************************************************/
var posX=0;
var posY=0;
var absX=0;
var absY=0;
var isIE = document.all?true:false;
/************************************************/

function init(){
    document.getElementById("obrazok").onmousemove = getRelativePos;
}

function getRelativePos(e) {
    var _x;
    var _y;
    if (!isIE) {
        _x = e.pageX;
        _y = e.pageY;
    }
    if (isIE) {
        _x = event.clientX - document.body.scrollLeft;
        _y = event.clientY - document.body.scrollTop;
    }
    absX=_x;
    absY=_y;
    posY=_y - document.getElementById("obrazok").offsetTop;
    posX=_x - document.getElementById("obrazok").offsetLeft;
    return true;
}

Do Toho img si daj onclick event funkciu ktora zapise do inputov tie suradnice alebo potom netreba tuto funkciu init pouzit a nehat tak ako mas

DeeJay3

jo diks.....tak to funguje ako moje...len ja som to potreboval to dat do takeho vyskakovacieho faceboxu a tam mi to pocitalo ties od okraja body suboru v ktorom to bolo takze som to dal do jedneho suboru a ten som dal do iframu ...a us to fachci...lebo to pocita len v tom subore ktory tam je vo vnutry

pozicia kurzoru na obrazku, vlozenie suradnic do inputu

pozicia kurzoru na obrazku, vlozenie suradnic do inputu

Re: pozicia kurzoru na obrazku, vlozenie suradnic do inputu

Re: pozicia kurzoru na obrazku, vlozenie suradnic do inputu

Re: pozicia kurzoru na obrazku, vlozenie suradnic do inputu

Re: pozicia kurzoru na obrazku, vlozenie suradnic do inputu

Re: pozicia kurzoru na obrazku, vlozenie suradnic do inputu

Re: pozicia kurzoru na obrazku, vlozenie suradnic do inputu