23-08-2009, 01:53 PM
(Modification du message : 23-08-2009, 02:49 PM par Sephi-Chan.)
Bonjour,
J'ai entrepris mes petits essais suite très bon lien que l'on m'a donné vers la librairie jquery mais je me heurte toujours au même problème: pas moyen d'afficher le slider. J'ai mis quelque temps avant de comprendre que la seule librairie jquery ne suffisait pas et qu'il fallait ajouter les librairies ui.core et ui.slider.
Une fois ceci fait, je pensais être au bout de mes peines... et bien non.
Mon but est de faire un curseur permettant de régler un temps de jeu entre 0 et 60 minutes, 0 étant un minimum fixe. J'ai donc le code suivant:
J'ai entrepris mes petits essais suite très bon lien que l'on m'a donné vers la librairie jquery mais je me heurte toujours au même problème: pas moyen d'afficher le slider. J'ai mis quelque temps avant de comprendre que la seule librairie jquery ne suffisait pas et qu'il fallait ajouter les librairies ui.core et ui.slider.
Une fois ceci fait, je pensais être au bout de mes peines... et bien non.
Mon but est de faire un curseur permettant de régler un temps de jeu entre 0 et 60 minutes, 0 étant un minimum fixe. J'ai donc le code suivant:
Code PHP :
<?php
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Apprendre jQuery - Enfin essayer...</title>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/ui/ui.core.js"></script>
<script type="text/javascript" src="js/ui/ui.slider.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#slider").slider({
range: "min",
value: 30,
min: 0,
max: 60,
slide: function(event, ui){
$("#time").val(ui.value + ' minutes');
}
});
$("#time").val( $("#slider").slider("value") + ' minutes');
});
</script>
<style type="text/css">
.test { padding:10px; }
</style>
</head>
<body
<div class="test">
<p>
<label for="time">Temps de jeu:</label>
<input type="text" id="time" />
</p>
<div id="slider"></div>
</div>
</body>
</html>
Mon label avec les 30 minutes par défaut s'affiche bien mais point de curseur en-dessous.
J'ai pensé à un problème de lien mais après vérifications, ceci sont bons et de toute façon, ma valeur par défaut étant affichée, cela semble bien confirmer que les librairies sont chargées.
J'en suis donc au point mort et ne comprends pas pourquoi le curseur refuse de s'afficher.
