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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dojo Toolkit Test Page</title>
<!– load the dojo toolkit base –>
<script type="text/javascript">
var djConfig = {
isDebug:true,
parseOnLoad:true
};
</script>
<script type="text/javascript" src="../js/dojo-release-1.5.0/dojo/dojo.js"></script>
<script type="text/javascript">
dojo.ready(function(){
dojo.query("#testHeading")
.style("cursor","pointer")
.connect("onclick",function(){
this.innerHTML = "J'ai été cliqué";
});
});
var disableLinks = function(){
dojo.query("a").connect("onclick",function(e){
e.preventDefault();//arrêter l'événement
console.log('clicked: ',e.target);//le noeud sur lequel nous avons cliqué
});
};
dojo.ready(disableLinks);
var mineObj = {
aMethod: function(){
console.log('running A');
},
bMethod: function(){
console.log('running B');
}
};
var otherObj = {
cMethod: function(){
console.log('running C');
}
};
dojo.ready(function(){
// run bMethod() whenever aMethod() gets run
dojo.connect(mineObj,"aMethod",mineObj,"bMethod");
// run an entirely different object’s method via a separate connection
dojo.connect(mineObj,"bMethod",otherObj,"cMethod");
// start chain of events
mineObj.aMethod();
});
</script>
<style type="text/css">
/* our CSS can go here */
</style>
</head>
<body><!– this is a Typical WebPage starting point … –>
<h1 id="testHeading">Dojo Skeleton Page</h1>
<a class="link" href="http://www.google.fr/">First link</a>
<a class="link" href="#">Second Link</a>
<div id="contentNode">
<p>Some Content To Replace</p>
</div>
</body>
</html> |
