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 favicon

Browse Source
This commit is contained in:
jonobr1 2011-01-25 00:15:53 -08:00
commit c9e3a276a7
2 changed files with 63 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

97
index.html
View File

@ -1,56 +1,60 @@
<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" />
<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> <link rel="icon" type="image/ico" href="favicon.ico">
<script type="text/javascript" src="controller.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.boolean.js"></script>
<script type="text/javascript" src="controller.function.js"></script>
<script id="demo" type="text/javascript">
var controllableObject =
{
numberProperty: 20,
constrainedNum: 0,
textProperty: "a string",
anotherTextProperty: "another string",
booleanProperty: false,
anotherBooleanProperty: false,
functionProperty: function() {
alert("I am a function!");
}
};
window.onload = function() { <link href="gui.css" media="screen" rel="stylesheet" type="text/css" />
<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>
prettyPrint(); <script type="text/javascript" src="gui.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.number.js"></script>
<script type="text/javascript" src="controller.boolean.js"></script>
<script type="text/javascript" src="controller.function.js"></script>
<script id="demo" type="text/javascript">
var controllableObject =
{
numberProperty: 20,
constrainedNum: 0,
textProperty: "a string",
anotherTextProperty: "another string",
booleanProperty: false,
anotherBooleanProperty: false,
functionProperty: function() {
alert("I am a function!");
}
};
GUI.start(); window.onload = function() {
// Creates a number box prettyPrint();
GUI.add(controllableObject, "numberProperty");
// Creates a slider (min, max) GUI.start();
GUI.add(controllableObject, "constrainedNum", -100, 100)
// Creates a text field // Creates a number box
GUI.add(controllableObject, "textProperty"); GUI.add(controllableObject, "numberProperty");
// Creates a checkbox // Creates a slider (min, max)
GUI.add(controllableObject, "booleanProperty"); GUI.add(controllableObject, "constrainedNum", -100, 100)
// Creates a button // Creates a text field
GUI.add(controllableObject, "functionProperty") GUI.add(controllableObject, "textProperty");
.setName("Fire a Function");
}; // Creates a checkbox
</script> GUI.add(controllableObject, "booleanProperty");
</head>
<body> // Creates a button
<pre id="demo-pre" class="prettyprint"> GUI.add(controllableObject, "functionProperty")
.setName("Fire a Function");
};
</script>
</head>
<body>
<pre id="demo-pre" class="prettyprint">
var controllableObject = var controllableObject =
{ {
numberProperty: 20, numberProperty: 20,
@ -83,6 +87,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>