dat.gui/index.html

<!doctype html>
    <head>
        <title>GUI-DAT</title>
        
        <link rel="icon" type="image/gif" href="demo/assets/favicon.gif">
        
        <link href="gui.css" media="screen" rel="stylesheet" type="text/css" />
        <link href="demo/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="controllers/slider.js"></script>
        <script type="text/javascript" src="controllers/controller.js"></script>
        <script type="text/javascript" src="controllers/controller.string.js"></script>
        <script type="text/javascript" src="controllers/controller.number.js"></script>
        <script type="text/javascript" src="controllers/controller.boolean.js"></script>
        <script type="text/javascript" src="controllers/controller.function.js"></script>
        <script type="text/javascript" src="demo/demo.js"></script>
        <script id="demo" type="text/javascript">
            var controllableObject = 
               {   
                  numberProperty: 20,
                  constrainedNum: 0,
                  notchedNum: 200,
                  textProperty: "a string",
                  anotherTextProperty: "another string",
                  booleanProperty: false,
                  anotherBooleanProperty: false,
                  functionProperty: function() {
                     alert("I am a function!");
                  }
               };

            window.onload = function() {
            
               prettyPrint();

               GUI.start();
   
               // Creates a number box
               GUI.add(controllableObject, "numberProperty");
   
               // Creates a slider (min, max)
               GUI.add(controllableObject, "constrainedNum", -100, 100)
               
               // Creates a slider with notches
               GUI.add(controllableObject, "notchedNum", 0, 800, 100)
   
               // Creates a text field
               GUI.add(controllableObject, "textProperty");
   
               // Creates a checkbox
               GUI.add(controllableObject, "booleanProperty");
   
               // Creates a button
               GUI.add(controllableObject, "functionProperty")
                  .setName("Fire a Function");

            };
        </script>
    </head>
    <body>
        <h1><a href = "http://twitter.com/guidat"><img src = "demo/assets/favicon.gif" border = "0" alt = "GUI-DAT flag" /></a>GUI-DAT</h1>
        <p>
            <strong>gui-dat</strong> is a lightweight controller library for JavaScript. It allows you to easily manipulate variables and fire functions on the fly.
        </p>
        
        <h2>Basic Usage</h2>
        
        <pre id="demo-pre" class="prettyprint">
&lt;script type=&quot;text/javascript&quot; src=&quot;gui.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;

var controllableObject = 
   {   
	  numberProperty: 20,
	  constrainedNum: 0,
	  notchedNum: 240,
	  textProperty: &quot;a string&quot;,
	  anotherTextProperty: &quot;another string&quot;,
	  booleanProperty: false,
	  anotherBooleanProperty: false,
	  functionProperty: function() {
		 alert(&quot;I am a function!&quot;);
	  }
   };

window.onload = function() {

   GUI.start();
   
   // Closed by default.
   GUI.open();

   // Creates a number box
   GUI.add(controllableObject, &quot;numberProperty&quot;);

   // Creates a slider (min, max)
   GUI.add(controllableObject, &quot;constrainedNum&quot;, -100, 100)
   
   // Creates a slider with notches
   GUI.add(controllableObject, &quot;notchedNum&quot;, 0, 800, 100)

   // Creates a text field
   GUI.add(controllableObject, &quot;textProperty&quot;);

   // Creates a checkbox
   GUI.add(controllableObject, &quot;booleanProperty&quot;);

   // Creates a button
   GUI.add(controllableObject, &quot;functionProperty&quot;)
      .setName(&quot;Fire a Function&quot;);

};

&lt;/script&gt;</pre>
        <footer>

        </footer>
    </body>
</html>
added authors to index 2011-01-25 07:42:20 +00:00			`<!doctype html>`
			`<head>`
			`<title>GUI-DAT</title>`
added favicon 2011-01-25 08:14:24 +00:00
changed around folder structure and updated the styling 2011-01-25 22:16:30 +00:00			`<link rel="icon" type="image/gif" href="demo/assets/favicon.gif">`
added favicon 2011-01-25 08:14:24 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`<link href="gui.css" media="screen" rel="stylesheet" type="text/css" />`
changed around folder structure and updated the styling 2011-01-25 22:16:30 +00:00			`<link href="demo/demo.css" media="screen" rel="stylesheet" type="text/css" />`
added authors to index 2011-01-25 07:42:20 +00:00			`<script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"></script>`
Attempt to make text in number boxes unselectable. 2011-01-24 22:08:48 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`<script type="text/javascript" src="gui.js"></script>`
Merged 2011-01-25 08:28:18 +00:00			`<script type="text/javascript" src="controllers/slider.js"></script>`
Merged into Jono's new index.html 2011-01-25 08:26:18 +00:00			`<script type="text/javascript" src="controllers/controller.js"></script>`
			`<script type="text/javascript" src="controllers/controller.string.js"></script>`
			`<script type="text/javascript" src="controllers/controller.number.js"></script>`
			`<script type="text/javascript" src="controllers/controller.boolean.js"></script>`
			`<script type="text/javascript" src="controllers/controller.function.js"></script>`
changed around folder structure and updated the styling 2011-01-25 22:16:30 +00:00			`<script type="text/javascript" src="demo/demo.js"></script>`
added authors to index 2011-01-25 07:42:20 +00:00			`<script id="demo" type="text/javascript">`
			`var controllableObject =`
			`{`
			`numberProperty: 20,`
			`constrainedNum: 0,`
Fixed constraints on slider and made fixes to css 2011-01-25 22:10:40 +00:00			`notchedNum: 200,`
added authors to index 2011-01-25 07:42:20 +00:00			`textProperty: "a string",`
			`anotherTextProperty: "another string",`
			`booleanProperty: false,`
			`anotherBooleanProperty: false,`
			`functionProperty: function() {`
			`alert("I am a function!");`
			`}`
			`};`
Updated README and fleshed out gui.js 2011-01-23 22:35:19 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`window.onload = function() {`
Merged into Jono's new index.html 2011-01-25 08:26:18 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`prettyPrint();`
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`GUI.start();`
Changes to gui.css 2011-01-24 02:59:29 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`// Creates a number box`
			`GUI.add(controllableObject, "numberProperty");`
Changes to gui.css 2011-01-24 02:59:29 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`// Creates a slider (min, max)`
			`GUI.add(controllableObject, "constrainedNum", -100, 100)`
Starting on sliders. Still some kinks. 2011-01-25 09:35:45 +00:00
			`// Creates a slider with notches`
Fixed constraints on slider and made fixes to css 2011-01-25 22:10:40 +00:00			`GUI.add(controllableObject, "notchedNum", 0, 800, 100)`
Changes to gui.css 2011-01-24 02:59:29 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`// Creates a text field`
			`GUI.add(controllableObject, "textProperty");`
Changes to gui.css 2011-01-24 02:59:29 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`// Creates a checkbox`
			`GUI.add(controllableObject, "booleanProperty");`
Changes to gui.css 2011-01-24 02:59:29 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`// Creates a button`
			`GUI.add(controllableObject, "functionProperty")`
			`.setName("Fire a Function");`
Updated README and fleshed out gui.js 2011-01-23 22:35:19 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`};`
			`</script>`
			`</head>`
			`<body>`
changed around folder structure and updated the styling 2011-01-25 22:16:30 +00:00			`<h1><a href = "http://twitter.com/guidat"><img src = "demo/assets/favicon.gif" border = "0" alt = "GUI-DAT flag" /></a>GUI-DAT</h1>`
styling and adding content to index.html 2011-01-25 09:05:49 +00:00			`<p>`
Changes to index.html 2011-01-26 01:55:59 +00:00			`<strong>gui-dat</strong> is a lightweight controller library for JavaScript. It allows you to easily manipulate variables and fire functions on the fly.`
styling and adding content to index.html 2011-01-25 09:05:49 +00:00			`</p>`
Changes to index.html 2011-01-26 01:55:59 +00:00
			`<h2>Basic Usage</h2>`

added authors to index 2011-01-25 07:42:20 +00:00			`<pre id="demo-pre" class="prettyprint">`
Changes to index.html 2011-01-26 01:55:59 +00:00			`<script type="text/javascript" src="gui.min.js"></script>`
			`<script type="text/javascript">`

Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`var controllableObject =`
			`{`
Starting on sliders. Still some kinks. 2011-01-25 09:35:45 +00:00			`numberProperty: 20,`
			`constrainedNum: 0,`
			`notchedNum: 240,`
Changes to index.html 2011-01-26 01:55:59 +00:00			`textProperty: "a string",`
			`anotherTextProperty: "another string",`
Starting on sliders. Still some kinks. 2011-01-25 09:35:45 +00:00			`booleanProperty: false,`
			`anotherBooleanProperty: false,`
			`functionProperty: function() {`
Changes to index.html 2011-01-26 01:55:59 +00:00			`alert("I am a function!");`
Starting on sliders. Still some kinks. 2011-01-25 09:35:45 +00:00			`}`
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`};`

			`window.onload = function() {`

			`GUI.start();`
Changes to index.html 2011-01-26 01:55:59 +00:00
			`// Closed by default.`
			`GUI.open();`
added authors to index 2011-01-25 07:42:20 +00:00
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`// Creates a number box`
Changes to index.html 2011-01-26 01:55:59 +00:00			`GUI.add(controllableObject, "numberProperty");`
added authors to index 2011-01-25 07:42:20 +00:00
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`// Creates a slider (min, max)`
Changes to index.html 2011-01-26 01:55:59 +00:00			`GUI.add(controllableObject, "constrainedNum", -100, 100)`
Starting on sliders. Still some kinks. 2011-01-25 09:35:45 +00:00
			`// Creates a slider with notches`
Changes to index.html 2011-01-26 01:55:59 +00:00			`GUI.add(controllableObject, "notchedNum", 0, 800, 100)`
added authors to index 2011-01-25 07:42:20 +00:00
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`// Creates a text field`
Changes to index.html 2011-01-26 01:55:59 +00:00			`GUI.add(controllableObject, "textProperty");`
added authors to index 2011-01-25 07:42:20 +00:00
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`// Creates a checkbox`
Changes to index.html 2011-01-26 01:55:59 +00:00			`GUI.add(controllableObject, "booleanProperty");`
added authors to index 2011-01-25 07:42:20 +00:00
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`// Creates a button`
Changes to index.html 2011-01-26 01:55:59 +00:00			`GUI.add(controllableObject, "functionProperty")`
			`.setName("Fire a Function");`
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00
			`};`
Changes to index.html 2011-01-26 01:55:59 +00:00
			`</script></pre>`
added authors to index 2011-01-25 07:42:20 +00:00			`<footer>`
Changes to index.html 2011-01-26 01:55:59 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`</footer>`
			`</body>`
Initial files 2011-01-23 21:23:53 +00:00			`</html>`