<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd"> 
<html>
<head>
	<title>Widget function parameter test</title>
		<link rel="stylesheet" type="text/css" href="css/demos.css" />
	<script type="text/javascript">
		var djConfig = {isDebug: true /*, debugAtAllCosts: true*/ };
	</script>
	
	<script type="text/javascript" src="../../dojo.js"></script>
	<script type="text/javascript">
		dojo.require("dojo.widget.Button");
		dojo.hostenv.writeIncludes();
	</script>
	
	<script>
		function widgetClick() {
			dojo.debug('widget [' + this.widgetId + '] was clicked');
		}
		dojo.addOnLoad(function(){
			dojo.widget.Button.prototype.onClick=function(){dojo.debug("default click handler"); }
		});
	</script>
</head>

<body>
<h1>Widget function parameter test</h1>
	<p>This tests specifying a function name as a parameter to a widget.
	In this case, the specified function will override the function inside the
	widget, rather than connecting (dojo.event.connect) after.
	<p>
	Clicking this button should cause both the "default click handler" and the custom handler to fire.
	<button dojoType="Button" onclick='dojo.debug("connected");'>
			connected
	</button>
	<p>
	If you click this button, only the widgetClick handler should fire:
	<button dojoType="Button" onclick='widgetClick'>
			replaced
	</button>
</body>
</html>