1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
|
---
title: spinbuttons
slug: Archive/Mozilla/XUL/spinbuttons
tags:
- Éléments_XUL
translation_of: Archive/Mozilla/XUL/spinbuttons
---
<p>
</p>
<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs">
« <a href="/fr/docs/Référence_XUL">Accueil de la référence XUL</a> [
<a href="#Exemples">Exemples</a> |
<a href="#Attributs">Attributs</a> |
<a href="#Propri.C3.A9t.C3.A9s">Propriétés</a> |
<a href="#M.C3.A9thodes">Méthodes</a> |
<a href="#Sujets_li.C3.A9s">Sujets liés</a> ]
</span></div>
<p><br>
Les <code>spinbuttons</code> sont constitués de deux flèches, une pour augmenter une valeur et une autre pour la diminuer. Ils ne sont pas utilisés comme des éléments distincts, mais en combinaison avec d'autres éléments pour créer un contrôle dont la valeur peut être augmentée et diminuée.
</p><p>Par exemple, on utilise les <code>spinbuttons</code> pour les boîtes texte (<code><a href="/fr/docs/Mozilla/Tech/XUL/textbox" title="textbox">textbox</a></code>) de type numérique, ainsi qu'avec les éléments <code><a href="/fr/docs/Mozilla/Tech/XUL/timepicker" title="timepicker">timepicker</a></code> et <code><a href="/fr/docs/Mozilla/Tech/XUL/datepicker" title="datepicker">datepicker</a></code>.
</p>
<h3 id="Attributs" name="Attributs"> Attributs </h3>
<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238);">
<tbody>
<tr>
<td><p><strong>Hérités de XUL element</strong><br> <small>
<code id="a-align"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/align">align</a></code>,
<code id="a-allowevents"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allowevents">allowevents</a></code>,
<code id="a-allownegativeassertions"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/allownegativeassertions">allownegativeassertions</a></code>,
<code id="a-class"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/class">class</a></code>,
<code id="a-coalesceduplicatearcs"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/coalesceduplicatearcs">coalesceduplicatearcs</a></code>,
<code id="a-collapsed"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/collapsed">collapsed</a></code>,
<code id="a-container"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/container">container</a></code>,
<code id="a-containment"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/containment">containment</a></code>,
<code id="a-context"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/context">context</a></code>,
<code id="a-contextmenu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/contextmenu">contextmenu</a></code>,
<code id="a-datasources"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/datasources">datasources</a></code>,
<code id="a-dir"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/dir">dir</a></code>,
<code id="a-empty"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/empty">empty</a></code>,
<code id="a-equalsize"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/equalsize">equalsize</a></code>,
<code id="a-flags"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flags">flags</a></code>,
<code id="a-flex"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/flex">flex</a></code>,
<code id="a-height"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/height">height</a></code>,
<code id="a-hidden"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/hidden">hidden</a></code>,
<code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>,
<code id="a-insertafter"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertafter">insertafter</a></code>,
<code id="a-insertbefore"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/insertbefore">insertbefore</a></code>,
<code id="a-left"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/left">left</a></code>,
<code id="a-maxheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxheight">maxheight</a></code>,
<code id="a-maxwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/maxwidth">maxwidth</a></code>,
<code id="a-menu"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/menu">menu</a></code>,
<code id="a-minheight"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minheight">minheight</a></code>,
<code id="a-minwidth"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/minwidth">minwidth</a></code>,
<code id="a-mousethrough"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/mousethrough">mousethrough</a></code>,
<code id="a-observes"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/observes">observes</a></code>,
<code id="a-ordinal"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ordinal">ordinal</a></code>,
<code id="a-orient"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/orient">orient</a></code>,
<code id="a-pack"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/pack">pack</a></code>,
<code id="a-persist"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/persist">persist</a></code>,
<code id="a-popup"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/popup">popup</a></code>,
<code id="a-position"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/position">position</a></code>,
<code id="a-preference-editable"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/preference-editable">preference-editable</a></code>,
<code id="a-querytype"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/querytype">querytype</a></code>,
<code id="a-ref"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/ref">ref</a></code>,
<code id="a-removeelement"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/removeelement">removeelement</a></code>,
<code id="a-sortDirection"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortDirection">sortDirection</a></code>,
<code id="a-sortResource"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource">sortResource</a></code>,
<code id="a-sortResource2"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/sortResource2">sortResource2</a></code>,
<code id="a-statustext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/statustext">statustext</a></code>,
<code id="a-style"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/style">style</a></code>,
<code id="a-template"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/template">template</a></code>,
<code id="a-tooltip"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltip">tooltip</a></code>,
<code id="a-tooltiptext"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/tooltiptext">tooltiptext</a></code>,
<code id="a-top"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/top">top</a></code>,
<code id="a-uri"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/uri">uri</a></code>,
<code id="a-wait-cursor"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/wait-cursor">wait-cursor</a></code>,
<code id="a-width"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/width">width</a></code> </small></p>
</td>
</tr>
</tbody>
</table>
<h3 id="Propri.C3.A9t.C3.A9s" name="Propri.C3.A9t.C3.A9s"> Propriétés </h3>
<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/fr/docs/XUL/Propriétés/width">width</a></span></code></small></p> </td> </tr> </tbody>
</table>
<h3 id="M.C3.A9thodes" name="M.C3.A9thodes"> Méthodes </h3>
<p><span class="lang lang-fr" lang="fr">
</span></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Héritées de XUL element</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Méthodes/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Héritées de DOM element</strong><br> <small> <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/fr/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody>
</table>
<div class="noinclude">
</div>
|
