Discussion :

[Invité]

Bonjour,

Sur ma page j'ai plusieurs progressbar. Je les génères dynamiquement avec des nom de classe differents:

Code html :

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

1
2
3
4
<div class="progbar1 pbar"...>
<div class="progbar2 pbar"...>
<div class="progbar3 pbar"...>
...

J'essai de faire comme dans cet exemple http://jqueryui.com/progressbar/#indeterminate

Du coup j'ai crée des propriétés CSS pour :

Code css :

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

1
2
3
.pbar .ui-progressbar-value {
   background: red;
}

Les progressbars sont correctement initialisées et j'arrive bien a recupérer les valeurs.
voici le bout de script cense m'aider a modifier le CSS:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
//je boucle sur toutes mes bars
 
//je stock la pregressbar courante
var bar = $(".progbar"+id);
//j'isole la propriété CSS (techniquement)
var barValue = bar.find(".ui-progressbar-value");
//puis je la modifie
if (parseInt(bar.progressbar("value") < 30))
   barValue.css({ "background": "black" });

Or la couleur ne change pour aucune bar.
Merci