Hello:
I am a newbie to learning Javascript. I have some problems with a file.
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:
I am a newbie to learning Javascript. I have some problems with a file.
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:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml"[/URL] 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>