Page 1 of 1

what js event?

Posted: Wed Sep 03, 2008 8:05 am
by m2babaey
Hi
I have a form ( with 4 fields for numbers) and want a javascript function to divide the field input by 100 when we go to next field
first i need to know what event should be used
the function should be simple but i don't know how to set the argument
like:

Code: Select all

function devideby100(number){
   var obj
   obj = document.getElementById('myfield')
obj.value='number/100'
}
then my fields will be:

Code: Select all

<input type="text" value="" OnEvent='divideby100();'
But I'm sure it won't work. this is my first function in javascript. Please let me know the correct code
Thanks in advance

Re: what js event?

Posted: Wed Sep 03, 2008 1:45 pm
by andyhoneycutt
the javascript event you are looking for is most likely to be "onBlur". This event is triggered when focus leaves the object in question.

Re: what js event?

Posted: Wed Sep 03, 2008 3:12 pm
by m2babaey
another not working suggestion is:

Code: Select all

 
   <script type='text/javascript'>
num=1;
function devideby100(){
var obj,number;
obj = document.getElementById('num');
number=parseFloat(obj.value);
if(isNaN(number))
alert('you must enter a number');
else
obj.value=number/100;
num++;
}
</script>
 
 
<br><br>
and the tag input:
<br><br>
<input type="text" value="" id="1" onchange="devideby100()">
<input type="text" value="" id="2" onchange="devideby100()">
<input type="text" value="" id="3" onchange="devideby100()">
but i don't know why it's not working ( also tried onblur )

Re: what js event?

Posted: Wed Sep 03, 2008 3:21 pm
by andyhoneycutt
Javascript:

Code: Select all

<script type='text/javascript'>
function divideBy100(obj)
{
  var number = obj.value;
  number = parseFloat(number);
  if( number > 0 )
  {
    obj.value = (number / 100);
  }
}
</script>
HTML:

Code: Select all

<input type="text" value="" id="1" onblur="divideBy100(this)">
-Andy