Discussion :

[Tendhor57]

Bonjour,

Actuellement sur mon site je souhaiterais créer une slidebar, l'équivalent en html 5 du

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="range" />

Hors pour des raisons de compatibilité je souhaite le faire en jquery. Après quelque recherche j'ai trouvé ceci:

http://jqueryui.com/slider/

J'ai donc bien tenté comme dans l'exemple ceci:

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$(function() {
$( "#slider" ).slider();
});
</script>

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="slider"></div>

Et manque de pot cela me renvoie l'erreur suivante:

TypeError: $(...).slider is not a function
[Stopper sur une erreur]
$("#slider" ).slider();

La seul chose qui n'est pas identiques à l'exemple est ma bibliothèque Jquery , la mienne étant celle-ci:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Quelqu'un aurais t'il une solution pour que je puisse faire une slide bar qui marche ?

D'avance merci

[Bovino]

Comme l'indique le lien que tu mets, .slider() est un composant de jQuery UI ! Il faut donc inclure aussi UI dans ta page...

[Tendhor57]

Ok c'est vrai que cela marche mieux avec le lien UI . Je savais pas qu'une bibliothèque UI.Jquery existait aussi (je me coucherais moins bête ce soir ).

Toujours est t'il si il y a des motivés dans la salle, qui souhaite se faire une slide bar 100% personalisé, j'ai trouvé ce lien:
http://www.hongkiat.com/blog/jquery-volumn-slider/

avec quelques modifications on peut avoir une slide bar assez sympa.