Attention : Le contenu de ces pages n'a pas été mis à jour depuis longtemps. Il est probablement obsolète pour Firefox 4.0/Gecko 4.0 et supérieur. Pour du contenu plus récent, allez consulter developer.mozilla.org.

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**

Copyright © 2003-2013 association xulfr, 2013-2016 Laurent Jouanneau - Informations légales.

Mozilla® est une marque déposée de la fondation Mozilla.
Mozilla.org™, Firefox™, Thunderbird™, Mozilla Suite™ et XUL™ sont des marques de la fondation Mozilla.