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>
<head>
<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>
<!doctype html>
<head>
<title>GUI-DAT</title>
<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!");
}
};
<link rel="icon" type="image/ico" href="favicon.ico">
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
GUI.add(controllableObject, "numberProperty");
prettyPrint();
// Creates a slider (min, max)
GUI.add(controllableObject, "constrainedNum", -100, 100)
GUI.start();
// Creates a text field
GUI.add(controllableObject, "textProperty");
// Creates a number box
GUI.add(controllableObject, "numberProperty");
// Creates a checkbox
GUI.add(controllableObject, "booleanProperty");
// Creates a slider (min, max)
GUI.add(controllableObject, "constrainedNum", -100, 100)
// Creates a button
GUI.add(controllableObject, "functionProperty")
.setName("Fire a Function");
// Creates a text field
GUI.add(controllableObject, "textProperty");
};
</script>
</head>
<body>
<pre id="demo-pre" class="prettyprint">
// Creates a checkbox
GUI.add(controllableObject, "booleanProperty");
// Creates a button
GUI.add(controllableObject, "functionProperty")
.setName("Fire a Function");
};
</script>
</head>
<body>
<pre id="demo-pre" class="prettyprint">
var controllableObject =
{
numberProperty: 20,
@ -83,6 +87,9 @@ window.onload = function() {
.setName("Fire a Function");
};
</pre>
</body>
</pre>
<footer>
By <a href = "#">George</a>, <a href = "#">Jono</a>, and you.
</footer>
</body>
</html>