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 objects 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> |
Partager