DOM Events

[Frenske123]

Hallo,

Ik heb volgende, zodat datum van input 1 naar input 2 wordt gekopieerd.

 <script type="text/javascript">
                  function copydatum(f) {
                      f.toDate.value = f.fromDate.value; 
                  }
				 </script>

1e input

<input  onchange="copydatum(this.form)"    type="text" name="fromDate" value=""  />

2e input:

<input     type="text" name="toDate" value=""  />

Alleen onchange is niet wat ik wil, wel mouseover, of misschien onfocus afh, van resultaat, zelf weet ik dit niet goed aan te passen.

http://www.w3schools.com/js/js_htmldom_events.asp


edit:
onchange veranders in
onMouseOver werkt nu , ook onfocus

 

[bron]

Met een event listener

<input id="input1" type="text" name="fromDate" value="" />
<input id="input2" type="text" name="toDate"   value="" />
<script type="text/javascript">
var Input1 = document.getElementById('input1');
Input1.addEventListener("input", function(evt) {
  document.getElementById('input2').value = this.value;
}, false);
</script>

Elke wijziging in input 1 wordt direct naar input 2 gekopieerd.
In plaats van het "input" event zijn er andere events. Kijk bij focus, keyboard en mouse voor de benaming van andere events.

** edit
Met een disabled op input 2 blijven de velden altijd identiek.

<input id="input2" type="text" name="toDate"   value="" disabled />

Suc6. Have fun.

 

[Frenske123]

Beste Bron,
Bedankt voor je hulp.