Salut à tous,
J'essaie de construire un slider range un peu comme ce modèle là http://jqueryui.com/slider/#range mais au lieu d'avoir une échelle de chiffre je voudrais avoir une échelle de lettres (A, B, C, D, E, F, G, H, etc.... jusqu'à Z) mais je n'arrive pas à le faire fonctionner avec des lettres comme échelle, est-ce possible ?
Voici mon code :
Merci pour vos réponses.
J'essaie de construire un slider range un peu comme ce modèle là http://jqueryui.com/slider/#range mais au lieu d'avoir une échelle de chiffre je voudrais avoir une échelle de lettres (A, B, C, D, E, F, G, H, etc.... jusqu'à Z) mais je n'arrive pas à le faire fonctionner avec des lettres comme échelle, est-ce possible ?
Voici mon code :
Code:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Slider - Range slider</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
var resChoix = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
$( "#slider-range" ).slider({
range: true,
min: 0,
max: resChoix.length-1,
values: [ 4, 10 ],
slide: function( event, ui ) {
$( "#choix" ).val( resChoix[ui.values[ 0 ]].toFixed(2) + " \340 " + resChoix[ui.values[ 1 ]].toFixed(2) + "" );
}
});
$( "#choix" ).val( "de " + resChoix[$( "#slider-range" ).slider( "values", 0 )].toFixed(2) + " \340 " + resChoix[$( "#slider-range" ).slider( "values", 1 )].toFixed(2) + "" );
});
</script>
</head>
<body>
<p>
<label for="choix">Choix :</label>
<input type="text" id="choix" readonly style="border:0; color:#f6931f; font-weight:bold;">
</p>
<div id="slider-range"></div>
</body>
</html>
