[JavaScript]zapis dwóch zdarzeń Opcje

[c4ash]

Witajcie!

W koncu zabrałem sie za JS. Tak wiec prosze nie krzyczcie, staram sie czegos sensownego nauczyc.
Mam skrypt ktory wskazuje pozycje kursora i dodaje info na stronie:

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
window.onload = init;
function init() {
  if (window.Event) {
	document.captureEvents(Event.MOUSEMOVE);
  }
  document.onclick = getXY;
}
 
 
function getXY(e) {
  x = (window.Event) ? e.pageX : event.clientX;
  y = (window.Event) ? e.pageY : event.clientY;
 
  document.position.position1.value = x+":"+y;
}
[JAVASCRIPT] pobierz, plaintext 

I tutaj juz wszystko jasne... do momentu gdy chce zaznaczyc drugi punkt, ale tak, aby nie stracic tego pierwszego. Mam dwa inputy, position1 to polozenie 1, position2 to ma byc tego drugiego... Ale jak pobrac przy uzyciu tej samej funkcji druga wartosci i wpisac ja gdzie indziej?

Z gory dziekuje za pomoc.

Ten post edytował c4ash 15.02.2014, 12:29:32

[c4ash]

Czy jest cos jeszcze, o czym powinienem wiedziec? Gdyz createElement nie dodaje nowego div`a..

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
window.onload = init;
function init() {
  if (window.Event) {
    document.captureEvents(Event.MOUSEMOVE);
  }
  document.onclick = getXY;
 
}
 
 
function getXY(e) {
  x = (window.Event) ? e.pageX : event.clientX;
  y = (window.Event) ? e.pageY : event.clientY;
 
	document.getElementById(document.getElementById('position1').value === '' ? 'position1' : 'position2').value = x+":"+y;
 
}
 
function getID(oObject) 
{
    var id = oObject.id;
	document.position.gei.value = id;
 
}
 
 
function markIt(e)
{
var mark = document.createElement('div');
	mark.id = 'mark';
	mark.style.background = '#fff';
	mark.style.position = 'absolute';
	mark.style.left = '50'; 
	mark.style.top = '150';
	mark.style.width = '50';
	mark.style.height = '50';
	document.getElementById('wrapper').appendChild('mark');
}
</script>
[JAVASCRIPT] pobierz, plaintext 

A tresc dokumentu jest jak ponizej:

[HTML] pobierz, plaintext 
<div id="kontener">
<form name="position">
	<input name="position1" id="position1" type="text" /><input name="position2" id="position2" type="text" /><input name="gei" type="text" id="getElementId" />
	</form>
<div id="wrapper"><img src="ferrari_01.jpg" width="1000" height="650" ismap="ismap" id="ferrari" onclick="getID(this);markIt(this);"/></div>
<div id="wrapper"><img src="peugeot.jpg" width="100" height="100" id="peugeot" onclick="getID(this);"/></div>
</div>
[HTML] pobierz, plaintext 

Ten post edytował c4ash 16.02.2014, 15:02:06