SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Threaded View

  1. #1
    SitePoint Member
    Join Date
    Nov 2010
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Multiple Actions for a Rollover

    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:

    HTML Code:
    <!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>
    Attached Images Attached Images


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •