summaryrefslogtreecommitdiff
path: root/includes/js/dijit/tests/_base/test_FocusManager.html
blob: 1d6a70774db69ed546c0c03cf0db169d3b351cf8 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
		"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>dijit.focus Test</title>
	<style type="text/css">
		@import "../../../dojo/resources/dojo.css";
		@import "../../themes/tundra/tundra.css";
		@import "../css/dijitTests.css";
	</style>

	<script type="text/javascript" src="../../../dojo/dojo.js"
		djConfig="isDebug: true"></script>
	<script type="text/javascript">
		dojo.require("dijit._base.focus");
		var savedFocus;
		dojo.addOnLoad(function(){
			fakeWidget = { domNode: dojo.byId("save") };
			dojo.subscribe("focusNode", function(node){ console.log("focused on " + (node?(node.id||node.tagName):"nothing"));});
		});
		function save(){
			savedFocus = dijit.getFocus(fakeWidget);
			console.debug("saved focus: ", savedFocus);
			
		}
		function restore(){
			dijit.focus(savedFocus);
		}
	</script>
</head>
<body style="background-color: #fff; color: black; padding: 0; margin: 0" class="tundra">

	<h3>Focus/Selection Save/Restore Test</h3>
	<p>This is for testing whether focus and selection are restored by the focus manager</p>
	<form style="border: 2px solid blue;">
		<input id=input1 value=tom><br>
		<input id=input2 value=jones><br>
		<textarea id=textarea>hello there!</textarea><br>
		<button id=button>push me</button>
	</form>

	<button id="save" onclick="save();" tabIndex="1">Save focus/selection state</button>
	<button onclick="restore();">Restore focus/selection state</button>

</body>
</html>