Ressources Libs/xbl_scale

Voici un widget similaire au slider mais plus complet :

• possiblité de mettre plusieurs curseurs dans le scale.
• possiblité d'inverser le sens d'increment : attribut dir="reverse".
• possiblité de mettre des valeurs formelles comme des chaines quelquonque

exemple : values="lundi, mardi, mercredi, jeudi, vendredi, samedi, dimanche".

syntaxe : fichier XUL

  <?xml-stylesheet href="xbl/scale/scale.css" type="text/css"?>

  <scale orient="" min="" max="" values="" flex="1">
     <cursor index="" value="" dir="reverse" onchange="alert(this.value)"/>
     <cursor index="" value="" dir="" onchange="alert(this.index)"/>
  </scale>

Attributs sur scale :

  orient : horizontal|vertical (defaut:horizontal)
  min/max : valeur min et max (defaut:0,100) (automatique si values est renseigné)
  values : differentes valeurs que prendra l'attribut value de cursor

Attributs sur cursor :

  index : valeur numerique de la position (defaut:0)
  value : valeur litteral (defaut:"")
  dir : reverse|normal (defaut:normal)
  disabled : true|false (defaut:false) un cursor disabled bloque les autres curseurs
  du meme scale, peut donc servir de "cale"

Evenement supporté sur cursor :

  onchange : Se produit au changement de position du curseur

pour modifié index et value sur cursor, utilisez les accesseurs

  cursor.index=x et
  cursor.value="valeur presente dans values de scale"

demo

scale.zip à dezipper dans un repertoire 'xbl', à la racine de votre site