+++ /dev/null
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
-<html>
-<head>
- <title>Dojo interactive benchmark tool</title>
- <script type="text/javascript" src="../../dojo/dojo.js"></script>
- <script type="text/javascript">
- // FIXME:
- // the url below points to dojo.inpdx.net/benchResults.php
- // need to setup DB on dtk.org and change URL here to store
- // results elsewhere ... work db structure in accompanying
- // .php file
- // basic stats are located at http://dojo.inpdx.net/benchmarks.html
-
- dojo.require("dojo.fx");
- // FIXME: this seems an excessive fix for IE6 issue ...
- dojo.require("dijit.dijit");
- // dojo.require("dijit.form.Button");
- dojo.require("dijit.dijit-all");
- dojo.require("dojo.parser");
-
-
- // setup global variables
- var masterResults = { clientNavigator: navigator.userAgent, dataSet: [], errors: [] }
- var isRunning = false;
- var theCount, theClass, runner = null;
- var testCount = 0;
- dojo.addOnLoad(function(){
- theCount = dojo.byId('countNode');
- theClass = dojo.byId('classNode');
- runner = dojo.byId('runner');
- masterResults.dojoVersion = dojo.version.toString();
- });
-
-
- function _toggleRunMsg(){
- var newMsg = (isRunning) ? " Run Test " : " Running ..."
- dojo.fx.chain([
- dojo.fadeOut({
- node:runner,
- duration:200,
- onEnd: function(){
- runner.innerHTML = newMsg;
- isRunning=!isRunning;
- }
- }),
- dojo.fadeIn({ node:runner, duration: 200 })
- ]).play();
- }
-
- function runTest(){
- if(isRunning){ return; }
- _toggleRunMsg();
- setTimeout(function(){_runRealTest();},1000);
- }
-
- function _runRealTest(){
-
- var _error = false;
- var count = theCount.value;
- var aclass = theClass.value.toString();
- var theMethod = (dojo.byId('parse').checked) ? "parse" : "create";
-
- var tmpNode = document.createElement('div');
-
- switch(theMethod){
- case "parse" :
- var tmpString = [];
- for(var i=0; i<count; i++){
- tmpString.push('<div dojoType="', aclass, '"></div>');
- }
- tmpNode.innerHTML = tmpString.join("");
- var tmpTimer = new Date().getTime();
- dojo.parser.parse(tmpNode);
- var endTime = new Date().getTime() - tmpTimer;
- break;
- case "create" :
- var construction = dojo.getObject(aclass);
- var tmpTimer = new Date().getTime();
- for(var i=0; i<count; i++){
- var tmp = new construction({});
- tmpNode.appendChild(tmp.domNode);
- }
- var endTime = new Date().getTime() - tmpTimer;
- break;
- }
-
- var average = (endTime / count);
- var msg = "It took: "+endTime+"ms to "+theMethod+" "+count+" "+aclass+" widgets"+
- "<br>(average: "+average+" ms/widget)<br><br>";
-
- masterResults.dataSet.push({
- testNum: ++testCount,
- dijit: aclass,
- testCount: count,
- testAverage: average,
- testMethod: theMethod,
- testTime: endTime
- });
-
- dojo.byId("results").innerHTML += msg;
- setTimeout(function(){_toggleRunMsg();},250);
-
- // Nodes have to be in the document for IE7 to GC them.
- // Do this after generating the widgets to dispel
- // notion that widget parents have to be in document
- // a-priori.
- dojo.byId("limbo").appendChild(tmpNode);
- }
-
- function doDebug(){
- var key = escape(dojo.toJson(masterResults));
- dojo.byId('hiddenHolder').value = key;
- return true;
- }
-
- </script>
- <style>
- @import "../../dijit/themes/tundra/tundra.css";
- @import "../../dijit/themes/dijit.css";
- @import "../../dojo/resources/dojo.css";
- @import "../../dijit/tests/css/dijitTests.css";
-
- #limbo {
- display: none;
- }
- #theContainer {
- float:left;
- display: block; padding:12px; padding-top:0;
- width:420px; margin-left:20px;
- background-color:#fff; -moz-border-radius:8pt 8pt;
- border:2px solid #ededed;
- }
- #leftControl { float:left; width:300px; }
- #testControl, #submitControl { border:2px solid #ededed; padding:12px; -moz-border-radius:8pt 8pt; background-color:#fff; }
- #results { overflow:auto; height:300px; border:1px solid #ccc; color:darkred; padding:8px; }
- #results li { list-style-type: none; }
- #results ul { margin:0; padding:0; }
- .runHolder, .submitButton {
- border:1px solid #ccc; padding:3px; -moz-border-radius:8pt 8pt; text-align:center;
- cursor:pointer; background-color:#ededed; display:block; width:125px;
- }
-
- </style>
-</head>
-<body class="tundra">
- <div id="limbo"></div>
- <h1 class="testTitle">Dojo Benchmark Tool</h1>
-
- <div id="leftControl">
- <div id="testControl">
-
- Class: <input type="text" name="dijit" id="classNode" value="dijit.form.Button"><br><br>
- Count: <input type="text" name="count" id="countNode" value="100" size="4" ><br><br>
-
- Method: <label for="parse">
- <input type="radio" name="theMethod" value="parse" id="parse" checked="on"> Parse
- </label>
- <label for="create">
- <input type="radio" name="theMethod" value="create" id="create"> Create
- </label>
-
- <br><br>
- <span onclick="runTest()" class="runHolder"><span id="runner"> Run Test </span></span>
-
- </div>
-
- <br>
-
- <div id="submitControl">
- <p>
- * The results of these tests are important to us. Please feel free to submit your dataSet
- to Dojotoolkit.org. Your privacy will be respected.
-
- </p>
- <div id="hiddenResults">
- <form id="resultForm" action="http://dojo.inpdx.net/benchResults.php"
- method="POST" onsubmit="doDebug()">
- <input type="hidden" id="hiddenHolder" value="" name="key">
- <input type="submit" value=" Submit Data " class="submitButton">
- </form>
- </div>
- </div>
- </div>
-
- <div id="theContainer"><h3>Results:</h3><div id="results"></div></div>
-
-</body>
-</html>
projects / eow / blobdiff