March 2006
Beginner to intermediate
448 pages
13h 33m
English
Content preview from Head Rush Ajax
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
Start your free trial
248
Chapter 4.5
Add CD rankingsAdd CD to Top 5
Start over
Your new JavaScript le should
have something like this inside it.
top5.js
top5
These two functions should just be
placeholders for now... we’ll ll them
in over the next few pages.
top5.js goes in
the top5/ folder,
along with the
HTML and CSS
for the page.
function addToTop5() {
// Add a CD to the Top 5 list
}
function startOver() {
// Remove all CDs from the Top 5 and start over
}
Create JS le
Here’s the top5/ folder
you started with, in the
chapter04/ examples directory.
Did you get all of that done? Check the diagram below, and
make sure you have all the les you need for the Top 5 app,
and have started on the code like we have.
The big picture
top5 cds overview
you’re on your way 4
249
developing dom apps
top5.html
h1, h2 {
fon
col
}
p {
top5.css
Go ahead and add a <script> element in the <head> of top5.html,
referring to the new JavaScript le you created.
<html>
<head>
<title>Top 5 CD Recommendations</title>
<link rel=”stylesheet” type=”text/css”
href=”top5.css” />
<script type=”text/javascript” src=”top5.js” />
</head>
<body>
<div id=”instructions”>
We’ll have to add some
CSS to this le later.
<html>
.
.
.
</html>