OnClick and OnChange with same element

[dcjones]

Hi all,

I have a small HTML form that has a textfeild which when clicked on open a calender, this works fine. I also want to display the selected date in another textfeild using "OnChange". This is what I am working with:

TEXTFEILD

<input name="startDate" type="text" class="bodytext" id="startDate" size="10" maxlength="10" onclick='scwShow(this,this);' onchange="PrintValues3();"  target="_parent._top" onmouseclick="this.focus()">

The "OnChange" call a small script:

function PrintValues2(){

  var myString = document.form1.startDate.value
  var myStringLength = myString.length
  var Comma = myString.lastIndexOf(',')
  var SufNumChars = Comma + 1

  document.form1.result2.value=('');

  for(i=0; i<Comma; i++) 
  document.form1.result2.value+=(myString.charAt(i));

  document.form1.result2.value+=(' ');

  for(i=SufNumChars; i<myStringLength; i++) 
  document.form1.result2.value+=(myString.charAt(i));
}

The result2 is then displayed in a textfeild called "result2" but in my case its not.

Is it possible to use both "OnClick" and "Onchange" together?

Any help would be great.

[JMRKER]

Have you tried putting both actions into a single onclick event?

<input name="startDate" type="text" class="bodytext" id="startDate" size="10" maxlength="10"
 onclick="scwShow(this,this);PrintValues3();"  target="_parent._top" onmouseclick="this.focus()">

[007Julien]

Your function is PrintValue2 or PrintValue3 ? Then it's easier to replace a comma by a space with the replace method...

document.form1.result2.value=document.startDate.value.replace(',',' ');

[dcjones]

Hi 007Julien and JMRKER,

I code both approaches but they did not work.

This line should have read:

<input name="startDate" type="text" class="bodytext" id="startDate" size="10" maxlength="10" onclick='scwShow(this,this);' onchange="PrintValues2();"  target="_parent._top" onmouseclick="this.focus()">

PrintValues2(); not PrintValues3();

check that all the vars are correct but failure, any ideas?

[JMRKER]

Try changing 'onclick' to 'onblur'.
That way actions do not start until field is exited, after changing all information of the field.

Still a bit unclear as to what you are trying to do.
Can you describe actions and desires you wish to accomplish?

[Kor]

I think that:

1. You should replace onclick with onfocus
Thus the function will fire even if someone uses the TAB to circle through the controls

2. You should use onblur instead of onchange, if you want to fire that function whenever the control looses the focus.