Announcement

**Old Pedant** · Aug 25, 2011, 04:48 PM

You are (incorrectly) calling to close the window when the mouse moves OUT of each of those rollovers.

If the window is supposed to stay there for 10 seconds, you do *NOT* want the onmouseout handlers, at all.

No place in there do you have any timeout code for the 10 seconds until close that you say is required.

I'm assuming this is homework, so I won't say more than that for now.

**Roller747** · Aug 25, 2011, 11:29 PM

Thank you for your response!!!

This is not homework from a College, etc.. I am trying to learn this material on my own. The book that I am using has too many errors and is too old. The book is "Javascript Demystified A SELF-TEACHING GUIDE" by Jim Keogh, copyright 2005. The coding is from pages 241 and 242. If you know of any good Javascript books for beginners (preferably in color) I would appreciate it.

I did remove the onmouseout handlers and it worked properly.

I did learn a bit more about temporarily disabling the pop-up blockers for Mozilla and Opera, which involves slightly different techniques. The info. that I learned is as follows:

For Firefox, go to Tools, Options, click on the content section, and then uncheck the "Block popup windows".

For Opera, you need to do 4 sets of things:

1) Click the Alt key, Tools, Advanced, Blocked Content

2) Click the Alt key, Quick Preferences, Open All Pop-Ups

3) Click the Alt key, Tools, Quick Preferences, Edit Site Preferences, Content, and uncheck enable content blocking.

4) Click the Alt key, Tools, Preferences, General, and made sure that Open all pop-ups are selected.

Then my file worked, but I noticed that the new pop-up window gets placed behind the the existing window (when the mouse is placed over a title) along with its associated tab.

Again, thank you.

**websitedesign12** · Aug 26, 2011, 01:48 AM

I am a newbie to learning Javascript. I have some problems with a file that was copied from the book
"JavaScript Demystified A SELF-TEACHING GUIDE" by Jim Keogh, copyright 2005, page 240 (figure 12-4).

The goal of the file is that when it loads in a browser, the 1st image is displayed in the top left (image 7441805.gif),

along with the following three titles to the right of the image, as listed below:

Java Demystified
OOP Demystified
Data Structures Demystified

**Old Pedant** · Aug 26, 2011, 05:31 PM

You can force the popup to the front by using

Code:

var w = window.open(....);
w.focus();

The language="javascript" is obsolescent and unneeded. And the need to use <!-- to hide JS from old browsers disappeared when MSIE 4 took over from MSIE 3. In 1998. (And, besides, your page is worthless if JS doesn't work!)

Code:

<html>
<head>
<script type="text/javascript">
// create arrays with unused element zero, since your books are numbered 1,2,3
var images = [ null, "7441805.gif", "0072253630.jpg", "7417436.gif" ];
var captions = [
        null,
        "10% Discount for Java Demystified",
        "20% Discount for OOP Demystified!",
        "15% Discount for Data Structures Demystified!" ];

var MyWindow = null;

function closeMyWindow( )
{
    if ( MyWindow != null )
    {
        MyWindow.close();
        MyWindow = null;
    }
}

function OpenNewWindow(book) 
{
    closeMyWindow(); // in case it was open still    

    document.getElementById("cover").src = images[book];
    document.getElementById("cover").style.visibility = "visible";
    MyWindow = window.open("", "myAdWin",
         "titlebar=0,status=0,toolbar=0,location=0,menubar=0,directories=0,
          resizable=0,height=50,width=150,left=500,top=400");
    MyWindow.document.write( captions[book] );
    MyWindow.focus( );
    setTimeout( closeMyWindow, 10000 );
}
</script>
</head>
<body>
<img height="92" width="70" border="0" id="cover" style="visibility: hidden;">
<br/>
<a onmouseover="OpenNewWindow(1)">Java Demystified</a>
<br/>
<a onmouseover="OpenNewWindow(2)">OOP Demystified</a>
<br/>
<a onmouseover="OpenNewWindow(3)">Data Structures Demystified</a>
</body>
</html>

Totally untested code, off the top of my head.

Announcement

Multiple Actions for a Rollover

Multiple Actions for a Rollover

Comment

Comment

Comment

Comment