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
author: mensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f> 2008-11-13 09:49:11 +0000
committer: mensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f> 2008-11-13 09:49:11 +0000
commit: e44a7e37b6c7b5961adaffc62b9042b8d442938e (patch)
tree: 95b67c356e93163467db2451f2b8cce84ed5d582 /includes/js/dijit/bench/benchTool.html
parent: a62b9742ee5e28bcec6872d88f50f25b820914f6 (diff)
download: semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.gz
semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.bz2
1 files changed, 189 insertions, 0 deletions
diff --git a/includes/js/dijit/bench/benchTool.html b/includes/js/dijit/bench/benchTool.html
new file mode 100644
index 0000000..b8a9041
--- /dev/null
+++ b/includes/js/dijit/bench/benchTool.html
@@ -0,0 +1,189 @@
+<!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>
author	mensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f>	2008-11-13 09:49:11 +0000
committer	mensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f>	2008-11-13 09:49:11 +0000
commit	e44a7e37b6c7b5961adaffc62b9042b8d442938e (patch)
tree	95b67c356e93163467db2451f2b8cce84ed5d582 /includes/js/dijit/bench/benchTool.html
parent	a62b9742ee5e28bcec6872d88f50f25b820914f6 (diff)
download	semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.gz semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.bz2