Onclick non pris en compte sur une div ( sous IE7)
salut à tous ^^
je n'arrive pas a comprendre pourquoi mon onclick n'est pris en compte QUE sur la bordure sous ie7 :-/ première fois que ça m'arrive... :
Code:
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
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script type="text/javascript">
var Animation = function(element){
this.element = element;
this.id = element.id;
this.x = 0;
this.y = 0 ;
this.css = this.element.style ;
this.timer = null;
}
Animation.prototype = {
moveTo : function(){
try{
if(this.x < 500){
this.x += 10 ;
this.css.left = this.x + "px";
var temp = this;
this.timer = setTimeout(function(){temp.moveTo();},10);
}
else{
clearTimeout(this.timer);
alert('stop');
}
}
catch(err){
alert(err.message);
}
},
getProperty : function(property){
alert(this.css.left);
}
};
function gogo(){
try{
MonAnim.getProperty();
MonAnim.moveTo();
}
catch(err){
alert(err.message);
}
}
</script>
</head>
<body>
<div id="test" style="position:absolute;display:block;left:0px;border:1px solid red;width:50px;height:50px;" onclick="gogo();">
</div>
<script type="text/javascript">
var MonAnim = new Animation(document.getElementById('test'));
</script>
</body>
</html> |