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
| <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<script type="text/javascript"
src="scriptaculous/lib/prototype.js">
</script>
<script type="text/javascript"
src="scriptaculous/src/scriptaculous.js">
</script>
</head>
<body>
<?php
for($i=0;$i<2;$i++)
{
$quest="quest".$i;
$rep=$i;
print "<div id='track1' style='width: 218px; background-image: url(reglette3.png); height:36px;'></div>
<div id='.$quest.' style='width:18px; height:20px; background-image: url(pointeur.png);'>
</div>
<div id='.$rep.'>ici </div>
<script type='text/javascript'>
var d=document.getElementById('.$rep.');
new Control.Slider('.$quest.','track1',{
sliderValue:0.5, //valeur de depart (50%)
onSlide:function(v){d.innerHTML='Taux de réussite = '+ (v*1000)/10 + ' %'},
onChange:function(v){d.innerHTML='Taux de réussite = '+ (v*1000)/10 + ' %'}});
</script>";
}
?>
</body>
</html> |
Partager