Thursday, April 22, 2010

Setting up the jQ

Now is the time we should throw a link to the jQuery library into the html document head. You can download the latest jquery library from the jQuery site and ftp that.

Or you can link to it externally. I'm linking to it hosted at googlecode. Here is what it should look like in your document head.

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQ Example</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<!-- JavaScript - linking to Google -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
</head>
<body>

The next thing we should do is create a JavaScript file and link to it within the html head like this.




<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQ Example</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<!-- JavaScript - linking to Google -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<!-- JavaScript - the script -->
<script type="text/javascript" src="js/castandcrew.js"></script>
</head>
<body>

In the next post we will look at building the functionality in the new js file

No comments:

Post a Comment