test_FocusManager.html
No OneTemporary
Actions

Size

1 KB

Subscribers

None

test_FocusManager.html
View Options

	<!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(){
	console.debug("save function");
	savedFocus = dijit.getFocus(fakeWidget);
	}
	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();">Save focus/selection state</button>
	<button onclick="restore();">Restore focus/selection state</button>

	</body>
	</html>