Multiple Actions for a Rollover

JavaScript
1

Hello:

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

When you place the mouse over “Java Demystified,” the 7441805.gif image should still appear (which it does)), and a new window
should pop-up and stay on the screen displaying “10% Discount for Java Demystified” until the user decides to do away with
the new window by clicking on the “X”. The new window does appear for about less than a second , and then goes away
(actually it continuously flashes on and off very quickly), which is not what I want.

When you place the mouse over “OOP Demystified,” the 0072253630.jpg image should appear (which it does), and a new window
should pop-up and stay on the screen displaying “20% Discount for OOP Demystified” until the user decides to do away with the new
window by clicking on the “X”. The new window does appear for about less than a second , and then goes away
(actually it continuously flashes on and off very quickly), which is not what I want.

When you place the mouse over “Data Structures Demystified,” the 7417436.gif image should appear (which it does), and a new window
should pop-up and stay on the screen displaying “15% Discount for Data Structures Demystified” until the user decides to do away with the new
window by clicking on the “X”. The new window does appear for about less than a second , and then goes away
(actually it continuously flashes on and off very quickly), which is not what I want.

All of the files are loaded on my laptop, which is using Vista, is 32bit, has the IE9 browser installed, and pop-ups are disabled.
When I try to use Mozilla (version 6.0), I am unable to disable the pop-ups, and therefore can not even get any new windows to open.

I would appreciate your help.

The html file is below:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">


<head>

<title>Open Window</title>


<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />


<meta http-equiv="Content-Language" content="en-us" />

<meta name="description" content="XYZ" />
<meta name="keywords" content="XYZ" />



<!-- the absolute pathname of this file is:            -->

<!-- C:\\MISCSUP2_10_17_8\\MISCSUP2\\Javascript_Demystified_Download_Working\\ -->
<!-- Ch_12_Page241.html -->


<!-- this file was created on Wednesday, 8/24/11:                                  -->
<!-- this file was updated on Wednesday, 8/24/11:                                  -->

<script language="Javascript" type="text/javascript">
      <!--
    	   function OpenNewWindow(book) {
            if (book== 1) 
           {
              document.cover.src='7441805.gif'
              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('10% Discount for Java Demystified!')
          }
          if (book== 2) 
          {
             document.cover.src='0072253630.jpg'
             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="500"')
             MyWindow.document.write('20% Discount for OOP Demystified!')            
          }
          if (book== 3) 
          {
             document.cover.src='7417436.gif'
             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="600"')
             MyWindow.document.write("15% Discount for Data Structures Demystified!")            
         }
        }
      -->
      </script>


</head>

<body>

   <table width="100%" border="0">

      <tbody>

         <tr valign="top">

            <td width="50">
               <a>
                  <img height="92" src="7441805.gif" width="70" border="0" name="cover">
               </a>
            </td>


            <td>
               <img height="1" src="" width="10">
            </td>


            <td>
               <a onmouseover="OpenNewWindow(1)" onmouseout="MyWindow.close()">
                  <b><u>Java Demystified </u></b>  
               </a>

               <br>

               <a onmouseover="OpenNewWindow(2)" onmouseout="MyWindow.close()">
                   <b><u>OOP Demystified</u></b> 
               </a>

               <br>

               <a onmouseover="OpenNewWindow(3)" onmouseout="MyWindow.close()">
                  <b><u>Data Structures Demystified</u></b> 
               </a>

           </td>

        </tr>


       </tbody>


     </table>


</body>


</html>
2

The new window does appear for about less than a second , and then goes away (actually it continuously flashes on and off very quickly), which is not what I want.

All of the files are loaded on my laptop, which is using Vista, is 32bit, has the IE9 browser installed, and pop-ups are disabled.
When I try to use Mozilla (version 6.0), I am unable to disable the pop-ups, and therefore can not even get any new windows to open.

Lost the drift of the question. Is it that you want to put a popup window up but popup windows are disabled. That is nothing should happen but you are experiencing a flashing popup appear in IE9?

Popups are disabled for a reason and you will not entice customers, just irrate them, if you use them.

3

Just had another look at you code. In particular

<a onmouseover="OpenNewWindow(1)" onmouseout="MyWindow.close()">
                  <b><u>Java Demystified </u></b>

I was wondering if what was happening was that. If you mouseover the anchor tag. The popup appears hiding the anchor text which this gets a mosueout event which closes the popup which then cause the mouse to be once more over the anchor tag tiggering the mouseover event.