library-mirrors/dat.gui
1
0
Fork 0
mirror of https://github.com/dataarts/dat.gui.git synced 2024-12-12 04:08:27 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

added authors to index

Browse Source
This commit is contained in:
jonobr1 2011-01-24 23:42:20 -08:00
parent c73deb8f41
commit 7b2bdf0236
1 changed files with 54 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
index.html
View File

@ -1,56 +1,57 @@
<html> <!doctype html>
<head> <head>
<link href="gui.css" media="screen" rel="stylesheet" type="text/css" /> <title>GUI-DAT</title>
<link href="demo.css" media="screen" rel="stylesheet" type="text/css" /> <link href="gui.css" media="screen" rel="stylesheet" type="text/css" />
<!--<script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"></script>--> <link href="demo.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"></script>
<script type="text/javascript" src="gui.js"></script> <script type="text/javascript" src="gui.js"></script>
<script type="text/javascript" src="controller.js"></script> <script type="text/javascript" src="controller.js"></script>
<script type="text/javascript" src="controller.string.js"></script> <script type="text/javascript" src="controller.string.js"></script>
<script type="text/javascript" src="controller.number.js"></script> <script type="text/javascript" src="controller.number.js"></script>
<script type="text/javascript" src="controller.boolean.js"></script> <script type="text/javascript" src="controller.boolean.js"></script>
<script type="text/javascript" src="controller.function.js"></script> <script type="text/javascript" src="controller.function.js"></script>
<script id="demo" type="text/javascript"> <script id="demo" type="text/javascript">
var controllableObject = var controllableObject =
{ {
numberProperty: 20, numberProperty: 20,
constrainedNum: 0, constrainedNum: 0,
textProperty: "a string", textProperty: "a string",
anotherTextProperty: "another string", anotherTextProperty: "another string",
booleanProperty: false, booleanProperty: false,
anotherBooleanProperty: false, anotherBooleanProperty: false,
functionProperty: function() { functionProperty: function() {
alert("I am a function!"); alert("I am a function!");
} }
}; };
window.onload = function() { window.onload = function() {
//prettyPrint(); prettyPrint();
GUI.start(); GUI.start();
// Creates a number box // Creates a number box
GUI.add(controllableObject, "numberProperty"); GUI.add(controllableObject, "numberProperty");
// Creates a slider (min, max) // Creates a slider (min, max)
GUI.add(controllableObject, "constrainedNum", -100, 100) GUI.add(controllableObject, "constrainedNum", -100, 100)
// Creates a text field // Creates a text field
GUI.add(controllableObject, "textProperty"); GUI.add(controllableObject, "textProperty");
// Creates a checkbox // Creates a checkbox
GUI.add(controllableObject, "booleanProperty"); GUI.add(controllableObject, "booleanProperty");
// Creates a button // Creates a button
GUI.add(controllableObject, "functionProperty") GUI.add(controllableObject, "functionProperty")
.setName("Fire a Function"); .setName("Fire a Function");
}; };
</script> </script>
</head> </head>
<body> <body>
<pre id="demo-pre" class="prettyprint"> <pre id="demo-pre" class="prettyprint">
var controllableObject = var controllableObject =
{ {
numberProperty: 20, numberProperty: 20,
@ -83,6 +84,9 @@ window.onload = function() {
.setName("Fire a Function"); .setName("Fire a Function");
}; };
</pre> </pre>
</body> <footer>
By <a href = "#">George</a>, <a href = "#">Jono</a>, and you.
</footer>
</body>
</html> </html>