Can someone please take a look at my javascript and tell me what's wrong
with it. The script is suppose to move words and pics, but I can't get it to
work. Thanks.
JC
<html>
<head>
<!--
New Perspectives on HTML, XHTML, and DHTML
Tutorial 11
Tutorial Case
Avalon Books
Author:
Date: 4/5/2006
Filename: avalon.htm
Supporting files: ab.jpg, fiction.jpg, nfiction.jpg, scripts.js,
styles.css
-->
<title>Avalon Books</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<script src="scripts.js" type="text/JavaScript"></script>
<script type="text/javascript">
W=(winWidth()-620)/2;
H=(winHeight()-300)/2;
function placeObjects() {
placeIt("avalon", W+175,H+10);
placeIt("books",W+175,H+10);
placeIt("ab",W+230,H+40);
placeIt("fiction",W+5,H+5);
placeIt("nfiction",W+475,H+5);
hideIt("ab");
hideIt("ficti;on")
hideIt("nfiction");
moveAvalon();
}
function moveAvalon() {
var y=yCoord("avalon");
if (y <= H+260) {
shiftIt("avalon",0,10);
shiftIt("books",0,10);
setTimeout("moveAvalon()",30);
} else {
moveBooks();
}
}
function moveBooks() {
var x=xCoord("books");
if (x <= W+320) {
shiftIt("books",10,0);
setTimeout("moveBooks()",50);
} else {
showObjects();
}
}
function showObjects() {
setTimeout("showIt('ab')",500);
setTimeout("showIt('fiction')",1000);
setTimeout("showIt('nfiction')",1500);
}
</script>
</head>
<body onload="placeObjects()">
<div id="avalon">
AVALON
</div>
<div id="books">
BOOKS
</div>
<div id="ab">
<a href="#">
<img src="ab.jpg" alt="Click to enter store" />
</a>
</div>
<div id="fiction">
<img src="fiction.jpg" alt="" /><br />
<b>AB Sales Rank: #1<br />
Fiction</b><br />
<i>Before the Fall</i><br />Jeffrey Unwin
</div>
<div id="nfiction">
<img src="nfiction.jpg" alt="" /><br />
<b>AB Sales Rank: #1<br />
Nonfiction</b><br />
<i>Vietnam Memoirs</i><br />Gen. John Hartford
</div>
</body>
</html>
