Bonjour ici :)
Alors voilà j'ai un petit soucis avec les différents browser (et j'ai testé que sur 2
)
voici le html (il manque quelques balises mais rien de très méchant enfin je pense...)
<link rel="stylesheet" type="text/css" href="./style.css">
<script type="text/javascript" src="./slider.js"></script>
<body onload="slider = new Slider(); slider.init('centerSlide');">
<div id="slider" width="300px" height="120px">
<div id="centerSlide" style="float:left; overflow-y: hidden; overflow-x: auto; margin-left:50px; height: 120px; width:174px; white-space:nowrap;">
<img src="./img/ange.jpg"></img><img src="./img/ange.jpg"></img><img src="./img/ange.jpg"></img><img src="./img/ange.jpg"></img><img src="./img/ange.jpg"></img>
</div>
<div id="left" width="63px" style="float:left; margin-left:-237px;">
<img src="./img/left.gif" onclick="slider.scrollToLeft(30);"></img>
</div>
<div id="right" width="63px" style="float:left;">
<img src="./img/right.gif" onclick="slider.scrollToRight(30);"></img>
</div>
</div>
</body>
Et le js slider.js
function Slider(){
this.init = function(divIdToSlide){
this.divToSlide=divIdToSlide;
this.minLeft=0;
this.maxRight=document.getElementById(this.divToSlide).scrollWidth;
this.ie= document.all?true:false;
}
this.scrollToLeft = function(leftMove){
document.getElementById(divToSlide).scrollLeft=document.getElementById(this.divToSlide).scrollLeft+leftMove;
}
this.scrollToRight = function(rightMove){
document.getElementById(this.divToSlide).scrollLeft=document.getElementById(this.divToSlide).scrollLeft+rightMove;
}
}
Sous FireFox ca fonctionne mais sous ie ça me renvoie des erreurs et rien pour debuger...
En gros il me dit que l'objet ne gere pas la propriété ou la methode.
Qqun saurait il pourquoi et comment je peux rendre ce truc compatible ie 6?
Merci
PS : le code est en debug d'ou la longueur et aucun refactorisation.
Il vaut mieux poser une question et passer pour bête que le rester toute sa vie
Les geeks n'ont pas une case en moins ils commencent juste à compter à partir de zéro