1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
|
<!DOCTYPE html>
<html>
<!--
Created by
____ __ ____ _______ ______ __ __ _______ __ __ __ __
\ \ / \ / / | ____|| _ \ | | | | / _____/_ | /_ | | | | |
\ \/ \/ / | |__ | |_) | | | | | | | __ | | | | | |__| |
\ / | __| | _ < | | | | | | |_ | | | | | | __ |
\ /\ / | |____ | |_) | | `--' | | |__| | | | | | | | | |
\__/ \__/ |_______||______/ \______/ \______| |_| |_| |__| |__|
_______ ____ ____ ______ __ __ __ __
| \ \ \ / / | _ \ /_ | /_ | | | | |
| .--. | \ \/ / | |_) | | | | | | |__| |
| | | | \ / | ___/ | | | | | __ |
| '--' | \ / | | | | | | | | | |
|_______/ \__/ | _| |_| |_| |__| |__|
Spring 2013
-->
<head>
<script src="<?php echo base_url();?>js/ace/ace.js" type="text/javascript" charset="utf-8"></script>
<script src="<?php echo base_url();?>js/jquery-1.8.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="<?php echo base_url();?>js/codeviewer.js" type="text/javascript" charset="utf-8"></script>
<script src="<?php echo base_url();?>js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
<link href="<?php echo base_url();?>css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="<?php echo base_url();?>css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>css/codeviewer.css">
</head>
<body>
<div id="header">
<div class="container">
<div class="row">
<div class="span12" id="nav">
<div class="row">
<div class="separator"></div>
<div class="btn-group">
<a class="btn dropdown-toggle btn-inverse" href="#" onClick="dropdown()">
Browse
<span class="caret"></span>
</a>
</div>
<div class="separator"></div>
<div class="btn-group">
<a class="btn btn-inverse">Left</a>
<a class="btn btn-inverse">Right</a>
</div>
<div class="separator"></div>
<div class="btn-group">
<a class="btn btn-inverse">Run</a>
</div>
<div class="separator"></div>
</div>
</div>
</div>
</div>
</div>
<div id="dropdown">
<section class="group">
<div class="heading pink">
<h1>Quizzes</h1>
</div>
<div class="content">
<a href="#Quiz1">Quiz1</a>
<a href="#Quiz2">Quiz2</a>
<a href="#Quiz3">Quiz3</a>
</div>
</section>
<section class="group">
<div class="heading">
<h1>Javascript examples</h1>
</div>
<div class="content">
<section class="inner group">
<div class="heading">
<h1>A couple of short tutorials introducing firgebug</h1>
</div>
<div class="content">
<a href="#Firebug-tutorial">Firebug tutorial</a>
<a href="#Firebug-tutorial2">Firebug tutorial II</a>
</div>
</section>
<section class="inner group">
<div class="heading">
<h1>Some simple JavaScript code examples</h1>
</div>
<div class="content">
<a href="#Dom-tutorial">Changing the DOM</a>
</div>
</section>
</div>
</section>
<section class="group">
<div class="heading">
<h1>Examples on jQuery and jQuery UI</h1>
</div>
<div class="content">
<a href="#jQuery-selector">jQuery selectors</a>
<a href="#jQueryUI-datepicker">Datepicker</a>
<a href="#jQueryUI-draggable">Using draggable</a>
</div>
</section>
</div>
<div class="container">
<div class="row">
<div class="span4" id="doc">
<?php
echo $documentation;
?>
</div>
<div class="span8">
<?php
echo $editors;
?>
</div>
</div>
</div>
</body>
</html>
|