I've got an embedded system that uses a javascript-enabled browser as a
front end.
The input system consists of an encoder which generates + and - chars, and
a couple of keys that generate Tab and Shift-Tab for navigation.
Each field in the form is numerical, and has certain properties; for
example, one field represents %, and has a min of 0, a max of 100, and
increments of 1.
I need to come up with some javascript code that would take take those +
and - chars, and increment/decrement the field values so that the user can
'dial in' the value they need....
I am a complete newbie in the world of Javascript, and I can't figure out
where to begin....
(I've got some other stuff already written, but this aspect of the page is
stumping me....)
I would appreciate any suggestions or references for this....
--Yan
6  2535 
"Captain Dondo" <ya*@NsOeSiPnAe Mr.com> wrote in message
news:pa******** *************** *****@NsOeSiPnA eMr.com... I've got an embedded system that uses a javascript-enabled browser as a
front end.
The input system consists of an encoder which generates + and - chars, and
a couple of keys that generate Tab and Shift-Tab for navigation.
Each field in the form is numerical, and has certain properties; for
example, one field represents %, and has a min of 0, a max of 100, and
increments of 1.
I need to come up with some javascript code that would take take those +
and - chars, and increment/decrement the field values so that the user can
'dial in' the value they need....
I am a complete newbie in the world of Javascript, and I can't figure out
where to begin....
(I've got some other stuff already written, but this aspect of the page is
stumping me....)
I would appreciate any suggestions or references for this....
--Yan
If the following doesn't help (watch for word-wrap),
could you post a stripped down version of your code?
<html>
<head>
<title>plusminu s.htm</title>
<script type="text/javascript">
function plusminus(num,b oo) {
var val = document.getEle mentById("num"+ num).value;
(boo) ? val++ : val--;
document.getEle mentById("num"+ num).value = val;
}
</script>
</head>
<body>
<form action="" method="get">
<input type="text" id="num1" size="3" maxlength="3" value="0">
<input type="button" value="+" onclick="plusmi nus(1,true)">
<input type="button" value="-" onclick="plusmi nus(1,false)">
<br>
<input type="text" id="num2" size="3" maxlength="3" value="0">
<input type="button" value="+" onclick="plusmi nus(2,true)">
<input type="button" value="-" onclick="plusmi nus(2,false)">
</form>
</body>
</html>
On Tue, 17 Jan 2006 08:33:00 -0600, McKirahan wrote: <html>
<head>
<title>plusminu s.htm</title>
<script type="text/javascript">
function plusminus(num,b oo) {
var val = document.getEle mentById("num"+ num).value;
(boo) ? val++ : val--;
document.getEle mentById("num"+ num).value = val;
}
</script>
</head>
<body>
<form action="" method="get">
<input type="text" id="num1" size="3" maxlength="3" value="0">
<input type="button" value="+" onclick="plusmi nus(1,true)">
<input type="button" value="-" onclick="plusmi nus(1,false)">
<br>
<input type="text" id="num2" size="3" maxlength="3" value="0">
<input type="button" value="+" onclick="plusmi nus(2,true)">
<input type="button" value="-" onclick="plusmi nus(2,false)">
</form>
</body>
</html>
I think your code uses buttons to increment and decrement.... That won't
work; I don't have a mouse. All I have is a tab key, a shift-tab key, and
a + and - key....
So what I'm trying to do is figure out some way to tab to field 'num1',
then when a '+' is entered into it, either erase it and or convert it
somehow into an increment....
I've even thought about some sort of hidden text field that would be
active and serve as input for the +- chars, and then a display only field
for the numerical value...
I can post code later today but it ain't much.... I haven't even figured
out an approach for this...
--Yan
"Captain Dondo" <ya*@NsOeSiPnAe Mr.com> wrote in message
news:pa******** *************** ****@NsOeSiPnAe Mr.com... On Tue, 17 Jan 2006 08:33:00 -0600, McKirahan wrote:
[snip]
I think your code uses buttons to increment and decrement.... That won't
work; I don't have a mouse. All I have is a tab key, a shift-tab key, and
a + and - key....
So what I'm trying to do is figure out some way to tab to field 'num1',
then when a '+' is entered into it, either erase it and or convert it
somehow into an increment....
I've even thought about some sort of hidden text field that would be
active and serve as input for the +- chars, and then a display only field
for the numerical value...
I can post code later today but it ain't much.... I haven't even figured
out an approach for this...
--Yan
Try this. Watch for word-wrap.
<html>
<head>
<title>plus_min us.htm</title>
<script type="text/javascript">
function plus_minus(num, e) {
// if not Netscape, get IE event
if ( !e ) e = window.event;
if ( !e ) return true;
// Get valid ascii character code
var key = typeof e.keyCode != 'undefined' ? e.keyCode : e.charCode;
// process only the "+" and "-" keys
var val = document.getEle mentById("Num"+ num).value;
if (key == 43) val++;
if (key == 45) val--;
document.getEle mentById("Num"+ num).value = val;
document.getEle mentById("Num"+ num).select();
// cancel the default submit
if (e.preventDefau lt) {
e.preventDefaul t();
} else {
window.event.re turnValue = false;
}
}
function window.onload() {
document.getEle mentById("Num1" ).focus();
document.getEle mentById("Num1" ).select();
alert("Press the '+' or '-' key in a field...");
}
</script>
</head>
<body>
<form>
<input type="text" id="Num1" size="3" maxlength="3" value="0"
style="text-align:center" onkeypress="ret urn plus_minus(1)">
<input type="text" id="Num2" size="3" maxlength="3" value="0"
style="text-align:center" onkeypress="ret urn plus_minus(2)">
<input type="text" id="Num3" size="3" maxlength="3" value="0"
style="text-align:center" onkeypress="ret urn plus_minus(3)">
</form>
</body>
</html>
The only keys that will work are:
Tab, Shift+Tab, Plus, and Minus.
McKirahan wrote: Try this. Watch for word-wrap.
<snip>
The only keys that will work are:
Tab, Shift+Tab, Plus, and Minus.
Thanks. I'm trying to get it to work; I'll post back w/ code once I'm
done.... (It's a learning thing for me....)
--Yan
JRS: In article <pa************ *************** @NsOeSiPnAeMr.c om>, dated
Tue, 17 Jan 2006 07:08:32 remote, seen in news:comp.lang. javascript,
Captain Dondo <ya*@NsOeSiPnAe Mr.com> posted :
I think your code uses buttons to increment and decrement.... That won't
work; I don't have a mouse. All I have is a tab key, a shift-tab key, and
a + and - key....
In a well-designed application, it should be possible to do anything
without a mouse (except pointing at locations of pictures).
Consider those using a laptop in a train speeding over bumpy track !
--
© John Stockton, Surrey, UK. ?@merlyn.demon. co.uk Turnpike v4.00 MIME. ©
Web <URL:http://www.merlyn.demo n.co.uk/> - FAQish topics, acronyms, & links.
Proper <= 4-line sig. separator as above, a line exactly "-- " (SonOfRFC1036)
Do not Mail News to me. Before a reply, quote with ">" or "> " (SonOfRFC1036)
On Wed, 18 Jan 2006 13:57:10 +0000, Dr John Stockton wrote: In a well-designed application, it should be possible to do anything
without a mouse (except pointing at locations of pictures).
Consider those using a laptop in a train speeding over bumpy track !
Well, I have 12 function keys, up-down-left-right keys, a
pick/select/enter (whatever you want to call it) key, and a + and a - key.
The 12 function keys are 'bookmarks' or 'shortcuts'; they take you
directly to a web page.
With that, I have to do browser navigation and fill a form with numerical
data.
An interesting problem, especially for someone who doesn't speak
javascript very well... This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics | |
by: Robin Tucker |
last post by:
Hi,
I'm in the process of implementing a multi-user system containing an
adjacency list (tree structure). I'm using a TIMESTAMP field on each
record in the adjacency list in order to tell when a node has been changed
since the last read. Sometimes though, it is useful to flag a "parent" (or
all ancestors or a node) as being changed if any of its children have. Is
there any way I can force an update to the parent TIMESTAMP field...
|
by: JD via AccessMonster.com |
last post by:
I am trying to create a field where the primary key field will produce JDP-
001; where the three letters come from the first name, middle intial and
last name of my table. I want to auto increment only if the three letters
are reproduced.
e.g. JDP-001
JDP-002
YPT-001
YRT-001
RPT-001
|
by: K. Davis |
last post by:
I need to increment the maximum value of a field of a table by 1 when a
form opens a blank record. (e.g.
=max(!
