/lenasys/0.1

To get this branch, use:
bzr branch http://gegoxaren.bato24.eu/bzr/lenasys/0.1
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" />
9.6.2 by Adam Ringhede
Changed references and adapted to codestandard 
6
 
	<script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
9.6.1 by Adam Ringhede
Changed structure in Code Viewer Alt 
7
 
	<script type="text/javascript" src="index.js"></script>
1 by Henrik G.
First seed of Lenasys ... Needs to be Organized Further 
8
 
</head>

9
 
<body>

10
 
	<div id="sidebar">

11
 
		<div id="menu">

12
 
			<div id="menuHeader">

13
 
				<h3>Quick links</h3>

14
 
				<img id="menuArrow" class="arrow" src="img/menuArrow.png" alt="arrow" />

15
 
			</div>

16
 
			<div id="menuItems">

17
 
				<a href="javascript" class="menuLink">JavaScript</a>

18
 
				<a href="jquery" class="menuLink">jQuery</a>

19
 
				<a href="SVG" class="menuLink">SVG Converter</a>

20
 
				<a href="html5" class="menuLink">HTML5</a>

21
 
				<a href="ajaxapi" class="menuLink">AJAX API</a>

22
 
				<a href="ajaxapiexamples" class="menuLink">API Examples</a>

23
 
			</div>

24
 
			

25
 
		</div>

26
 
	</div>

27
 
	<div id="content">
4.3.1 by a11vikob
In "Code Viewer Alt": 
28
 
		<div class="group">

29
 
			<h1>Code examples</h1>

30
 
			<h2 id="javascript">JavaScript Examples</h2>

31
 
			<div class="container">

32
 
				<div class="info">A couple of short tutorials introducing Firebug</div>

33
 
				<a href='Tutorials/Tutorial_Firebug.gif'>Firebug Tutorial</a><br>

34
 
				<a href='Tutorials/Tutorial_Firebug_II.gif'>Firebug Tutorial II</a><br>

35
 
				<div class="info">Some simple JavaScript code examples</div>

36
 
				<a href='Javascript/JavaScriptExample0_setEvent.php'>Example 0: Events, DOM access and console.log</a><br>

37
 
				<a href='Javascript/JavaScriptExample1_DOM.php'>Example 1: Adding and removing elements in the DOM</a><br>

38
 
				<a href='Javascript/JavaScriptExample2_validateForm.php'>Example 2: Validating form data</a><br>

39
 
				<div class="info">Some simple JavaScript demo examples</div>

40
 
				<a href='Javascript/Small_Example_Menudiv.html'>Menu with images using divs</a><br>

41
 
				<a href='Javascript/Small_Example_DropdownDiv.html'>Dropdown Menu</a><br>

42
 
				<a href='Javascript/Small_Example_Expandcontract.html'>Expand and Contract Data</a><br>

43
 
				<a href='Javascript/Small_Example_Expandcontract2.html'>Expand and Contract Hierarchical Menu</a><br>

44
 
				<a href='Javascript/Small_Example_DragDrop1.html'>Drag and drop start (reading coordinates)</a><br>

45
 
				<a href='Javascript/Small_Example_DragDrop2.html'>Drag and drop div (read class or id from clicked div)</a><br>

46
 
				<a href='Javascript/Small_Example_DragDrop3.html'>Drag and drop divs (update divs)</a><br>

47
 
				<a href='Javascript/Small_Example_Timer.html'>Timer example</a><br>

48
 
				<a href='Javascript/Small_Example_TimerClipping.html'>Timer example with Clipping Rectangle</a><br>

49
 
				<a href='Javascript/Small_Example_History'>History Example</a><br>

50
 
			</div>

51
 
		

52
 
			<h2 id="jquery">Examples on jQuery and jQuery UI</h2>

53
 
			<div class="container">

54
 
				<div class="info">Some simple examples showcasing jQuery and jQuery UI</div>

55
 
				<a href='JqueryDemos/JQueryExample1.html'>jQuery Example 1</a><br>

56
 
				<a href='JqueryDemos/JQueryExample2.html'>jQuery Example 2</a><br>

57
 
				<a href='JqueryDemos/JQueryExample3.html'>jQuery Example 3</a><br>

58
 
				<a href='JqueryDemos/JQueryExample4.html'>jQuery Example 4</a><br>

59
 
				<a href='JqueryDemos/JQueryExample5.html'>jQuery Example 5</a><br>

60
 
				<a href='JqueryDemos/JQueryExample6.html'>jQuery Example 6</a><br>

61
 
				<br>

62
 
				<a href='http://jquery.com/'>Offical jQuery website</a><br>

63
 
				<a href='http://jqueryui.com/'>Offical jQuery UI website</a><br>

64
 
			</div> <!---- End Container div ----> 

65
 









66



			<h2 id="SVG">SVG Viewer</h2>










67



			<div class="container">










68



				<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>










69



				<a href='SVG'>SVG Converter</a><br>










70



				<a href='SVG/SVG.rar'>SVG Converter Source Code</a><br>










71



			</div> <!---- End Container div ----> 










72












73



			<h2 id="html5">HTML5 Examples</h2>










74



			<div class="container">










75



				<div class="info">Some simple HTML5 code examples</div>










76



				<a href='HTML5/HTML5Example1_canvas.php'>Example 1: Basic canvas graphics</a><br>










77



				<a href='HTML5/HTML5Example2_canvas2.php'>Example 2: Canvas Gradients and Transformations</a><br>










78



				<a href='HTML5/HTML5Example3_canvas3.php'>Example 3: Animation and drawing images</a><br>










79



				<a href='HTML5/HTML5Example4_canvas4.php'>Example 4: Shadows</a><br>










80












81



				<a href='HTML5/HTML5Example5_canvas5.php'>Example 5: Reading mouse coordinates</a><br>










82



				<a href='HTML5/HTML5Example6_canvas6.php'>Example 6: 2D Tile Map</a><br>










83



				<a href='HTML5/HTML5Example7_canvas7.php'>Example 7: Isometric Tile Map</a><br>










84



				<!--simple cookies-->










85



				<!--basic localstorage-->










86



				<a href='HTML5/HTML5Example8_basiccookies.php'>Example 8: Basic cookies</a><br>










87



				<a href='HTML5/HTML5Example9_basiclocalStorage.php'>Example 9: Basic localStorage API</a><br>










88



				










89



				<a href='HTML5/HTML5Example10_cookies.php'>Example 10: Cookies</a><br>










90



				<a href='HTML5/HTML5Example11_localStorage.php'>Example 11: localStorage API</a><br>










91



				










92



				<a href='HTML5/HTML5Example12_history.php'>Example 12: History API</a><br>










93



				<a href='HTML5/HTML5Example13_draganddrop.php'>Example 13: HTML5 Drag and drop</a><br>










94



				<a href='HTML5/HTML5Example14_imagezoom.php'>Example 14: Image zoom</a><br>










95



				<a href='HTML5/HTML5Example15_clipping.php'>Example 15: Canvas clipping region</a><br>










96



				<a href='HTML5/HTML5Example16_masking.php'>Example 16: Canvas compositing</a><br>










97



				<a href='HTML5/HTML5Example17_html5video.php'>Example 17: HTML5 Video</a><br>










98



				<a href='HTML5/HTML5Example18_canvasvideo.php'>Example 18: Canvas video and screenshots</a><br>










99



				<a href='HTML5/HTML5Example19_contenteditable.php'>Example 19: Contenteditable</a><br>










100



				<a href='HTML5/HTML5Example20_contenteditable2.php'>Example 20: Rich text editor</a><br>










101



				<div class="info">Some simple HTML5 demo examples</div>










102



				<!--<a href='HTML5/localstorage_cookies.html'>Local Storage Cookies</a><br>










103



				<a href='HTML5/localstorage_localstorage.html'>Local Storage</a><br>-->










104



				<a href='HTML5/canvas_test_curve_0.html'>Canvas Curve Example 1</a><br>










105



				<a href='HTML5/canvas_test_curve.html'>Canvas Curve Example 2 Simple Detect Click</a><br>










106



				<!--<a href='HTML5/canvas_test_clock.html'>Canvas Gradient and Transformation Example (Clock)</a><br>-->










107



				<a href='HTML5/canvas_test_lines.html'>Lines Example</a><br>










108



				<!--<a href='HTML5/canvas_test_pattern_II.html'>Patterns Example 1</a><br>










109



				<a href='HTML5/canvas_test_pattern_III.html'>Patterns Example 2 With Shadows</a><br>-->










110



				<a href='HTML5/canvas_shadowGlow.html'>Shadows for Glow Effect</a><br>










111



				<a href='HTML5/canvas_test_svgimported.html'>Imported SVG</a><br>










112



				<a href='HTML5/canvas_test_starso.html'>Particles 1 Starspiral</a><br>










113



				<a href='HTML5/canvas_test_particles.html'>Particles 2 Fireworks</a><br>










114



				<a href='HTML5/canvas_3dtest.html'>3D Example 1</a><br>










115



				<a href='HTML5/canvas_3dtest_II.html'>3D Example 2</a><br>










116



				<a href='HTML5/canvas_3dtest_III.html'>3D Example 3</a><br>










117



				<a href='HTML5/canvas_3dtest_IV.html'>3D Example 4</a><br>










118



				<br>










119



				<a href='HTML5/Enkelgrafik_Curves.html'>Simple graphics with clickable geometry</a><br>










120



				<a href='HTML5/Enkelgrafik_Gradients.html'>Simple graphics with gradients</a><br>










121



				<a href='HTML5/Enkelgrafik_Rasterisering.html'>Simple graphics with DrawImage and Compositing</a><br>










122



				<a href='HTML5/Enkelgrafik_Transformationer.html'>Simple graphics with transformations</a><br>










123



				<div class="info">You may also find the quick reference sheet below useful</div>










124



				<a href='http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html'>Canvas Cheat Sheet</a><br>










125



			</div> <!---- End Container div ----> 










126



		</div> <!---- End Group div ----> 










127



		










128



		<div class="group">










129



			<h1>AJAX API documentation & Management</h1>










130



			<h2 id="ajaxapi">AJAX API Administration</h2>










131



			<div class="container">










132



				<div class="info">Management of resources, customers, bookings, availability</div>










133



				<a href="admin/editresource.php">Edit resources</a> </br>










134



				<a href="admin/editcustomers.php">Edit customers</a> </br>










135



				<a href="admin/editbooking.php">Edit bookings</a> </br>










136



				<a href="admin/editavailability.php">Edit resource availability</a> </br>










137



			</div> <!---- End Container div ----> 










138



			<h2 id="ajaxapiexamples">AJAX API Examples & Demos</h2>










139



			<!--<h2>AJAX API Overview</h2>-->










140



			<div class="container">










141



				<div class="info">Documentation of parameters and calls</div>










142



				<a href="calls.html">Overview</a> </br>










143



			</div> <!---- End Container div ----> 










144



		   










145



			<div class="container cols">










146



				<div class="info">Create and get information about a customer</div>










147



				<a href="AJAX/AjaxDemoApp1_storeCustomer.php">Creation of Customer</a>










148



				<a class="demo" href="AJAX/AjaxDemoApp1_storeCustomer.html">demo</a> </br>










149



				<a href="AJAX/AjaxDemoApp0_getCustomer.php">Get customer information</a>










150



				<a class="demo" href="AJAX/AjaxDemoApp0_getCustomer.html">demo</a> </br>










151












152



				<div class="info">Get information about resources. (create a resource and edit availability in the administration panel)</div>










153



				<a href="AJAX/AjaxDemoApp3_getResources.php">Get resources</a>










154



				<a class="demo" href="AJAX/AjaxDemoApp3_getResources.html">demo</a> </br>










155



				<a href="AJAX/AjaxDemoApp8_getResourceAvailability.php">Get resource availability</a>










156



				<a class="demo" href="AJAX/AjaxDemoApp8_getResourceAvailability.html">demo</a> </br>










157












158



				<div class="info">Make and get information about bookings</div>










159



				<a href="AJAX/AjaxDemoApp6_makeBookings.php">Make bookings</a>










160



				<a class="demo" href="AJAX/AjaxDemoApp6_makeBookings.html">demo</a> </br>










161












162



				<a href="AJAX/AjaxDemoApp5_showBookings.php">Get bookings</a>










163



				<a class="demo" href="AJAX/AjaxDemoApp5_showBookings.html">demo</a> </br>










164












165



				<a href="AJAX/AjaxDemoApp4_getBookingsForDate.php">Get bookings for date</a>










166



				<a class="demo" href="AJAX/AjaxDemoApp4_getBookingsForDate.html">demo</a> </br>










167












168



				<a href="AJAX/AjaxDemoApp2_getCustomerBookings.php">Get customer bookings</a> 










169



				<a class="demo" href="AJAX/AjaxDemoApp2_getCustomerBookings.html">demo</a> </br>










170












171



				<a href="AJAX/AjaxDemoApp7_makeBookingsTimer.php">Make bookings with timer</a>










172



				<a class="demo" href="AJAX/AjaxDemoApp7_makeBookingsTimer.html">demo</a> </br>










173












174



				<div class="info">Make and get clicks</div>










175



				<a href="javascript:void(0);" onclick="alert('Only demo');">Make clicks</a>










176



				<a class="demo" href="AJAX/AjaxDemoApp9_makeClick.html">demo</a> </br>










177



				<a href="javascript:void(0);" onclick="alert('Only demo');">Get clicks</a>










178



				<a class="demo" href="AJAX/AjaxDemoApp10_getClicks.html">demo</a> </br>










179



			</div> <!---- End Container div ----> 










180



			<h2>Source Code Download</h2>










181



			<div class="container">










182



				<div class="info">AJAX API source code</div>










183



				<a href="Bookingsystem_1.3.zip">Source Code (v 1.3) Download</a><br>










184



				<a href="Bookingsystem_1.2.zip">Source Code (v 1.2) Download</a><br>










185



				<!--<a href="makebooking_XML.zip">Fixed Version of makebooking_XML.php</a><br>










186



				<a href="Bookingsystem_1.1.rar">Source Code (v 1.1) Download</a><br>










187



				<a href="Bookingsystem_1.0.zip">Source Code (v 1.0) Download</a><br>-->










188



				<a href="Bookingsystem.sql">SQL Source Code for Running Database at Home</a><br>










189



			</div> <!---- End Container div ----> 










190



		</div> <!---- End Group div ----> 








1
by Henrik G.


First seed of Lenasys ... Needs to be Organized Further



191



	</div>










192



</body>










193



</html>