Xbl_scale

Voici un widget similaire au slider mais plus complet :

1. possiblité de mettre plusieurs curseurs dans le scale.
2. possiblité d'inverser le sens d'increment : attribut dir="reverse".
3. 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**