Brian's public fiddles
-
Image selector
This example uses the select input to create a pulldown menu of imaages.
-
Fuel Watch Form
This fiddle demonstrates the construction of a simple form.
-
Schedule n JavaScript
Tutorial session solution
-
Schedule - Template
Template for Week 5 Activity in which you will modify the DOM to add the schedule using JavaScript only.
-
Schedule in HTML CSS
Demonstration that keeps a class schedule in HTML and CSS
-
Objects for Schedule
This shows how to use object notation and object functions to maintain a sorted class schedule.
-
String properties and methods
No-Library (pure JS), HTML, CSS, JavaScript
-
concatenation demo
concatenate a string and a number results in a string
-
Number primitive and object
Create a number and a primitive object
-
Confirm Dialog
Example of confirm dialog
-
factorial
parital week 4 tutorial solution
-
CSS actrivity - lists
Without modifying the HTML or JavaScript panels, and only editing the CSS panel, make the list of cars red, the list of tyres green, and the list of insurers blue. Change the colour of the text that is not part of an unordered list to purple.
-
CSS activity - solution
Without modifying the HTML or JavaScript panels, and only editing the CSS panel, make the list of cars red, the list of tyres green, and the list of insurers blue. Change the colour of the text that is not part of an unordered list to purple.
-
Anzac Biscuits
Simple HTML and CSS demonstration
-
Table and CSS
This example shows draws a formatted table.
-
Flags
SVG code for several different flags.
-
XML to initialise Menu
Simple example that demonstrates how XML can be used to initialise a menu.
-
Object Constructor Functions
This demonstrates how to create Object instances from functions, and dmonstrates that this can be mixecd with Object Notation.
-
Object Notation example
This is a demonstration of Object Notation, in which comma separated name:value pairs are encolsed in curly braces, to define both object properties and methods.
-
Prototype demo
This demo shows how to extend an object definition. In the new method called sum(), note the difference between length (a property with parentheses) and sum() (a method with parentheses) WARNING: some advise against extending Array. For more informaiton, see http://stackoverflow.com/questions/8859828/javascript-what-dangers-are-in-extending-array-prototype For more on extending the Array object, see http://stackoverflow.com/questions/11337849/ways-to-extend-array-object-in-javascript