Test de spinner v2.0.0

Voici un spinner (nommé spin1) dont les caractéristiques sont :

  • taille = 2
  • valeur initiale = 17
  • incrément = 1 (valeur par défaut)
  • borne minimale = 0
  • borne maximale = 20
  • circularité = non (0)
  • position flèche = valeur par défaut (à droite)
  • période de répétition = 1000 ms

    • Le code pour créer ce spinner dans une page HTML est le suivant :

    <p><script language="JavaScript">
    addSpinner("name", "spin1",
    "width", 2,
    "default", 17,
    "min", 0,
    "max", 20,
    "roll", "no",
    "timeout", 1000);
    </script></p>

    Voici un autre spinner (nommé spin2) dont les caractéristiques sont :

  • taille = 10
  • valeur initiale = 0
  • incrément = 3
  • borne minimale = pas de borne minimale
  • borne maximale = pas de borne maximale
  • circularité = ça n'a pas de sens car il n'y a pas de bornes
  • position flèche = à gauche
  • période de répétition = par défaut (200 ms)

    • Le code pour créer ce spinner dans une page HTML est le suivant :

    <p><script language="JavaScript">
    addSpinner("name", "spin2",
    "width", 10,
    "default", 0,
    "step", 3,
    "position", "left");
    </script></p>

    Ici le contenu du spinner spin2 est recopié dans le spinner spin1 quand on appui sur le bouton.

    Bien sûr, un contrôle de borne est effectué automatiquement puisque des bornes minimale et maximale sont définies pour le spinner de destination (spin1)

    Le code pour réaliser cette copie (lecture de la valeur de spin2 puis écriture dans spin1 est le suivant :

    <input type="button" value="Copier" onClick="setSpinner('name', 'spin1', 'value', getSpinner('name', 'spin2'));" >

    Voici un spinner (nommé spin3) dont les caractéristiques sont :

  • taille = 5
  • valeur initiale = 1,6
  • incrément = 0,1
  • précision = 2 chiffres après la virgule
  • borne minimale = -10
  • borne maximale = 5,7
  • circularité = oui
  • position flèche = valeur par défaut (à droite)
  • période de répétition = valeur par défaut

    • Le code pour créer ce spinner dans une page HTML est le suivant :

    <p><script language="JavaScript">
    addSpinner("name", "spin3",
    "width", 5,
    "default", 1.6,
    "precision", 2,
    "step", 0.1,
    "min", -10,
    "max", 5.7,
    "roll", "yes");
    </script></p>

    © Patrick Renaud - patrick.renaud@nomade.fr