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

1 files changed, 103 insertions, 0 deletions

diff --git a/includes/js/dijit/tests/_testCommon.js b/includes/js/dijit/tests/_testCommon.js
new file mode 100644
index 0000000..519675f
--- /dev/null
+++ b/includes/js/dijit/tests/_testCommon.js
@@ -0,0 +1,103 @@
+/*	
+	_testCommon.js - a simple module to be included in dijit test pages to allow
+	for easy switching between the many many points of the test-matrix.
+
+	in your test browser, provides a way to switch between available themes,
+	and optionally enable RTL (right to left) mode, and/or dijit_a11y (high-
+	constrast/image off emulation) ... probably not a genuine test for a11y.
+
+	usage: on any dijit test_* page, press ctrl-f9 to popup links.
+
+	there are currently (2 themes * 4 tests) * (10 variations of supported browsers)
+	not including testing individual locale-strings
+
+	you should not be using this in a production enviroment. include
+	your css and set your classes manually. for test purposes only ...
+*/
+
+(function(){
+	var d = dojo;
+	var theme = false; var testMode;
+	if(window.location.href.indexOf("?") > -1){
+		var str = window.location.href.substr(window.location.href.indexOf("?")+1).split(/#/);
+		var ary  = str[0].split(/&/);
+		for(var i=0; i<ary.length; i++){
+			var split = ary[i].split(/=/),
+				key = split[0],
+				value = split[1];
+			switch(key){
+				case "locale":
+					// locale string | null
+					dojo.config.locale = locale = value;
+					break;
+				case "dir":
+					// rtl | null
+					document.getElementsByTagName("html")[0].dir = value;
+					break;
+				case "theme":
+					// tundra | soria | noir | squid | nihilo | null
+					theme = value;
+					break;
+				case "a11y":
+					if(value){ testMode = "dijit_a11y"; }
+			}
+		}
+	}		
+
+	// always include the default theme files:
+	if(!theme){ theme = dojo.config.defaultTestTheme || 'tundra'; }
+	var themeCss = d.moduleUrl("dijit.themes",theme+"/"+theme+".css");
+	var themeCssRtl = d.moduleUrl("dijit.themes",theme+"/"+theme+"_rtl.css");
+	document.write('<link rel="stylesheet" type="text/css" href="'+themeCss+'"/>');
+	document.write('<link rel="stylesheet" type="text/css" href="'+themeCssRtl+'"/>');
+
+	if(dojo.config.parseOnLoad){ 
+		dojo.config.parseOnLoad = false;
+		dojo.config._deferParsing = true;
+	}
+
+	d.addOnLoad(function(){
+
+		// set the classes
+		if(!d.hasClass(d.body(),theme)){ d.addClass(d.body(),theme); }
+		if(testMode){ d.addClass(d.body(),testMode); }
+			
+		// test-link matrix code:
+		var node = document.createElement('div');
+		node.id = "testNodeDialog";
+		d.addClass(node,"dijitTestNodeDialog");
+		d.body().appendChild(node);
+
+		_populateTestDialog(node);
+
+		d.connect(document,"onkeypress", function _testNodeShow(/* Event */evt){
+			var key = (evt.charCode == d.keys.SPACE ? d.keys.SPACE : evt.keyCode);
+			if(evt.ctrlKey && (key == d.keys.F9)){ // F9 is generic enough?
+				d.style('testNodeDialog',"top",(dijit.getViewport().t + 4) +"px");
+				d.toggleClass('testNodeDialog',"dijitTestNodeShowing");
+			}
+		});
+
+		if(dojo.config._deferParsing){ d.parser.parse(d.body()); }
+
+	});
+
+	var _populateTestDialog = function(/* DomNode */node){
+		// pseudo-function to populate our test-martix-link pop-up
+		var base = window.location.pathname;
+		var str = "";
+		var themes = ["tundra",/*"noir", */ "soria", "nihilo" /* ,"squid" */ ];
+		str += "<b>Tests:</b><br><table>";
+		d.forEach(themes,function(t){
+			str += 	'<tr><td><a hr'+'ef="'+base+'?theme='+t+'">'+t+'</'+'a></td>'+
+				'<td><a hr'+'ef="'+base+'?theme='+t+'&dir=rtl">rtl</'+'a></td>'+
+				'<td><a hr'+'ef="'+base+'?theme='+t+'&a11y=true">a11y</'+'a></td>'+
+				'<td><a hr'+'ef="'+base+'?theme='+t+'&a11y=true&dir=rtl">a11y+rtl</'+'a></td>'+
+				// too many potential locales to list, use &locale=[lang] to set
+				'</tr>';
+		});
+		str += '<tr><td colspan="4">jump to: <a hr'+'ef="'+(d.moduleUrl("dijit.themes","themeTester.html"))+'">themeTester</'+'a></td></tr>';
+		str += '<tr><td colspan="4">or: <a hr'+'ef="'+(d.moduleUrl("dijit.tests"))+'">tests folder</'+'a></td></tr>';
+		node.innerHTML = str + "</table>";
+	}
+})();