Jump to content

Multiple Actions for a Rollover


stream279

Recommended Posts

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 DemystifiedOOP DemystifiedData Structures DemystifiedWhen 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>

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...