/lenasys/trunk

To get this branch, use:
bzr branch http://gegoxaren.bato24.eu/bzr/lenasys/trunk

« back to all changes in this revision

Viewing changes to Code Viewer Alt/index.html

  • Committer: Gustav Hartvigsson
  • Date: 2013-04-12 19:13:58 UTC
  • Revision ID: gustav.hartvigsson@gmail.com-20130412191358-lvnmll48cw7idkzk
added:
* COPYING - licensing information
* COPYRIGHT_HEADER - the header that should be in every file related to
  the project.
* README - Information about the project.
* lgpl-3.0 - The license that is used by this project.

Show diffs side-by-side

added added

removed removed

Lines of Context:
Code Viewer Alt/index.html
 
1
<!DOCTYPE html>
 
2
<html>
 
3
<head>
 
4
        <title>Webbprogrammering DA330G</title>
 
5
        <link rel="stylesheet" href="style.css" type="text/css" />
 
6
        <script type="text/javascript" src="../js/jquery.js"></script>  
 
7
        <script type="text/javascript" src="../etc/PIE/PIE.js"></script>
 
8
        <script type="text/javascript" src="index.js"></script>
 
9
</head>
 
10
<body>
 
11
        <div id="sidebar">
 
12
                <div id="menu" class="ieCSS3Fix">
 
13
                        <div id="menuHeader" class="ieCSS3Fix">
 
14
                                <h3>Quick links</h3>
 
15
                                <img id="menuArrow" class="arrow" src="../media/codeviewer/CodeViewerLeftbutton.png" alt="arrow" />
 
16
                        </div>
 
17
                        <div id="menuItems">
 
18
                                <a href="javascript" class="menuLink">JavaScript</a>
 
19
                                <a href="jquery" class="menuLink">jQuery</a>
 
20
                                <a href="SVG" class="menuLink">SVG Converter</a>
 
21
                                <a href="html5" class="menuLink">HTML5</a>
 
22
                                <a href="ajaxapi" class="menuLink">AJAX API</a>
 
23
                                <a href="ajaxapiexamples" class="menuLink">API Examples</a>
 
24
                        </div>
 
25
                        
 
26
                </div>
 
27
        </div>
 
28
        <div id="content">
 
29
                <div class="group">
 
30
                        <h1>Code examples</h1>
 
31
                        <h2 id="javascript">JavaScript Examples</h2>
 
32
                        <div class="container">
 
33
                                <div class="info">A couple of short tutorials introducing Firebug</div>
 
34
                                <a href='Tutorials/Tutorial_Firebug.gif'>Firebug Tutorial</a><br>
 
35
                                <a href='Tutorials/Tutorial_Firebug_II.gif'>Firebug Tutorial II</a><br>
 
36
                                <div class="info">Some simple JavaScript code examples</div>
 
37
                                <a href='Javascript/JavaScriptExample0_setEvent.php'>Example 0: Events, DOM access and console.log</a><br>
 
38
                                <a href='Javascript/JavaScriptExample1_DOM.php'>Example 1: Adding and removing elements in the DOM</a><br>
 
39
                                <a href='Javascript/JavaScriptExample2_validateForm.php'>Example 2: Validating form data</a><br>
 
40
                                <div class="info">Some simple JavaScript demo examples</div>
 
41
                                <a href='Javascript/Small_Example_Menudiv.html'>Menu with images using divs</a><br>
 
42
                                <a href='Javascript/Small_Example_DropdownDiv.html'>Dropdown Menu</a><br>
 
43
                                <a href='Javascript/Small_Example_Expandcontract.html'>Expand and Contract Data</a><br>
 
44
                                <a href='Javascript/Small_Example_Expandcontract2.html'>Expand and Contract Hierarchical Menu</a><br>
 
45
                                <a href='Javascript/Small_Example_DragDrop1.html'>Drag and drop start (reading coordinates)</a><br>
 
46
                                <a href='Javascript/Small_Example_DragDrop2.html'>Drag and drop div (read class or id from clicked div)</a><br>
 
47
                                <a href='Javascript/Small_Example_DragDrop3.html'>Drag and drop divs (update divs)</a><br>
 
48
                                <a href='Javascript/Small_Example_Timer.html'>Timer example</a><br>
 
49
                                <a href='Javascript/Small_Example_TimerClipping.html'>Timer example with Clipping Rectangle</a><br>
 
50
                                <a href='Javascript/Small_Example_History'>History Example</a><br>
 
51
                        </div>
 
52
                
 
53
                        <h2 id="jquery">Examples on jQuery and jQuery UI</h2>
 
54
                        <div class="container">
 
55
                                <div class="info">Some simple examples showcasing jQuery and jQuery UI</div>
 
56
                                <a href='JqueryDemos/JQueryExample1.html'>jQuery Example 1</a><br>
 
57
                                <a href='JqueryDemos/JQueryExample2.html'>jQuery Example 2</a><br>
 
58
                                <a href='JqueryDemos/JQueryExample3.html'>jQuery Example 3</a><br>
 
59
                                <a href='JqueryDemos/JQueryExample4.html'>jQuery Example 4</a><br>
 
60
                                <a href='JqueryDemos/JQueryExample5.html'>jQuery Example 5</a><br>
 
61
                                <a href='JqueryDemos/JQueryExample6.html'>jQuery Example 6</a><br>
 
62
                                <br>
 
63
                                <a href='http://jquery.com/'>Offical jQuery website</a><br>
 
64
                                <a href='http://jqueryui.com/'>Offical jQuery UI website</a><br>
 
65
                        </div> <!---- End Container div ----> 
 
66
 
 
67
                        <h2 id="SVG">SVG Viewer</h2>
 
68
                        <div class="container">
 
69
                                <div class="info">The SVG converter application converts (many) SVG files to HTML5 code that can be used to draw vector graphics. <i><b>Note!</b> that not all SVG files work.</i></div>
 
70
                                <a href='SVG'>SVG Converter</a><br>
 
71
                                <a href='SVG/SVG.rar'>SVG Converter Source Code</a><br>
 
72
                        </div> <!---- End Container div ----> 
 
73
 
 
74
                        <h2 id="html5">HTML5 Examples</h2>
 
75
                        <div class="container">
 
76
                                <div class="info">Some simple HTML5 code examples</div>
 
77
                                <a href='HTML5/HTML5Example1_canvas.php'>Example 1: Basic canvas graphics</a><br>
 
78
                                <a href='HTML5/HTML5Example2_canvas2.php'>Example 2: Canvas Gradients and Transformations</a><br>
 
79
                                <a href='HTML5/HTML5Example3_canvas3.php'>Example 3: Animation and drawing images</a><br>
 
80
                                <a href='HTML5/HTML5Example4_canvas4.php'>Example 4: Shadows</a><br>
 
81
 
 
82
                                <a href='HTML5/HTML5Example5_canvas5.php'>Example 5: Reading mouse coordinates</a><br>
 
83
                                <a href='HTML5/HTML5Example6_canvas6.php'>Example 6: 2D Tile Map</a><br>
 
84
                                <a href='HTML5/HTML5Example7_canvas7.php'>Example 7: Isometric Tile Map</a><br>
 
85
                                <!--simple cookies-->
 
86
                                <!--basic localstorage-->
 
87
                                <a href='HTML5/HTML5Example8_basiccookies.php'>Example 8: Basic cookies</a><br>
 
88
                                <a href='HTML5/HTML5Example9_basiclocalStorage.php'>Example 9: Basic localStorage API</a><br>
 
89
                                
 
90
                                <a href='HTML5/HTML5Example10_cookies.php'>Example 10: Cookies</a><br>
 
91
                                <a href='HTML5/HTML5Example11_localStorage.php'>Example 11: localStorage API</a><br>
 
92
                                
 
93
                                <a href='HTML5/HTML5Example12_history.php'>Example 12: History API</a><br>
 
94
                                <a href='HTML5/HTML5Example13_draganddrop.php'>Example 13: HTML5 Drag and drop</a><br>
 
95
                                <a href='HTML5/HTML5Example14_imagezoom.php'>Example 14: Image zoom</a><br>
 
96
                                <a href='HTML5/HTML5Example15_clipping.php'>Example 15: Canvas clipping region</a><br>
 
97
                                <a href='HTML5/HTML5Example16_masking.php'>Example 16: Canvas compositing</a><br>
 
98
                                <a href='HTML5/HTML5Example17_html5video.php'>Example 17: HTML5 Video</a><br>
 
99
                                <a href='HTML5/HTML5Example18_canvasvideo.php'>Example 18: Canvas video and screenshots</a><br>
 
100
                                <a href='HTML5/HTML5Example19_contenteditable.php'>Example 19: Contenteditable</a><br>
 
101
                                <a href='HTML5/HTML5Example20_contenteditable2.php'>Example 20: Rich text editor</a><br>
 
102
                                <div class="info">Some simple HTML5 demo examples</div>
 
103
                                <!--<a href='HTML5/localstorage_cookies.html'>Local Storage Cookies</a><br>
 
104
                                <a href='HTML5/localstorage_localstorage.html'>Local Storage</a><br>-->
 
105
                                <a href='HTML5/canvas_test_curve_0.html'>Canvas Curve Example 1</a><br>
 
106
                                <a href='HTML5/canvas_test_curve.html'>Canvas Curve Example 2 Simple Detect Click</a><br>
 
107
                                <!--<a href='HTML5/canvas_test_clock.html'>Canvas Gradient and Transformation Example (Clock)</a><br>-->
 
108
                                <a href='HTML5/canvas_test_lines.html'>Lines Example</a><br>
 
109
                                <!--<a href='HTML5/canvas_test_pattern_II.html'>Patterns Example 1</a><br>
 
110
                                <a href='HTML5/canvas_test_pattern_III.html'>Patterns Example 2 With Shadows</a><br>-->
 
111
                                <a href='HTML5/canvas_shadowGlow.html'>Shadows for Glow Effect</a><br>
 
112
                                <a href='HTML5/canvas_test_svgimported.html'>Imported SVG</a><br>
 
113
                                <a href='HTML5/canvas_test_starso.html'>Particles 1 Starspiral</a><br>
 
114
                                <a href='HTML5/canvas_test_particles.html'>Particles 2 Fireworks</a><br>
 
115
                                <a href='HTML5/canvas_3dtest.html'>3D Example 1</a><br>
 
116
                                <a href='HTML5/canvas_3dtest_II.html'>3D Example 2</a><br>
 
117
                                <a href='HTML5/canvas_3dtest_III.html'>3D Example 3</a><br>
 
118
                                <a href='HTML5/canvas_3dtest_IV.html'>3D Example 4</a><br>
 
119
                                <br>
 
120
                                <a href='HTML5/Enkelgrafik_Curves.html'>Simple graphics with clickable geometry</a><br>
 
121
                                <a href='HTML5/Enkelgrafik_Gradients.html'>Simple graphics with gradients</a><br>
 
122
                                <a href='HTML5/Enkelgrafik_Rasterisering.html'>Simple graphics with DrawImage and Compositing</a><br>
 
123
                                <a href='HTML5/Enkelgrafik_Transformationer.html'>Simple graphics with transformations</a><br>
 
124
                                <div class="info">You may also find the quick reference sheet below useful</div>
 
125
                                <a href='http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html'>Canvas Cheat Sheet</a><br>
 
126
                        </div> <!---- End Container div ----> 
 
127
                </div> <!---- End Group div ----> 
 
128
                
 
129
                <div class="group">
 
130
                        <h1>AJAX API documentation & Management</h1>
 
131
                        <h2 id="ajaxapi">AJAX API Administration</h2>
 
132
                        <div class="container">
 
133
                                <div class="info">Management of resources, customers, bookings, availability</div>
 
134
                                <a href="admin/editresource.php">Edit resources</a> </br>
 
135
                                <a href="admin/editcustomers.php">Edit customers</a> </br>
 
136
                                <a href="admin/editbooking.php">Edit bookings</a> </br>
 
137
                                <a href="admin/editavailability.php">Edit resource availability</a> </br>
 
138
                        </div> <!---- End Container div ----> 
 
139
                        <h2 id="ajaxapiexamples">AJAX API Examples & Demos</h2>
 
140
                        <!--<h2>AJAX API Overview</h2>-->
 
141
                        <div class="container">
 
142
                                <div class="info">Documentation of parameters and calls</div>
 
143
                                <a href="calls.html">Overview</a> </br>
 
144
                        </div> <!---- End Container div ----> 
 
145
                   
 
146
                        <div class="container cols">
 
147
                                <div class="info">Create and get information about a customer</div>
 
148
                                <a href="AJAX/AjaxDemoApp1_storeCustomer.php">Creation of Customer</a>
 
149
                                <a class="demo" href="AJAX/AjaxDemoApp1_storeCustomer.html">demo</a> </br>
 
150
                                <a href="AJAX/AjaxDemoApp0_getCustomer.php">Get customer information</a>
 
151
                                <a class="demo" href="AJAX/AjaxDemoApp0_getCustomer.html">demo</a> </br>
 
152
 
 
153
                                <div class="info">Get information about resources. (create a resource and edit availability in the administration panel)</div>
 
154
                                <a href="AJAX/AjaxDemoApp3_getResources.php">Get resources</a>
 
155
                                <a class="demo" href="AJAX/AjaxDemoApp3_getResources.html">demo</a> </br>
 
156
                                <a href="AJAX/AjaxDemoApp8_getResourceAvailability.php">Get resource availability</a>
 
157
                                <a class="demo" href="AJAX/AjaxDemoApp8_getResourceAvailability.html">demo</a> </br>
 
158
 
 
159
                                <div class="info">Make and get information about bookings</div>
 
160
                                <a href="AJAX/AjaxDemoApp6_makeBookings.php">Make bookings</a>
 
161
                                <a class="demo" href="AJAX/AjaxDemoApp6_makeBookings.html">demo</a> </br>
 
162
 
 
163
                                <a href="AJAX/AjaxDemoApp5_showBookings.php">Get bookings</a>
 
164
                                <a class="demo" href="AJAX/AjaxDemoApp5_showBookings.html">demo</a> </br>
 
165
 
 
166
                                <a href="AJAX/AjaxDemoApp4_getBookingsForDate.php">Get bookings for date</a>
 
167
                                <a class="demo" href="AJAX/AjaxDemoApp4_getBookingsForDate.html">demo</a> </br>
 
168
 
 
169
                                <a href="AJAX/AjaxDemoApp2_getCustomerBookings.php">Get customer bookings</a> 
 
170
                                <a class="demo" href="AJAX/AjaxDemoApp2_getCustomerBookings.html">demo</a> </br>
 
171
 
 
172
                                <a href="AJAX/AjaxDemoApp7_makeBookingsTimer.php">Make bookings with timer</a>
 
173
                                <a class="demo" href="AJAX/AjaxDemoApp7_makeBookingsTimer.html">demo</a> </br>
 
174
 
 
175
                                <div class="info">Make and get clicks</div>
 
176
                                <a href="javascript:void(0);" onclick="alert('Only demo');">Make clicks</a>
 
177
                                <a class="demo" href="AJAX/AjaxDemoApp9_makeClick.html">demo</a> </br>
 
178
                                <a href="javascript:void(0);" onclick="alert('Only demo');">Get clicks</a>
 
179
                                <a class="demo" href="AJAX/AjaxDemoApp10_getClicks.html">demo</a> </br>
 
180
                        </div> <!---- End Container div ----> 
 
181
                        <h2>Source Code Download</h2>
 
182
                        <div class="container">
 
183
                                <div class="info">AJAX API source code</div>
 
184
                                <a href="Bookingsystem_1.3.zip">Source Code (v 1.3) Download</a><br>
 
185
                                <a href="Bookingsystem_1.2.zip">Source Code (v 1.2) Download</a><br>
 
186
                                <!--<a href="makebooking_XML.zip">Fixed Version of makebooking_XML.php</a><br>
 
187
                                <a href="Bookingsystem_1.1.rar">Source Code (v 1.1) Download</a><br>
 
188
                                <a href="Bookingsystem_1.0.zip">Source Code (v 1.0) Download</a><br>-->
 
189
                                <a href="Bookingsystem.sql">SQL Source Code for Running Database at Home</a><br>
 
190
                        </div> <!---- End Container div ----> 
 
191
                </div> <!---- End Group div ----> 
 
192
        </div>
 
193
</body>
 
194
</html>