<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>
<body>
<style>
#opacity-area, #width-area, #height-area {
background:url(http://www.transplanet.fr/image/segment.jpg) 0 8px no-repeat;
height:23px;
width:500px;
margin:0 0 5px 0;
}
#opacity-slider, #width-slider, #height-slider {
background:url(http://www.transplanet.fr/image/curseur.jpg) no-repeat;
width:33px;
height:23px;
cursor:pointer;
}
</style>
<img src="http://www.transplanet.fr/image/muse.jpg" id="muse" />
<div id="width-area">
<div id="width-slider"></div>
</div>
<div>
<strong>Largeur:</strong> <span id="width-label"></span> pixels
</div>
<script type="text/javascript" src="../mootools.js"></script>
<script language="javascript">
window.addEvent('domready', function ()
{
/* width slider */
var mySlide = new Slider($('width-area'), $('width-slider'), {
steps: 300,
wheel: 1,
onChange: function(step){
$('width-label').setHTML(step);
$('muse').set('width',step);
}
}).set(300);
</script>
</body>
</html>
ce code ne fonctione pas et je croix qu'il y a un probleme a ce niveau :
<script type="text/javascript" src="../mootools.js"></script>
<script language="javascript">
window.addEvent('domready', function ()
{
merci d'avance