diff options
| author |  mensonge | 2008-11-13 09:49:11 +0000 |
|---|---|---|
| committer | mensonge | 2008-11-13 09:49:11 +0000 |
| commit | e44a7e37b6c7b5961adaffc62b9042b8d442938e (patch) | |
| tree | 95b67c356e93163467db2451f2b8cce84ed5d582 /includes/js/dijit/bench/create_widgets.html | |
| parent | a62b9742ee5e28bcec6872d88f50f25b820914f6 (diff) | |
| download | scuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.gz scuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.zip | |
New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit
git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f
Diffstat (limited to 'includes/js/dijit/bench/create_widgets.html')
| -rw-r--r-- | includes/js/dijit/bench/create_widgets.html | 73 |
1 files changed, 73 insertions, 0 deletions
diff --git a/includes/js/dijit/bench/create_widgets.html b/includes/js/dijit/bench/create_widgets.html new file mode 100644 index 0000000..9a6f78a --- /dev/null +++ b/includes/js/dijit/bench/create_widgets.html @@ -0,0 +1,73 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>PROGRAMMATIC - Dojo Widget Creation Test</title> + <script type="text/javascript" src="../../dojo/dojo.js"></script> + <script type="text/javascript" src="../dijit.js"></script> + <script type="text/javascript"> + var queryCount = location.search.match(/count=(\d*)/); + var count = (queryCount ? parseInt(queryCount[1]) : 100); + var queryClass = location.search.match(/class=([a-zA-z.]*)/); + var className = (queryClass ? queryClass[1] : "form.Button"); + + dojo.require("dijit." + className); + dojo.require("dojo.parser"); + logMessage = window.alert; + </script> + <style type="text/css"> + @import "../themes/tundra/tundra.css"; + /* group multiple buttons in a row */ + .box { + display: block; + text-align: center; + } + .box .dojoButton { + width: 80px; + margin-right: 10px; + } + .dojoButtonContents { + font-size: 1.6em; + } + + #buttonContainer { + border: 1px solid black; + width: 100%; + } + + #results { + color: darkred; + } + </style> + </head> + <body class=tundra> + <script language='javascript'> + document.write("<h2>Currently Creating "+count+" "+className+" instances</h2>"); + </script> + Pass <code>?count=<i><b>100</b></i></code> in the query string to change the number of widgets.<br> + Pass <code>?class=<i><b>form.Button</b></i></code> in the query string to change the widget class. + <h3 id="results"></h3> + + <div id="buttonContainer" class='box'></div> + <br> + <script type="text/javascript"> + // See if we can make a widget in script and attach it to the DOM ourselves. + var constructor = dojo.getObject("dijit."+className); + function makeEm(){ + var container = dojo.byId("buttonContainer"); + var t0 = new Date().getTime(); + for (var i = 1; i <= count; i++) { + var it = + new constructor( + {label:"Button "+i, onclick:'logMessage("clicked simple")'} + ); + container.appendChild(it.domNode); + it.domNode.style.display = ''; + } + var t1 = new Date().getTime(); + dojo.byId("results").innerHTML = "It took " + (t1 - t0) + " msec to create " + count + " "+className+" instances programmatically."; + } + dojo.addOnLoad(makeEm); + </script> + </body> +</html> |