Probléme avec Slider (jquery ui)

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Submitted by lune2010 on

Bonjour,
j'aimerais afficher un slider (curseur) dans ma page.
j'utilise la fonction :

$(function() {
$("#slider").slider({
value:100,
min: 0,
max: 100,
step: 1,
slide: function(event, ui) {
document.getElementById("amount").innerHTML=ui.value + '%';/
document.getElementById("amount2").innerHTML=100 - ui.value + '%';
var val33=100 - ui.value;
updateChartXML('chart1Id',"");
}
});
$("#amount").val($("#slider").slider("value") + '%');
document.getElementById("amount2").innerHTML=100 - $("#slider").slider("value") + '%';
document.getElementById("amount").innerHTML=$("#slider").slider("value") + '%';
});

Appel du Slider :
A

B

Lors de l'exécution de mon programme, j ai comme erreur :
Cette objet ne gère pas cette propriété ou cette méthode
le numéro de la ligne indiqué envoie à :
$("#slider").slider({
Est ce que klk un a une idée pour résoudre ce problème
Merci d'avance.

Forum : 
Développement
Version de Drupal : 
6.x

Soumis par SebCorbin le 10 Mai, 2010 - 11:24

Cela vient de ton installation vu l'erreur, donc aurais-tu une adresse à nous donner ou travailles tu en local ?

Regarde dans ton < head> si les fichiers sont bien inclus aussi...

Soumis par mbehmane le 10 Mai, 2010 - 16:58

commence par $(document).ready(function() au lieu de $(function()

Sinon regarde l erreur js ca te met quoi exactement??

tu est sous firefox ?active le debuguer js avec firebug

Soumis par lune2010 le 10 Mai, 2010 - 17:12

j'ai commencé par $(document).ready(function() mais ca change rien j'ai tjr le meme problème.

Détails de l’erreur de la page Web

Message : Cet objet ne gère pas cette propriété ou cette méthode
Ligne : 17
Caractère : 3
Code : 0

sachant que la ligne 17 c :$("#slider").slider({

quand j'utilise firefox, j'ai pas de msg d'erreur mais mon slider ne s'affiche pas.

Soumis par mbehmane le 10 Mai, 2010 - 19:48

il te faut les librairie suivante.

la jquery puis

* UI Core
* UI Widget
* UI Mouse

et ensuite apres tout ca ton fonction.js doit arriver en dernier lorsque tu fait afficher la source.Il doit arriver en tout dernier.

Ca devrait marcher si tu suis cette demarche

Soumis par lune2010 le 11 Mai, 2010 - 09:46

Bonjour,

J'avais déjà ajouter ces fichiers mais j'ai tjr le même problème.

Ce matin je les ai ajouter encore et j'ai aussi suivi l'ordre que tu m'as donné, en plus j'ai pris la fonction qui se trouve sur le site jquery qui affiche juste le slider pour voir si le problème vient des variables que moi je donne a la fonction.

Mais ca change rien, car j'ai tjr la même erreur qui s'affiche.

J'ai même supprimer tous les fichiers .js que j'utilise et je les ai téléchargé à nouveau mais tjr erreur

Soumis par lune2010 le 19 Mai, 2010 - 14:37

Bonjour
après klk jours de recherche j'ai essayé a résoudre le problème même si je comprend pas bien la solution

en fait dans le fichier page.tpl.php

<?php
 print $head; 
?>
<?php
 print $styles; 
?>
<?php
 //print $scripts; 
?>

J'ai fait en commentaire $scripts et là mon slide fonction a nouveau

est ce que qlq un connait le rôle de $scripts?