Ik heb het volgende javascript:

<script language="JavaScript1.2">

<!-- Voor de leukste scripts gaat u naar...-->
<!-- Sentinelli’s Javascript! The source for all your Javascript and PHP -->
<!-- http://www.sentinelli.nl -->


function test(){
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;
function getMouseXY(e) {
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
else { // grab the x-y pos.s if browser is NS
tempX = e.pageX;
tempY = e.pageY;
}
if (tempX < 0){tempX = 0;}
if (tempY < 0){tempY = 0;}
document.Show.MouseX.value = tempX;
document.Show.MouseY.value = tempY;
return true;
}
}
// End -->
</script>

Nu wil ik dat deze coordinaten alleen gelden voor een afbeelding en niet voor een hele pagina... iemand een idee?
Ik zal even voor je kijken.
dankje wel:D
jep, maar dan in een invoervak als dat mogelijk is(a):P
dus
invoervak 1: Y = (input)
invoervak 2: X = (input)
Ja, dat kan. Zie voorbeeld.
dat is al super echt bedankt :D
Maar er is 1 probleem, als je 1x gedruk hebt, moet je heel de paigna opnieuw inladen voor je opnieuw kunt doen:(
Op een image drukken is gelijk aan een submit. Je kan er dus gewoon op controleren (kijken of de x & y van de image meekomen, of alleen de input-velden)

Als het dan via de image gesubmit is, dan vul je gewoon alle velden in en doe je net alsof er niets aan de hand is. En anders doe je alsof het een echte submit in de zin van 'ik ben klaar' is.
Klopt, dan zou het met JavaScript moeten. Ik heb al vaak gelezen dat dat heel moeilijk is, maar ik wil wel eens kijken.
bedankt:D
edit: kan je al het scriptje tonen dat je al maakte?(a) mvg, Manaus
Alvast van harte bedankt ik zoek er al halve week naar:P


<script type="text/javascript">
function findPosX(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function findPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}

function reken (tevent,tthis) {
links=tevent.clientX-parseInt(findPosX(tthis))
boven=tevent.clientY-parseInt(findPosY(tthis))
alert(links+'\n'+boven)
}

</script>


<img border="0" src="file:///C:/Documents%20and%20Settings/Nousie/Mijn%20documenten/Mijn%20afbeeldingen/picjeuh.PNG" id="id" onmousedown ="reken(event,this)" width="314" height="231">

Ik vond dit, dit werkt PERFECT, maar niet in een invoervak iemand een idee hoe je hem niet laat alerten maar wel in een tekstvak pleure?:P
MvG, Manaus
Ja, dat moet zo:

function reken (tevent,tthis) {
	links=tevent.clientX-parseInt(findPosX(tthis))
	boven=tevent.clientY-parseInt(findPosY(tthis))
	document.getElementById ('x').value = links;
	document.getElementById ('y').value = links;
}

Je moet er dan wel voor zorgen dat je twee inputs type text hebt met als id x en y.

Reageren