function in a variable

[xxgeorge]

hi all,
I'm writing a function that, say, loop through input fields in a form
and set default values to it. Some fields are dependent thus I have
some onChange scripts to kick off corresponding actions to those
fields.

<form name="test">
<input type="text" name="text1">
<input type="text" name="text2" onChange="text1.value+=this.value;">
<input type="text" name="text3" onChange="doSomething();">
</form>

<script language="JavaScript">
function setDefault(form) {
var fields = form.elements;
for (var i=0; i<fields.length; i++) {
// for each field, somehow get a default value and set it.
}
}
</script>
......

[OnChange] catches only browser actions as far as I understand. That
means when I set a value to "text2" via the method, the corresponding
action isn't triggered.

I can get the actions of a corresponding field by:
var actn = field.onchange;
alert( actn );

which shows:
anonymous() {
doSomething();
}
Despite being able to get all those actions and store them in a
variable, I don't know how to execute them. Do anyone has a clue?
Thanks very much
George

[lallous]

Hello

"xxgeorge" <xx******@yahoo.com> wrote in message
news:e9**************************@posting.google.c om...

hi all,
I'm writing a function that, say, loop through input fields in a form
and set default values to it. Some fields are dependent thus I have
some onChange scripts to kick off corresponding actions to those
fields.

<form name="test">
<input type="text" name="text1">
<input type="text" name="text2" onChange="text1.value+=this.value;">
<input type="text" name="text3" onChange="doSomething();">
</form>

<script language="JavaScript">
function setDefault(form) {
var fields = form.elements;
for (var i=0; i<fields.length; i++) {
// for each field, somehow get a default value and set it.
}
}
</script>
.....

[OnChange] catches only browser actions as far as I understand. That
means when I set a value to "text2" via the method, the corresponding
action isn't triggered.

I can get the actions of a corresponding field by:
var actn = field.onchange;
alert( actn );

which shows:
anonymous() {
doSomething();
}
Despite being able to get all those actions and store them in a
variable, I don't know how to execute them. Do anyone has a clue?

Hmm...

You wanted to execute a given action?

Why not call it directly w/o storing it in a variable as:
field.onChange(field); // <-- sending it the 'this' or itself
or
field.onChange();

HTH,
Elias

[Michael Winter]

On Wed, 11 Aug 2004 11:05:04 +0300, lallous <la*****@lgwm.org> wrote:

[snip]

Why not call it directly w/o storing it in a variable as:
field.onChange(field); // <-- sending it the 'this' or itself
or
field.onChange();

Remember that the properties are case-sensitive, unlike HTML. It should be:

field.onchange();

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail

[xxgeorge]

"lallous" <la*****@lgwm.org> wrote in message news:<2n************@uni-berlin.de>...

Hello

Hmm...

You wanted to execute a given action?

Why not call it directly w/o storing it in a variable as:
field.onChange(field); // <-- sending it the 'this' or itself
or
field.onChange();

HTH,
Elias

oh thx, that do the trick. how I can miss this :)
Anyway, just for interest, still want to know if there's any way to
invoke a method obj. I mean something like "mthd.call()".

One more question. is there any way to list out all fields and
methods of an object? say I have the "mthd" object, how can I know
its attributes?
many thx
xxgeorge

[lallous]

"xxgeorge" <xx******@yahoo.com> wrote in message
news:e9*************************@posting.google.co m...

"lallous" <la*****@lgwm.org> wrote in message

news:<2n************@uni-berlin.de>...

Hello

Hmm...

You wanted to execute a given action?

Why not call it directly w/o storing it in a variable as:
field.onChange(field); // <-- sending it the 'this' or itself
or
field.onChange();

HTH,
Elias

oh thx, that do the trick. how I can miss this :)
Anyway, just for interest, still want to know if there's any way to
invoke a method obj. I mean something like "mthd.call()".

One more question. is there any way to list out all fields and
methods of an object? say I have the "mthd" object, how can I know
its attributes?

<script language="JavaScript">
<!--
for (x in document)
document.write(x + "<br>");
//-->
</script>

--
Elias

[Robert]

>

One more question. is there any way to list out all fields and
methods of an object? say I have the "mthd" object, how can I know
its attributes?

Firefox has an object viewer.

http://www.mozilla.org/products/firefox/

You can loop through all the first level members of an object with:

for (i in obj)
{
}
You would have to put in check for nested objects etc.

Robert

[Steve van Dongen]

xx******@yahoo.com (xxgeorge) wrote:

"lallous" <la*****@lgwm.org> wrote in message news:<2n************@uni-berlin.de>...

Hello

Anyway, just for interest, still want to know if there's any way to
invoke a method obj. I mean something like "mthd.call()".

function f() { alert('hello') }
mthd = f;
mthd();

Regards,
Steve

[xxgeorge]

hi all,
thx for all your response. I now have another question. I'm trying
to write a similar piece of script that automatically turns all text
field data into uppercase. Here's the script I put at the bottom of
my page:

<script language="JavaScript">
var form = window.document.myForm;
var fields = form.elements;
for (var i=0; i<fields.length; i++) {
var field = fields[i];
if (field.type.toUppercase().indexOf("TEXT")>=0) {
field.onblur = toUpperCase;
}
}
function toUpperCase() {
var field = window.event.srcElement;
field.value = field.value.toUpperCase();
}
</script>

It works fine but the question is, what if the field originally has a
onBlur function? how can I tell it to do both it's own function and
mine?
Thanks for your help
george

[Michael Winter]

On 19 Aug 2004 21:30:57 -0700, xxgeorge <xx******@yahoo.com> wrote:

thx for all your response. I now have another question. I'm trying
to write a similar piece of script that automatically turns all text
field data into uppercase. Here's the script I put at the bottom of
my page:

<script language="JavaScript">
Valid HTML requires the use of the type attribute. The language attribute
has been deprecated and should not be used.

<script type="text/javascript">
var form = window.document.myForm;
No need to use window.
var fields = form.elements;
for (var i=0; i<fields.length; i++) {
var field = fields[i];
if (field.type.toUppercase().indexOf("TEXT")>=0) {
The type property returns a lowercase string. There is no reason to
convert it to uppercase. Also, if the field is an INPUT of type text, only
'text' will be returned.

if(field.type == 'text') {
field.onblur = toUpperCase;
}
}
function toUpperCase() {
var field = window.event.srcElement;
field.value = field.value.toUpperCase();
You should be able to change that to

this.value = this.value.toUpperCase();

as the this operator will reference the object that is handling the event
(the text field).
}
</script>

It works fine but the question is, what if the field originally has a
onBlur function? how can I tell it to do both it's own function and
mine?

It depends on your target environment. If this is to be used on an
Intranet, the browsers available will offer different approaches. For
example, IE allows

obj.attachEvent(type, listener) [1]

whilst DOM-compliant browsers offer

obj.addEventListener(type, listener, capture) [2]

However, if this is for the Web, you'll need a much more intricate method.
So, restricted environment, or the Web?

Mike
[1] The type parameter is the event name with the 'on' prefix.
[2] The type parameter is the event name *without* the 'on' prefix.

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.