Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
90 lines (74 sloc) 2.7 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery 101 - Agenda</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="common.js" type="text/javascript"></script>
</head>
<body>
<div id="arrow"></div>
<div id="pageHeader">jQuery 101 - Making JavaScript Fun Again</div>
<div id="topic">Agenda</div>
<ul>
<li id="sub1" class="listitem" data-notes="">
<img src="list.png" class="notes" /> <span class="byClass">Why JavaScript?</span>
</li>
<li id="sub2" class="listitem" data-notes="">
<img src="list.png" class="notes" /> <span class="byClass">Why jQuery</span>
</li>
<li id="sub3" class="listitem" data-notes="">
<img src="list.png" class="notes" /> <span id="byMultiple">Making Use of jQuery</span>
</li>
<li id="sub4" class="listitem" data-notes="">
<img src="list.png" class="notes" /> <span id="byDescendant">Selectors</span>
</li>
<li id="sub5" class="listitem" data-notes="">
<img src="list.png" class="notes" /> <span id="byDirectChild">Events</span>
</li>
<li id="sub6" class="listitem" data-notes="">
<img src="list.png" class="notes" /> <span id="more">DOM Manipulation</span>
</li>
<li id="sub7" class="listitem" data-notes="">
<img src="list.png" class="notes" /> <span id="more">What's Next? / Summary / Resources</span>
</li>
<ul>
<div id="code" class="column"></div>
<div id="info" class="column"></div>
<div id="navPrev"><<< Previous</div>
<div id="navNext">Next >>></div>
<div id="notes"></div>
</body>
</html>
<script type="text/javascript">
var prev = "jQuery101.htm";
var next = "jQuery101-Intro-1.htm";
$(document).ready(function() {
$("#sub1").click(function() {
window.location.href = "jQuery101-Intro-1.htm";
});
$("#sub2").click(function() {
window.location.href = "jQuery101-Intro-2.htm";
});
$("#sub3").click(function() {
window.location.href = "jQuery101-Intro-3.htm";
});
$("#sub4").click(function() {
window.location.href = "jQuery101-Selectors.htm";
});
$("#sub5").click(function() {
window.location.href = "jQuery101-Events.htm";
});
$("#sub6").click(function() {
window.location.href = "jQuery101-API.htm";
});
$("#sub7").click(function() {
window.location.href = "jQuery101-Summary.htm";
});
});
function displayCode(id) {
var code = "";
$("#code").hide();
if (code != "") $("#code").html(code).show();
}
</script>