<html>
<head>
<title>dojo.behavior Tests</title>
<script type="text/javascript">
// Dojo configuration
djConfig = {
isDebug: true
};
</script>
<script type="text/javascript" src="../dojo.js"></script>
<script type="text/javascript">
dojo.profile = null;
dojo.require("dojo.profile");
dojo.require("dojo.behavior");
dojo.addOnLoad(function(){
dojo.behavior.add({
"border": function(elem){
with(elem.style){
border = "3px solid blue";
padding = "5px";
margin = "5px";
}
},
"clickSet": {
"onclick": function(evt){
alert("clicked!");
}
},
"topicClickSet": { "onclick": "/foo/bar" },
"addNodesButton": { "onclick": function(evt){
var tNode = document.createElement("div");
tNode.id = "border";
document.body.appendChild(tNode);
tNode.innerHTML = "this should get a border when you hit the re-apply button";
tNode = document.createElement("div");
tNode.id = "clickSet";
document.body.appendChild(tNode);
tNode.innerHTML = "this will become clickable when you hit the re-apply button";
} },
"reApplyButton": { "onclick": { targetObj: dojo.behavior, targetFunc: "apply" } }
});
dojo.event.topic.subscribe("/foo/bar", function(){
alert("event handled via the /foo/bar topic");
});
dojo.event.connect(dojo.behavior, "apply", function(){
dojo.profile.dump(true);
});
});
</script>
</head>
<body>
<span><span><span><span><span><span><span><span><span><span><span><span><span><span><span><span>
<span><span><span><span><span><span><span><span><span><span><span><span><span><span><span><span>
<span><span><span><span><span><span><span><span><span><span><span><span><span><span><span><span>
<span><span><span><span><span><span><span><span><span><span><span><span><span><span><span><span>
<span><span><span><span><span><span><span><span><span><span><span><span><span><span><span><span>
<span><span><span><span><span><span><span><span><span><span><span><span><span><span><span><span>
<span><span><span><span><span><span><span><span><span><span><span><span><span><span><span><span>
<span><span><span><span><span><span><span><span><span><span><span><span><span><span><span><span>
<div id="border">
this should be given a border
</div>
<div id="clickSet">
this should cause an alert when you click it
</div>
<div id="border">
this should be given a border
</div>
<div id="topicClickSet">
clicking here should dispatch an alert via a topic
</div>
</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
<button id="addNodesButton">Add More Behavior Nodes</button>
<button id="reApplyButton">Re-Apply The Behaviors</button>
</body>
</html>