<?xml version="1.0" encoding="UTF-8"?>
<Module>
	<ModulePrefs title="Javascript Tester" height="400" screenshot="http://www.fotowuj.com/js_tester.png" thumbnail="http://www.fotowuj.com/js_tester_tn.png" author="See Wah Cheng" author_link="http://zoomaroundtown.appspot.com">
	</ModulePrefs>
	<Content type="html">
	<![CDATA[
		<script type="text/javascript">
			function submitQuery() {
				var jsCode = document.getElementById("jsCode").value;
				if (jsCode != "") {
					var varNamesToDisplay = document.getElementById("varNamesToDisplay").value;
					var resultBox = document.getElementById("result");
					try {
						eval(jsCode);
					} catch (err) {
						alert("An error has occurred: " + err);
					}
					var result = "";
					if (varNamesToDisplay != "") {
						var varNames = varNamesToDisplay.split(" ");
						for (var i = 0; i < varNames.length; i++) {
							result += varNames[i] + ": ";
							try {
								eval("result += " + varNames[i] + ";");
							} catch(err) {}						
							result += "\n";
						}
					}					
					resultBox.value = result;
				}
				return false;
			}
		</script>
		<div style="font-family:verdana;font-size:12px;padding:5px;">
			<div id="title" style="font-weight:bold;color:brown;padding-bottom:8px">Test my Javascript</div>
			<form id="searchForm" onsubmit="return submitQuery()" style="margin:0px;padding:0px;">
				<div id="openTag" style="padding-bottom:2px;font-size:16px;font-style:italic;">&lt;script type="text/javascript"&gt;</div>
				<textarea id="jsCode" style="height:150px;border:1px solid #aaa;width:100%;">// sample code
var age = 28;
age++;
var id = "007";</textarea>				
				<div id="closeTag" style="padding-top:2px;font-size:16px;font-style:italic;">&lt;/script&gt;</div>
				<div style="font-size:11px;padding-top:8px;padding-bottom:2px;">Names of variable whose values to display in the RESULTS box underneath, separated by spaces (i.e. "age name id"):</div>
				<div style="padding-bottom:5px;"><input style="border:1px solid #aaa;width:100%;" type="text" id="varNamesToDisplay" value="age id"/></div>
				<input type="submit" value="Test my Javascript code"/>
			</form>
			<div style="padding-top:10px;padding-bottom:2px;font-weight:bold;">Results:</div>
			<div><textarea style="border:1px solid #aaa;width:100%;height:50px;" id="result"></textarea></div>
		</div>
	]]>
	</Content>
</Module>


