bzr branch
http://gegoxaren.bato24.eu/bzr/lenasys/trunk
|
1
by Henrik G.
First seed of Lenasys ... Needs to be Organized Further |
1 |
<!DOCTYPE html>
|
2 |
<html> |
|
3 |
<head> |
|
|
4.3.1
by a11vikob
In "Code Viewer Alt": |
4 |
<title>Webbprogrammering DA330G</title> |
|
9.6.1
by Adam Ringhede
Changed structure in Code Viewer Alt |
5 |
<link rel="stylesheet" href="style.css" type="text/css" /> |
|
4.7.14
by Adam Ringhede
Fixes zooming related issues and makes other ui-related improvements. |
6 |
<script type="text/javascript" src="../js/jquery.js"></script> |
|
12.4.2
by Adam Ringhede
Adds PIE for CSS3 compatability issues with IE |
7 |
<script type="text/javascript" src="../etc/PIE/PIE.js"></script> |
|
9.6.1
by Adam Ringhede
Changed structure in Code Viewer Alt |
8 |
<script type="text/javascript" src="index.js"></script> |
|
1
by Henrik G.
First seed of Lenasys ... Needs to be Organized Further |
9 |
</head> |
10 |
<body> |
|
11 |
<div id="sidebar"> |
|
|
12.4.2
by Adam Ringhede
Adds PIE for CSS3 compatability issues with IE |
12 |
<div id="menu" class="ieCSS3Fix"> |
13 |
<div id="menuHeader" class="ieCSS3Fix"> |
|
|
1
by Henrik G.
First seed of Lenasys ... Needs to be Organized Further |
14 |
<h3>Quick links</h3> |
|
4.7.14
by Adam Ringhede
Fixes zooming related issues and makes other ui-related improvements. |
15 |
<img id="menuArrow" class="arrow" src="../media/codeviewer/CodeViewerLeftbutton.png" alt="arrow" /> |
|
1
by Henrik G.
First seed of Lenasys ... Needs to be Organized Further |
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"> |
|
|
4.3.1
by a11vikob
In "Code Viewer Alt": |
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 ----> |
|
|
1
by Henrik G.
First seed of Lenasys ... Needs to be Organized Further |
192 |
</div> |
193 |
</body> |
|
194 |
</html> |