F
Fabian
Is there a way to detect which object currently has the focus in
javascript? "this" comes close, but isnt implemented in netscape.
javascript? "this" comes close, but isnt implemented in netscape.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.
You should upgrade or use an alternative browser.
L
Lee
Fabian said:
Sure it is:
<input id="alpha" onfocus="alert(this.id)">
Is there a way to detect which object currently has the focus in
javascript? "this" comes close, but isnt implemented in netscape.
Sure it is:
<input id="alpha" onfocus="alert(this.id)">
F
Fabian
Lee hu kiteb:
it seems to me that "this" is msie-specific, or at best, differently
implemented. If it wasnt, my existing script would work in netscape. It
looks like "this" doesnt work in netscape in the context of a function;
only in a html tag. How can I detect what object on screen has the focus
when a particular function is being called?
Fabian said:
Sure it is:
<input id="alpha" onfocus="alert(this.id)">
it seems to me that "this" is msie-specific, or at best, differently
implemented. If it wasnt, my existing script would work in netscape. It
looks like "this" doesnt work in netscape in the context of a function;
only in a html tag. How can I detect what object on screen has the focus
when a particular function is being called?
L
Lee
Fabian said:
There are many reasons why a script might work in one browser
but not another. The real reason isn't always obvious.
The "this" keyword works in the context of a function, but in
that context, it refers to the window, unless that function
is a function handler. That's true in IE and Netscape.
In this example:
function demo(ref){
document.myForm.output1.value=ref.id;
document.myForm.output2.value=this.id;
}
<form name="myForm">
<input name="output1">
<input name="output2">
<br>
<input id="alpha" onfocus="demo(this)">
</form>
the value placed in output1 will be "alpha" and in output2 will
be "undefined", in both IE and Netscape 7.
If demo() is actually the event handler, then the "this" keyword
will refer to the element that took focus:
<head>
<script type="text/javascript">
function demo(){
document.myForm.output1.value=this.id;
}
</script>
</head>
<body onload="document.myForm.alpha.onfocus=demo">
<form name="myForm">
<input name="output1">
<br>
<input id="alpha">
</form>
</body>
Lee hu kiteb:
it seems to me that "this" is msie-specific, or at best, differently
implemented. If it wasnt, my existing script would work in netscape.
There are many reasons why a script might work in one browser
but not another. The real reason isn't always obvious.
It looks like "this" doesnt work in netscape in the context of a function;
only in a html tag. How can I detect what object on screen has the focus
when a particular function is being called?
The "this" keyword works in the context of a function, but in
that context, it refers to the window, unless that function
is a function handler. That's true in IE and Netscape.
In this example:
function demo(ref){
document.myForm.output1.value=ref.id;
document.myForm.output2.value=this.id;
}
<form name="myForm">
<input name="output1">
<input name="output2">
<br>
<input id="alpha" onfocus="demo(this)">
</form>
the value placed in output1 will be "alpha" and in output2 will
be "undefined", in both IE and Netscape 7.
If demo() is actually the event handler, then the "this" keyword
will refer to the element that took focus:
<head>
<script type="text/javascript">
function demo(){
document.myForm.output1.value=this.id;
}
</script>
</head>
<body onload="document.myForm.alpha.onfocus=demo">
<form name="myForm">
<input name="output1">
<br>
<input id="alpha">
</form>
</body>
L
Lee
Lee said:
That last line should begin "is an event handler."
The "this" keyword works in the context of a function, but in
that context, it refers to the window, unless that function
is a function handler. That's true in IE and Netscape.
That last line should begin "is an event handler."
F
Fabian
Lee hu kiteb:
This is what i have now...
function Sho(ref) {
var moo = ref.parentElement.id;
// broken under mozilla
alert( moo );
// show other
// var suFFix = (/_ok/i.test( moo.slice(-3) )) ? '_no' :'_ok';
// document.getElementById(moo.slice(0,-3)+suFFix).style.display =
'block';
// hide self
ref.parentElement.style.display='none';
return null;
}
-
<DIV ID="1_ok" CLASS="mufti">
<A HREF="javascript:Xejn()" onclick="Sho(this)">text</A></DIV>
<DIV ID="1_no">
<A HREF="javascript:Xejn()" onclick="Sho(this)">text</A></DIV>
-
I have a feeling netscape cant find the parent element id because the
actual referring element (this) has no id specifically assigned. Am I on
the right track?
Lee said:
That last line should begin "is an event handler."
This is what i have now...
function Sho(ref) {
var moo = ref.parentElement.id;
// broken under mozilla
alert( moo );
// show other
// var suFFix = (/_ok/i.test( moo.slice(-3) )) ? '_no' :'_ok';
// document.getElementById(moo.slice(0,-3)+suFFix).style.display =
'block';
// hide self
ref.parentElement.style.display='none';
return null;
}
-
<DIV ID="1_ok" CLASS="mufti">
<A HREF="javascript:Xejn()" onclick="Sho(this)">text</A></DIV>
<DIV ID="1_no">
<A HREF="javascript:Xejn()" onclick="Sho(this)">text</A></DIV>
-
I have a feeling netscape cant find the parent element id because the
actual referring element (this) has no id specifically assigned. Am I on
the right track?
L
Lasse Reichstein Nielsen
Fabian said:Is there a way to detect which object currently has the focus in
javascript?
Not generally, no.
However, you can tell when an element gains the focus, because
that sets off its onfocus event handler. Not all elements can
gain focus (form controls and links are the only ones AFAIK).
"this" comes close, but isnt implemented in netscape.
"this" is a keyword that gives you the object of which the currently
executed function is a method (or the global object if there is none).
It is completely unrelated to focus. Are you sure you really mean
focus?
/L
R
Richard Cornford
<snip>function Sho(ref) {
var moo = ref.parentElement.id;
// broken under mozilla
Not broken under Mozilla, just not implemented. parentElement is part
of the Microsoft proprietary DOM. The nearest W3C DOM equivalent is
parentNode, which is implemented in IE browsers from IE 5.0 in addition
to Mozilla and most other modern browsers. parentElement can be used to
provide fall-back for IE 4, and there are some browsers that do not
implement either so some checking should be implemented within the code
rather that assuming that the function body will execute everywhere.
Richard.
K
keyur shah
Yes, you can print this.id... it would reference the current
element/object and help u resolve ur issue.
Keyur Shah
Verizon Communications
732-423-0745
element/object and help u resolve ur issue.
Keyur Shah
Verizon Communications
732-423-0745
T
Thomas 'PointedEars' Lahn
Fabian said:it seems to me that "this" is msie-specific,
No, it is part of the core language.
or at best, differently implemented. If it wasnt, my existing script
would work in netscape. It looks like "this" doesnt work in netscape in
the context of a function; only in a html tag.
`this' is a reference to the current context object. Within event handlers,
that is the object that triggered the event. Within methods, that is the
object that has the method as its property. Within ordinary functions, that
is the global object -- in all HTTP-UAs I know of, the current Window object.
So it probably works in the function but does not reference what you assume
it does.
HTH
PointedEars
Ask a Question
Want to reply to this thread or ask your own question?
You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.
Similar Threads
Forum statistics
Latest Threads
-
Will programmers be doomed since AI can write code in seconds?
- Started by John Joe
-
Files Uploaded to Google Drive but Not Visible Anywhere
- Started by henrywalker
-
Why cant I print my secured PDF file and how can I fix it?
- Started by vorix28193
-
Can PST files be converted to EML without Outlook?
- Started by samikshasen34
-
How Can I Convert Outlook PST Files to MBOX Without Losing Attachments?
- Started by annawelson
-
Lost in Multiple Mail Folders? Merge PST Files Easily
- Started by juliewhite
-
Colspan probs
- Started by jakey
-
Dicy dice
- Started by WhiteCube
-
Need a reliable PST Converter Software for Outlook mailbox conversion
- Started by Damian01
-
Need a PST Converter Free Download to Check Emails Before Export
- Started by vorix28193