JavaScript Examples Bible - UserWorks Technologies

Chapter 1 ✦ Generic HTML Element Objects (Chapter 15)
The quote marks and parentheses can get jumbled easily, so enter this expression
carefully. When you enter the expression successfully, the Results box shows
the function’s text. Now assign this function to the onmousedown event of the myP
element by entering the following statement into the upper text box:
document.all.myP.attachEvent(“onmousedown”, a)
The Results box displays true when successful. If you mouse down on the first
paragraph, an alert box displays the date and time that the anonymous function
was created (when the new Date() expression was evaluated).
Now, disconnect the event relationship from the object by entering the following
statement into the upper text box:
document.all.myP.detachEvent(“onmousedown”, a)
blur()
focus()
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓
Example
To show how both the window.focus() method and its opposite
(window.blur()) operate, Listing 15-23 for NN3+ and IE4+ creates a two-window
environment. From each window, you can bring the other window to the front. The
main window uses the object returned by window.open() to assemble the reference
to the new window. In the subwindow (whose content is created entirely on
the fly by JavaScript), self.opener is summoned to refer to the original window,
while self.blur() operates on the subwindow itself (except for the buggy behavior
of NN6 noted earlier). Blurring one window and focusing on another window
yields the same result of sending the window to the back of the pile.
Listing 15-23: The window.focus() and window.blur()
Methods
Window Focus() and Blur()
// declare global variable name
var newWindow = null
function makeNewWindow() {
// check if window already exists
if (!newWindow || newWindow.closed) {
// store new window object in global variable
Continued
59
elementObject.blur()