Javascript question on reset and onfocus

**gilgalbiblewhee** · Mar 9th, 2005, 03:15 AM

1. How to reset textbox + textarea?
2. How to make the "function getKeyValue_h(chr)" work without the submit button? (on pasting in textarea it should automatically give the calculated result in the textbox.)

JavaScript:

Code:

<!-- 
//&&& 1st of 2 instances of getKeyValue(). changed name of Fx, '_h' for hebrew? 
function getKeyValue_h(chr) { 
  chr=chr.charAt(); 
  if(chr=="A") return 1; 
  if(chr=="B") return 2; 
  if(chr=="G") return 3; 
  if(chr=="D") return 4; 
  if(chr=="H") return 5; 
  if(chr=="V") return 6; 
  if(chr=="X") return 8; 
  if(chr=="+") return 9; 
  if(chr=="Y") return 10; 
  if(chr=="k" || chr=="K") return 20; 
  if(chr=="L") return 30; 
  if(chr=="m" || chr=="M") return 40; 
  if(chr=="n" || chr=="N") return 50; 
  if(chr=="$") return 60; 
  if(chr=="O") return 70; 
  if(chr=="p" || chr=="P") return 80; 
  if(chr=="c" || chr=="C") return 90; 
  if(chr=="q") return 100; 
  if(chr=="R") return 200; 
  if(chr=="S") return 300; 
  if(chr=="T") return 400; 
  return 0; 
} 


function computeValue(str) { 
  var ans=0; 
  for(var i=0; i<str.length; i++) { 
    ans+=getKeyValue(str.charAt(i)); 
  } 
  return ans; 
}
//-->

Within <body> (does it have to be in a form too?):

Code:

<br><font face="BSTHebrew">
<textarea name="hInput" id="hInput" rows="9" cols="64"
 class="onLoad" onmouseover="this.className='onMouseOver'"
 onmouseout="this.className='onMouseOut'">
</textarea></font><br>
 
<input type="button" value="calculate value" onclick="javascript:computeValue(document.all.hInput.value, 'h');"> 

<input type="reset" value="Clear" name="B2">

<input type="text" name="hOutput" id="hOutput" readonly="true">

**mendhak** · Mar 9th, 2005, 04:12 AM

Originally Posted by gilgalbiblewhee

1. How to reset textbox + textarea?

Code:

document.formname.reset();

2. How to make the "function getKeyValue_h(chr)" work without the submit button? (on pasting in textarea it should automatically give the calculated result in the textbox.)

Code:

<textarea name="hInput" id="hInput" rows="9" cols="64"
 class="onLoad" onmouseover="this.className='onMouseOver'"
 onmouseout="this.className='onMouseOut'" onChange="javascript:getKeyValue_h();">
</textarea>

What is chr though, in this case?

**gilgalbiblewhee** · Mar 9th, 2005, 04:45 AM

I didn't understand the 2nd part. It didn't work.

Chr stands for the hebrew letters, which are identified with the preceding keys on the english keyboard. They are numbered. So when I pasted a word it should add up the letters and give the sum in the next textbox.

**mendhak** · Mar 9th, 2005, 05:01 AM

OK, make that:

javascript:getKeyValue_h(this.text);

I'm still a little unclear as to what this function does.

**gilgalbiblewhee** · Mar 9th, 2005, 05:25 AM

What I have right now is a textarea where i paste words then press "calculate" and the sum of the numbers represented by each letter would appear in the textbox next to it.

But what I'm looking for is to eliminate the "calculate" button and let it do it automatically as I paste the words in the textarea.

So far I have this:

Code:

<!-- 
//&&& 1st of 2 instances of getKeyValue(). changed name of Fx, '_h' for hebrew? 
function getKeyValue_h(chr) { 
  chr=chr.charAt(); 
  if(chr=="A") return 1; 
  if(chr=="B") return 2; 
  if(chr=="G") return 3; 
  if(chr=="D") return 4; 
  if(chr=="H") return 5; 
  if(chr=="V") return 6; 
  if(chr=="X") return 8; 
  if(chr=="+") return 9; 
  if(chr=="Y") return 10; 
  if(chr=="k" || chr=="K") return 20; 
  if(chr=="L") return 30; 
  if(chr=="m" || chr=="M") return 40; 
  if(chr=="n" || chr=="N") return 50; 
  if(chr=="$") return 60; 
  if(chr=="O") return 70; 
  if(chr=="p" || chr=="P") return 80; 
  if(chr=="c" || chr=="C") return 90; 
  if(chr=="q") return 100; 
  if(chr=="R") return 200; 
  if(chr=="S") return 300; 
  if(chr=="T") return 400; 
  return 0; 
} 


function computeValue(str) { 
  var ans=0; 
  for(var i=0; i<str.length; i++) { 
    ans+=getKeyValue(str.charAt(i)); 
  } 
  document.getElementById('hOutput').value = ans; 
}

and

Code:

  <style>
  body { font-family : Verdana; font-size : 9pt; }
  a { font-family : Verdana; font-size : 9pt; text-decoration : none; }
  </style>
</HEAD>
<body class="body">
<form id="form1" action="" onsubmit="">
Enter a number to determine which SPOKE it belongs to:
	<input type="text" name="t1"/>
	<input type="button" value="SPOKE" onclick="Process()"/>
</form>
<form name="form2" id="form2">
<br><font face="BSTHebrew">
<textarea name="hInput" id="hInput" rows="9" cols="64"
 class="onLoad" onmouseover="this.className='onMouseOver'"
 onmouseout="this.className='onMouseOut'" onChange="javascript:getKeyValue_h(this.text);">
</textarea>

</font><br>
 
<input type="button" value="calculate value" onclick="javascript:computeValue(document.all.hInput.value, 'h');"> 
<input type="reset" value="Clear" name="B2">
<input type="text" name="hOutput" id="hOutput" readonly="true">
</form>

Thread: Javascript question on reset and onfocus

Thread Tools

Display

Javascript question on reset and onfocus

Re: Javascript question on reset and onfocus

Re: Javascript question on reset and onfocus

Re: Javascript question on reset and onfocus

Re: Javascript question on reset and onfocus

Posting Permissions