diff options
Diffstat (limited to 'files/fr/web')
179 files changed, 0 insertions, 13030 deletions
diff --git a/files/fr/web/accessibility/at-apis/at-spi/index.html b/files/fr/web/accessibility/at-apis/at-spi/index.html deleted file mode 100644 index d8aa1d4763..0000000000 --- a/files/fr/web/accessibility/at-apis/at-spi/index.html +++ /dev/null @@ -1,9 +0,0 @@ ---- -title: AT-SPI -slug: Web/Accessibility/AT-APIs/AT-SPI -tags: - - NeedsTranslation - - TopicStub -translation_of: Mozilla/Tech/Accessibility/AT-APIs/AT-SPI ---- -{{wiki.localize('System.API.page-generated-for-subpage')}} diff --git a/files/fr/web/accessibility/at-apis/at-spi/interfaces_at-spi_prises_en_charge/index.html b/files/fr/web/accessibility/at-apis/at-spi/interfaces_at-spi_prises_en_charge/index.html deleted file mode 100644 index 49a3682b84..0000000000 --- a/files/fr/web/accessibility/at-apis/at-spi/interfaces_at-spi_prises_en_charge/index.html +++ /dev/null @@ -1,136 +0,0 @@ ---- -title: Interfaces AT-SPI prises en charge -slug: Web/Accessibility/AT-APIs/AT-SPI/Interfaces_AT-SPI_prises_en_charge -tags: - - API - - AT_APIs - - AT_SPI - - Accessibilité -translation_of: Mozilla/Tech/Accessibility/AT-APIs/AT-SPI/Interfaces ---- -<table style=""> - <tbody> - <tr> - <th>Interface</th> - <th>Prise en charge</th> - <th>Notes</th> - </tr> - <tr> - <td>Accessible</td> - <td>Oui</td> - <td> - <p>Voir les <a href="/fr/docs/Accessibilité_prise_en_charge_AT-SPI#Attributs_objet_AT-SPI_pris_en_charge" title="/en-US/docs/Accessibility_AT-SPI_Support#Supported_AT-SPI_Object_Attributes">attributs objets</a> pris en charge</p> - </td> - </tr> - <tr> - <td>Action</td> - <td>Oui</td> - <td>Toutes les méthodes</td> - </tr> - <tr> - <td>Application</td> - <td>Oui</td> - <td>Toutes les méthodes</td> - </tr> - <tr> - <td>Component</td> - <td>Oui</td> - <td>Toutes les méthodes</td> - </tr> - <tr> - <td>Desktop</td> - <td>Non</td> - </tr> - <tr> - <td>Document</td> - <td>Oui</td> - <td>Toutes les méthodes ?</td> - </tr> - <tr> - <td>EditableText</td> - <td>Oui</td> - <td>Toutes les méthodes</td> - </tr> - <tr> - <td>Event</td> - <td>Oui</td> - <td> - <p>Voir les <a href="/fr/docs/Accessibilité_prise_en_charge_AT-SPI#Événement_AT-SPI_pris_en_charge" title="/en-US/docs/Accessibility_AT-SPI_Support#Supported_AT-SPI_Events">événements</a> pris en charge</p> - </td> - </tr> - <tr> - <td>Hyperlink</td> - <td>Oui</td> - <td>N’importe quel objet inclus dans un texte est considéré comme un hyperlien !</td> - </tr> - <tr> - <td>Hypertext</td> - <td>Oui</td> - <td>N’importe quel texte comportant un objet est considéré comme un hyperlien !</td> - </tr> - <tr> - <td>Image</td> - <td>Non</td> - <td>ROLE_IMAGE est pris en charge et cela suffit</td> - </tr> - <tr> - <td>LoginHelper</td> - <td>Non</td> - </tr> - <tr> - <td>Registry</td> - <td>Non ?</td> - </tr> - <tr> - <td>Relation</td> - <td>Oui</td> - <td> - <p>Voir les <a href="/fr/docs/Accessibilité_prise_en_charge_AT-SPI#Relations_AT-SPI_pris_en_charge" title="/en-US/docs/Accessibility_AT-SPI_Support#Supported_AT-SPI_Relations">relations</a> pris en charge</p> - </td> - </tr> - <tr> - <td>Role</td> - <td>Oui</td> - <td> - <p>Voir les <a href="/fr/docs/Accessibilité_prise_en_charge_AT-SPI#Rôles_AT-SPI_pris_en_charge" title="/en-US/docs/Accessibility/AT-SPI_Support#Supported_AT-SPI_Roles">rôles</a> pris en charge</p> - </td> - </tr> - <tr> - <td>Selection</td> - <td>Oui</td> - <td>Pas encore pris en charge pour le texte</td> - </tr> - <tr> - <td>Selector</td> - <td>Non</td> - </tr> - <tr> - <td>State</td> - <td>Oui</td> - <td> - <p>Voir les <a href="/fr/docs/Accessibilité_prise_en_charge_AT-SPI#États_AT-SPI_pris_en_charge" title="/en-US/docs/Accessibility/AT-SPI_Support#Supported_AT-SPI_States">états</a> pris en charge</p> - </td> - </tr> - <tr> - <td>StreamableContent</td> - <td>Non</td> - <td>Peut s’appliquer aux greffons, mais probablement pas aux objets rendus par Gecko</td> - </tr> - <tr> - <td>Table</td> - <td>Oui</td> - <td>De plus, l’objet se voit attribuer <code>layout-guess="true"</code> quand Gecko pense que le tableau est pour un layout et non pour des données</td> - </tr> - <tr> - <td>Text</td> - <td>Oui</td> - <td> - <p>Voir les <a href="/fr/docs/Accessibilité_prise_en_charge_AT-SPI#Attributs_texte_AT-SPI_pris_en_charge" title="/en-US/docs/Accessibility_AT-SPI_Support#Supported_AT-SPI_Text_Attributes">attributs de texte</a> pris en charge</p> - </td> - </tr> - <tr> - <td>Value</td> - <td>Oui</td> - </tr> - </tbody> -</table> diff --git a/files/fr/web/accessibility/at-apis/gecko/index.html b/files/fr/web/accessibility/at-apis/gecko/index.html deleted file mode 100644 index 9cd605e79d..0000000000 --- a/files/fr/web/accessibility/at-apis/gecko/index.html +++ /dev/null @@ -1,9 +0,0 @@ ---- -title: Gecko -slug: Web/Accessibility/AT-APIs/Gecko -tags: - - NeedsTranslation - - TopicStub -translation_of: Mozilla/Tech/Accessibility/AT-APIs/Gecko ---- -{{wiki.localize('System.API.page-generated-for-subpage')}} diff --git a/files/fr/web/accessibility/at-apis/gecko/roles/index.html b/files/fr/web/accessibility/at-apis/gecko/roles/index.html deleted file mode 100644 index 7aac23cef2..0000000000 --- a/files/fr/web/accessibility/at-apis/gecko/roles/index.html +++ /dev/null @@ -1,736 +0,0 @@ ---- -title: Rôles Gecko -slug: Web/Accessibility/AT-APIs/Gecko/Roles -tags: - - AT_APIs - - Accessibilité - - NeedsTranslation - - Reference -translation_of: Mozilla/Tech/Accessibility/AT-APIs/Gecko/Roles ---- -<p><a href="/fr/docs/Accessibility:AT-APIs#Supported_Roles">« AT APIs Support Page</a></p> -<p><span class="seoSummary">This page offers a list of accessible roles used in Gecko. Role constants are defined in the <code><a href="/fr/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIAccessibleRole" title="">nsIAccessibleRole</a></code> interface.</span></p> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_NOTHING">ROLE_NOTHING</a></code></dt> - <dd> - Used when the accessible item doesn't have a strongly defined role.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_TITLEBAR">ROLE_TITLEBAR</a></code></dt> - <dd> - Represents a title or caption bar for a window. Used by MSAA only, this is supported automatically by Microsoft Windows.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_MENUBAR">ROLE_MENUBAR</a></code></dt> - <dd> - Represents the menu bar (positioned beneath the title bar of a window on most platforms or at the top of the screen on Mac OS X) from which menus are selected by the user.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_SCROLLBAR">ROLE_SCROLLBAR</a></code></dt> - <dd> - Represents a vertical or horizontal scroll bar, which is part of the client area or used in a control.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_GRIP">ROLE_GRIP</a></code></dt> - <dd> - Represents a special mouse pointer, which allows a user to manipulate user interface elements such as windows. For example, a user clicks and drags a sizing grip in the lower-right corner of a window to resize it</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_SOUND">ROLE_SOUND</a></code></dt> - <dd> - Represents a system sound, which is associated with various system events.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CURSOR">ROLE_CURSOR</a></code></dt> - <dd> - Represents the system mouse pointer.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CARET">ROLE_CARET</a></code></dt> - <dd> - Represents the system caret.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_ALERT">ROLE_ALERT</a></code></dt> - <dd> - Represents an alert or a condition that a user should be notified about. Assistive Technologies typically respond to the role by reading the entire onscreen contents of containers advertising this role. Should be used for warning dialogs, etc.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_WINDOW">ROLE_WINDOW</a></code></dt> - <dd> - Represents the window frame, which contains child objects such as a title bar, client, and other objects contained in a window. The role is supported automatically by Microsoft Windows.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_INTERNAL_FRAME">ROLE_INTERNAL_FRAME</a></code></dt> - <dd> - A sub-document.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_MENUPOPUP">ROLE_MENUPOPUP</a></code></dt> - <dd> - Represents a menu, which presents a list of options from which the user can make a selection to perform an action.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_MENUITEM">ROLE_MENUITEM</a></code></dt> - <dd> - Represents a menu item, which is an entry in a menu that a user can choose to carry out a command, select an option.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_TOOLTIP">ROLE_TOOLTIP</a></code></dt> - <dd> - Represents a tooltip that provides helpful hints; this is generally displayed at the mouse cursor position.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_APPLICATION">ROLE_APPLICATION</a></code></dt> - <dd> - Represents a main window for an application.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_DOCUMENT">ROLE_DOCUMENT</a></code></dt> - <dd> - Represents a document window. A document window is always contained within an application window.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_PANE">ROLE_PANE</a></code></dt> - <dd> - Represents a pane within a frame or document window. Users can navigate between panes and within the contents of the current pane, but cannot navigate between items in different panes. Thus, panes represent a level of grouping lower than frame windows or documents, but above individual controls.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CHART">ROLE_CHART</a></code></dt> - <dd> - Represents a graphical image used to represent data.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_DIALOG">ROLE_DIALOG</a></code></dt> - <dd> - Represents a dialog box or message box.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_BORDER">ROLE_BORDER</a></code></dt> - <dd> - Represents a window border.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_GROUPING">ROLE_GROUPING</a></code></dt> - <dd> - Logically groups other objects.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_SEPARATOR">ROLE_SEPARATOR</a></code></dt> - <dd> - Used to visually divide a space into two regions, such as a separator menu item or a bar that divides split panes within a window.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_TOOLBAR">ROLE_TOOLBAR</a></code></dt> - <dd> - Represents a toolbar, which is a grouping of controls (push buttons or toggle buttons) that provides easy access to frequently used features.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_STATUSBAR">ROLE_STATUSBAR</a></code></dt> - <dd> - Represents a status bar, which is an area at the bottom of a window that displays information about the current operation, state of the application, or selected object. The status bar has multiple fields, which display different kinds of information.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_TABLE">ROLE_TABLE</a></code></dt> - <dd> - Represents a table that contains rows and columns of cells, and optionally, row headers and column headers.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_COLUMNHEADER">ROLE_COLUMNHEADER</a></code></dt> - <dd> - Represents a column header, providing a visual label for a column in a table.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_ROWHEADER">ROLE_ROWHEADER</a></code></dt> - <dd> - Represents a row header, which provides a visual label for a table row.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_COLUMN">ROLE_COLUMN</a></code></dt> - <dd> - Represents a column of cells within a table.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_ROW">ROLE_ROW</a></code></dt> - <dd> - Represents a row of cells within a table.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CELL">ROLE_CELL</a></code></dt> - <dd> - Represents a cell within a table.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_LINK">ROLE_LINK</a></code></dt> - <dd> - Represents a link to something else. This object might look like text or a graphic, but it acts like a button.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_HELPBALLOON">ROLE_HELPBALLOON</a></code></dt> - <dd> - Displays a Help topic in the form of a ToolTip or Help balloon.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CHARACTER">ROLE_CHARACTER</a></code></dt> - <dd> - Represents a cartoon-like graphic object, such as Microsoft Office Assistant, which is displayed to provide help to users of an application.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_LIST">ROLE_LIST</a></code></dt> - <dd> - Represents a list box, allowing the user to select one or more items.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_LISTITEM">ROLE_LISTITEM</a></code></dt> - <dd> - Represents an item in a list.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_OUTLINE">ROLE_OUTLINE</a></code></dt> - <dd> - Represents an outline or tree structure, such as a tree view control, that displays a hierarchical list and allows the user to expand and collapse branches.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_OUTLINEITEM">ROLE_OUTLINEITEM</a></code></dt> - <dd> - Represents an item in an outline or tree structure.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_PAGETAB">ROLE_PAGETAB</a></code></dt> - <dd> - Represents a page tab, it is a child of a page tab list.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_PROPERTYPAGE">ROLE_PROPERTYPAGE</a></code></dt> - <dd> - Represents a property sheet.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_INDICATOR">ROLE_INDICATOR</a></code></dt> - <dd> - Represents an indicator, such as a pointer graphic, that points to the current item.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_GRAPHIC">ROLE_GRAPHIC</a></code></dt> - <dd> - Represents a picture.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_STATICTEXT">ROLE_STATICTEXT</a></code></dt> - <dd> - Represents read-only text, such as labels for other controls or instructions in a dialog box. Static text cannot be modified or selected.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_TEXT_LEAF">ROLE_TEXT_LEAF</a></code></dt> - <dd> - Represents selectable text that allows edits or is designated read-only.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_PUSHBUTTON">ROLE_PUSHBUTTON</a></code></dt> - <dd> - Represents a push button control.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CHECKBUTTON">ROLE_CHECKBUTTON</a></code></dt> - <dd> - Represents a check box control.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_RADIOBUTTON">ROLE_RADIOBUTTON</a></code></dt> - <dd> - Represents an option button, also called a radio button. It is one of a group of mutually exclusive options. All objects sharing a single parent that have this attribute are assumed to be part of single mutually exclusive group.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_COMBOBOX">ROLE_COMBOBOX</a></code></dt> - <dd> - Represents a combo box; an edit control with an associated list box that provides a set of predefined choices.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_DROPLIST">ROLE_DROPLIST</a></code></dt> - <dd> - Represents the calendar control.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_PROGRESSBAR">ROLE_PROGRESSBAR</a></code></dt> - <dd> - Represents a progress bar, dynamically showing the user the percent complete of an operation in progress.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_DIAL">ROLE_DIAL</a></code></dt> - <dd> - Represents a dial or knob whose purpose is to allow a user to set a value.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_HOTKEYFIELD">ROLE_HOTKEYFIELD</a></code></dt> - <dd> - Represents a hot-key field that allows the user to enter a combination or sequence of keystrokes.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_SLIDER">ROLE_SLIDER</a></code></dt> - <dd> - Represents a slider, which allows the user to adjust a setting in given increments between minimum and maximum values.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_SPINBUTTON">ROLE_SPINBUTTON</a></code></dt> - <dd> - Represents a spin box, which is a control that allows the user to increment or decrement the value displayed in a separate "buddy" control associated with the spin box.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_DIAGRAM">ROLE_DIAGRAM</a></code></dt> - <dd> - Represents a graphical image used to diagram data.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_ANIMATION">ROLE_ANIMATION</a></code></dt> - <dd> - Represents an animation control, which contains content that changes over time, such as a control that displays a series of bitmap frames.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_EQUATION">ROLE_EQUATION</a></code></dt> - <dd> - Represents a mathematical equation. It is used by MATHML.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_BUTTONDROPDOWN">ROLE_BUTTONDROPDOWN</a></code></dt> - <dd> - Represents a button that drops down a list of items.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_BUTTONMENU">ROLE_BUTTONMENU</a></code></dt> - <dd> - Represents a button that drops down a menu.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_BUTTONDROPDOWNGRID">ROLE_BUTTONDROPDOWNGRID</a></code></dt> - <dd> - Represents a button that drops down a grid.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_WHITESPACE">ROLE_WHITESPACE</a></code></dt> - <dd> - Represents blank space between other objects.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_PAGETABLIST">ROLE_PAGETABLIST</a></code></dt> - <dd> - Represents a container of page tab controls.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CLOCK">ROLE_CLOCK</a></code></dt> - <dd> - Represents a control that displays time.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_SPLITBUTTON">ROLE_SPLITBUTTON</a></code></dt> - <dd> - Represents a button on a toolbar that has a drop-down list icon directly adjacent to the button.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_IPADDRESS">ROLE_IPADDRESS</a></code></dt> - <dd> - Represents an edit control designed for an Internet Protocol (IP) address. The edit control is divided into sections for the different parts of the IP address.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_ACCEL_LABEL">ROLE_ACCEL_LABEL</a></code></dt> - <dd> - Represents a label control that has an accelerator.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_ARROW">ROLE_ARROW</a></code></dt> - <dd> - Represents an arrow in one of the four cardinal directions.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CANVAS">ROLE_CANVAS</a></code></dt> - <dd> - Represents a control that can be drawn into and is used to trap events.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CHECK_MENU_ITEM">ROLE_CHECK_MENU_ITEM</a></code></dt> - <dd> - Represents a menu item with a check box.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_COLOR_CHOOSER">ROLE_COLOR_CHOOSER</a></code></dt> - <dd> - Represents a specialized dialog that lets the user choose a color.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_DATE_EDITOR">ROLE_DATE_EDITOR</a></code></dt> - <dd> - Represents control whose purpose is to allow a user to edit a date.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_DESKTOP_ICON">ROLE_DESKTOP_ICON</a></code></dt> - <dd> - An iconified internal frame in an ROLE_DESKTOP_PANE.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_DESKTOP_FRAME">ROLE_DESKTOP_FRAME</a></code></dt> - <dd> - A desktop pane. A pane that supports internal frames and iconified versions of those internal frames.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_DIRECTORY_PANE">ROLE_DIRECTORY_PANE</a></code></dt> - <dd> - A directory pane. A pane that allows the user to navigate through and select the contents of a directory. May be used by a file chooser.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_FILE_CHOOSER">ROLE_FILE_CHOOSER</a></code></dt> - <dd> - A file chooser. A specialized dialog that displays the files in the directory and lets the user select a file, browse a different directory, or specify a filename. May use the directory pane to show the contents of a directory.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_FONT_CHOOSER">ROLE_FONT_CHOOSER</a></code></dt> - <dd> - A font chooser. A font chooser is a component that lets the user pick various attributes for fonts.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CHROME_WINDOW">ROLE_CHROME_WINDOW</a></code></dt> - <dd> - Frame role. A top level window with a title bar, border, menu bar, etc. It is often used as the primary window for an application.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_GLASS_PANE">ROLE_GLASS_PANE</a></code></dt> - <dd> - A glass pane. A pane that is guaranteed to be painted on top of all panes beneath it.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_HTML_CONTAINER">ROLE_HTML_CONTAINER</a></code></dt> - <dd> - A document container for HTML, whose children represent the document content.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_ICON">ROLE_ICON</a></code></dt> - <dd> - A small fixed size picture, typically used to decorate components.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_LABEL">ROLE_LABEL</a></code></dt> - <dd> - Presents an icon or short string in an interface.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_LAYERED_PANE">ROLE_LAYERED_PANE</a></code></dt> - <dd> - A layered pane. A specialized pane that allows its children to be drawn in layers, providing a form of stacking order. This is usually the pane that holds the menu bar as well as the pane that contains most of the visual components in a window.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_OPTION_PANE">ROLE_OPTION_PANE</a></code></dt> - <dd> - A specialized pane whose primary use is inside a dialog.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_PASSWORD_TEXT">ROLE_PASSWORD_TEXT</a></code></dt> - <dd> - A text object uses for passwords, or other places where the text content is not shown visibly to the user.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_POPUP_MENU">ROLE_POPUP_MENU</a></code></dt> - <dd> - A temporary window that is usually used to offer the user a list of choices, and then hides when the user selects one of those choices.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_RADIO_MENU_ITEM">ROLE_RADIO_MENU_ITEM</a></code></dt> - <dd> - A radio button that is a menu item.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_ROOT_PANE">ROLE_ROOT_PANE</a></code></dt> - <dd> - A root pane. A specialized pane that has a glass pane and a layered pane as its children. Its children can include scroll bars and a viewport.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_SCROLL_PANE">ROLE_SCROLL_PANE</a></code></dt> - <dd> - A scroll pane. An object that allows a user to incrementally view a large amount of information.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_SPLIT_PANE">ROLE_SPLIT_PANE</a></code></dt> - <dd> - A split pane. A specialized panel that presents two other panels at the same time. Between the two panels is a divider the user can manipulate to make one panel larger and the other panel smaller.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_TABLE_COLUMN_HEADER">ROLE_TABLE_COLUMN_HEADER</a></code></dt> - <dd> - The header for a column of a table.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_TABLE_ROW_HEADER">ROLE_TABLE_ROW_HEADER</a></code></dt> - <dd> - The header for a row of a table.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_TEAR_OFF_MENU_ITEM">ROLE_TEAR_OFF_MENU_ITEM</a></code></dt> - <dd> - A menu item used to tear off and reattach its menu.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_TERMINAL">ROLE_TERMINAL</a></code></dt> - <dd> - Represents an accessible terminal.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_TEXT_CONTAINER">ROLE_TEXT_CONTAINER</a></code></dt> - <dd> - Collection of objects that constitute a logical text entity.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_TOGGLE_BUTTON">ROLE_TOGGLE_BUTTON</a></code></dt> - <dd> - A toggle button. A specialized push button that can be checked or unchecked, but does not provide a separate indicator for the current state.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_TREE_TABLE">ROLE_TREE_TABLE</a></code></dt> - <dd> - Representas a control that is capable of expanding and collapsing rows as well as showing multiple columns of data.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_VIEWPORT">ROLE_VIEWPORT</a></code></dt> - <dd> - A viewport. An object usually used in a scroll pane. It represents the portion of the entire data that the user can see. As the user manipulates the scroll bars, the contents of the viewport can change.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_HEADER">ROLE_HEADER</a></code></dt> - <dd> - Header of a document page.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_FOOTER">ROLE_FOOTER</a></code></dt> - <dd> - Footer of a document page.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_PARAGRAPH">ROLE_PARAGRAPH</a></code></dt> - <dd> - A paragraph of text.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_RULER">ROLE_RULER</a></code></dt> - <dd> - A ruler such as those used in word processors.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_AUTOCOMPLETE">ROLE_AUTOCOMPLETE</a></code></dt> - <dd> - A text entry having dialog or list containing items for insertion into an entry widget, for instance a list of words for completion of a text entry.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_EDITBAR">ROLE_EDITBAR</a></code></dt> - <dd> - An editable text object in a toolbar.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_ENTRY">ROLE_ENTRY</a></code></dt> - <dd> - An control whose textual content may be entered or modified by the user.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CAPTION">ROLE_CAPTION</a></code></dt> - <dd> - A caption describing another object.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_DOCUMENT_FRAME">ROLE_DOCUMENT_FRAME</a></code></dt> - <dd> - A visual frame or container which contains a view of document content. Document frames may occur within another Document instance, in which case the second document may be said to be embedded in the containing instance. HTML frames are often ROLE_DOCUMENT_FRAME. Either this object, or a singleton descendant, should implement the Document interface.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_HEADING">ROLE_HEADING</a></code></dt> - <dd> - Heading.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_PAGE">ROLE_PAGE</a></code></dt> - <dd> - An object representing a page of document content. It is used in documents which are accessed by the user on a page by page basis.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_SECTION">ROLE_SECTION</a></code></dt> - <dd> - A container of document content.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_REDUNDANT_OBJECT">ROLE_REDUNDANT_OBJECT</a></code></dt> - <dd> - An object which is redundant with another object in the accessible hierarchy. ATs typically ignore objects with this role.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_FORM">ROLE_FORM</a></code></dt> - <dd> - A container of form controls.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_IME">ROLE_IME</a></code></dt> - <dd> - An object which is used to allow input of characters not found on a keyboard, such as the input of Chinese characters on a Western keyboard.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_APP_ROOT">ROLE_APP_ROOT</a></code></dt> - <dd> - ???</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_PARENT_MENUITEM">ROLE_PARENT_MENUITEM</a></code></dt> - <dd> - Represents a menu item, which is an entry in a menu that a user can choose to display another menu.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CALENDAR">ROLE_CALENDAR</a></code></dt> - <dd> - A calendar that allows the user to select a date.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_COMBOBOX_LIST">ROLE_COMBOBOX_LIST</a></code></dt> - <dd> - A list of items that is shown by combobox.</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_COMBOBOX_OPTION">ROLE_COMBOBOX_OPTION</a></code></dt> - <dd> - A item of list that is shown by combobox</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_IMAGE_MAP">ROLE_IMAGE_MAP</a></code></dt> - <dd> - An image map -- has child links representing the areas</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_OPTION">ROLE_OPTION</a></code></dt> - <dd> - An option in a listbox</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_RICH_OPTION">ROLE_RICH_OPTION</a></code></dt> - <dd> - A rich option in a listbox, it can have other widgets as children</dd> -</dl> -<dl> - <dt> - <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_LISTBOX">ROLE_LISTBOX</a></code></dt> - <dd> - A list of options</dd> -</dl> -<div class="note"> - <p><strong>Editor's note:</strong> Use template <span class="nowiki"><code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_">ROLE_</a></code></span> to get reference on accessible role. It looks like <code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_MENUITEM">ROLE_MENUITEM</a></code>.</p> -</div> -<p> </p> diff --git a/files/fr/web/accessibility/at-apis/gecko/roles/role_alert/index.html b/files/fr/web/accessibility/at-apis/gecko/roles/role_alert/index.html deleted file mode 100644 index 0a7b46f960..0000000000 --- a/files/fr/web/accessibility/at-apis/gecko/roles/role_alert/index.html +++ /dev/null @@ -1,41 +0,0 @@ ---- -title: ROLE_ALERT -slug: Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_ALERT -tags: - - AT_APIs - - Accessibilité - - Reference - - Référence(2) - - Rôle - - À relire -translation_of: Mozilla/Tech/Accessibility/AT-APIs/Gecko/Roles/ROLE_ALERT ---- -<p><a href="/fr/docs/Accessibilité:AT-APIs:Gecko:Rôles">« Rôles Gecko Page</a></p> - -<p>Représente une alerte ou une condition qui doit être notifiée à l’utilisateur. Les technologies d’assistance répondent généralement au rôle en lisant l’intégralité des contenus affichés dans les conteneurs possédant ce rôle. Peut être utilisé pour les boîtes de dialogue d’alerte, etc.</p> - -<h2 id="Mapped_to" name="Mapped_to">Associé à</h2> - -<ul> - <li>AT-SPI : <code>ROLE_ALERT</code></li> - <li>ATK : <code>ATK_ROLE_ALERT</code></li> - <li>MSAA/IA2 : <code>ROLE_SYSTEM_ALERT</code></li> - <li>UA : <code>NSAccessibilityWindowRole</code></li> -</ul> - -<h2 id="Événements" name="Événements">Événements</h2> - -<ul> - <li><code><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Events#EVENT_ALERT">EVENT_ALERT</a></code> - se déclenche lorsque que le composant est affiché.</li> -</ul> - -<h2 id="Used_by" name="Used_by">Utilisé par</h2> - -<ul> - <li>ARIA : <code><a class="external" href="https://w3c.github.io/aria/#alert">alert</a></code>, <code><a class="external" href="https://w3c.github.io/aria/#alertdialog">alertdialog</a></code></li> - <li>XUL : <<code><a href="/fr/docs/Mozilla/Tech/XUL/notification" title="notification">notification</a></code>/>, <<code><a href="/fr/docs/Mozilla/Tech/XUL/panel" title="panel">panel</a></code> noautofocus = "true"/></li> -</ul> - -<p></p><section class="Quick_links" id="Quick_Links"> -<ol><li><a href="/fr/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_ALERT">ROLE_ALERT</a></li></ol> -</section><p></p> diff --git a/files/fr/web/accessibility/at-apis/gecko/roles/role_password_text/index.html b/files/fr/web/accessibility/at-apis/gecko/roles/role_password_text/index.html deleted file mode 100644 index a3eaacc6b8..0000000000 --- a/files/fr/web/accessibility/at-apis/gecko/roles/role_password_text/index.html +++ /dev/null @@ -1,27 +0,0 @@ ---- -title: ROLE PASSWORD TEXT -slug: Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_PASSWORD_TEXT -translation_of: Mozilla/Tech/Accessibility/AT-APIs/Gecko/Roles/ROLE_PASSWORD_TEXT ---- -<p> </p> - -<p><a href="/fr/docs/Accessibility:AT-APIs:Gecko:Roles">« Gecko Roles Page</a></p> - -<h2 id="Description" name="Description">Description</h2> - -<p><span class="tlid-translation translation"><span title="">Un objet texte utilise pour les mots de passe ou d'autres endroits où le contenu du texte n'est pas affiché de manière visible pour l'utilisateur.</span></span></p> - -<h2 id="Mapped_to" name="Mapped_to"><span class="tlid-translation translation"><span title="">Orienté vers</span></span></h2> - -<ul> - <li>AT-SPI: ROLE_PASSWORD_TEXT</li> - <li>ATK: ATK_ROLE_PASSWORD_TEXT</li> - <li>UA: NSAccessibilityTextFieldRole</li> - <li>MSAA/IA2: ROLE_SYSTEM_TEXT</li> -</ul> - -<h2 id="Used_by" name="Used_by"><span class="tlid-translation translation"><span title="">Utilisé par</span></span></h2> - -<ul> - <li>HTML: <input type="password"/></li> -</ul> diff --git a/files/fr/web/accessibility/at-apis/index.html b/files/fr/web/accessibility/at-apis/index.html deleted file mode 100644 index 86c5d18b73..0000000000 --- a/files/fr/web/accessibility/at-apis/index.html +++ /dev/null @@ -1,56 +0,0 @@ ---- -title: AT APIs Support -slug: Web/Accessibility/AT-APIs -tags: - - AT_APIs - - Accessibility - - NeedsTranslation - - TopicStub -translation_of: Mozilla/Tech/Accessibility/AT-APIs ---- -<h2 id="Introduction" name="Introduction">Introduction</h2> -<div class="note">Documentation is in progress still. But in the meantime it more up-to-date and contains more details than existed analogues for <a class="external" href="http://developer.mozilla.org/en/docs/Accessibility/AT-SPI_Support">AT-SPI</a> and <a class="external" href="http://wiki.mozilla.org/Accessibility/AT-Windows-API">MSAA</a></div> -<p>This documentation explains how makers of screen readers, voice dictation packages, onscreen keyboards, magnification software and other assitive technologies can support Gecko-based software. We provide for them the support of these products on Windows, Linux/Unix and OS X platforms.</p> -<h3 id="Accessible_Gecko" name="Accessible_Gecko">Accessible Gecko</h3> -<p>Gecko is a rendering engine that Firefox, SeaMonkey, Netscape and yelp use. Gecko can render a variety of content, not just HTML and supports key web standards such as Cascading Style Sheets, Javascript and the W3C DOM. Gecko also handles the users keystrokes and mouse clicks. Gecko is the core architecture that we are adding accessibility to, in order to support basic accessibility in all applications that are based on it.</p> -<h3 id="Gecko_Based_Applications" name="Gecko_Based_Applications">Gecko Based Applications</h3> -<p>Gecko can be used in two ways to create application:</p> -<h4 id="Embedded_Clients" name="Embedded_Clients">Embedded Clients</h4> -<p>Embedded clients use Gecko only in the content window, at the moment for HTML and generic XML only. They typically use standard Windows controls for their user interface -- the area outside of the client content window, plus the context menu.</p> -<ul> <li>on Windows platform <ul> <li>MFCEMBED testing client - this is a very simple package, great for testing basic HTML accessibility with your products and the Gecko rendering engine (please <a href="#Contacts">contact</a> us for a copy).</li> <li><a class="external" href="http://kmeleon.sourceforge.net/">K-Meleon</a> - light, ultra-fast and more advanced (fully configurable) Gecko-based web browser available on the Windows platform</li> </ul> </li> <li>on Linux/Unix platform <ul> <li><a class="external" href="http://live.gnome.org/Yelp">Yelp help viewer</a> - the help viewer in Gnome</li> <li><a class="external" href="http://www.gnome.org/projects/evolution/">Evolution email</a> - provides integrated mail, addressbook and calendaring functionality to users of the GNOME desktop.</li> </ul> </li> <li>on Mac platform <ul> <li><a class="external" href="http://caminobrowser.org/">Camino</a> - web browser for OS X</li> </ul> </li> -</ul> -<h4 id="XUL_Applications" name="XUL_Applications">XUL Applications</h4> -<p>XUL applications make full use of the Gecko architecture, not only for HTML content, but also for the entire user interface. Widgets such as menus, tab panels, tree views and dialogs are provided via an XML language called XUL (eXtensible User-interface Language). None of the user interface contains standard OS controls. This is done to ensure a common look and feel across all supported platforms, and to allow for different skins (appearances). Developing a XUL window is not that different from developing a web page, but the elements available to add widgets are more powerful and designed to be similar to desktop widgets.</p> -<p>Examples of XUL applications:</p> -<ul> <li><a class="external" href="http://www.mozilla.com/en-US/firefox/">Firefox</a> - web-browser</li> <li><a class="external" href="http://www.mozilla.com/en-US/thunderbird/">Thunderbird</a> - email client</li> <li><a class="external" href="http://www.seamonkey-project.org/">Seamonkey</a> - web-browser, advanced e-mail and newsgroup client, IRC chat client, and HTML editing made simple</li> <li><a class="external" href="http://www.mozilla.org/projects/calendar/sunbird/">Sunbird</a> - cross-platform calendar application</li> <li><a class="external" href="http://www.kompozer.net/">KompoZer</a> - a complete Web Authoring System for Linux Desktop, Microsoft Windows and Macintosh users to rival programs like FrontPage and Dreamweaver.</li> <li><a class="external" href="http://www.openkomodo.com/">Open Komodo</a> - platform for building developer environments</li> <li><a class="external" href="http://www.getmiro.com/">Miro</a> - a free, open source internet tv and video player</li> <li>Any XulRunner application (<a class="external" href="http://www.songbirdnest.com/">Songbird media player</a>, etc.)</li> <li>Extensions to other XUL apps (e.g. <a class="external" href="http://addons.mozilla.org">Firefox extensions</a>)</li> -</ul> -<h3 id="Gecko_Version" name="Gecko_Version">Gecko Version</h3> -<p>For Firefox and all other Gecko-based products: this documentation applies to up-to-date product builds based on Gecko 1.9.2 -- currently not available on official releases. However most of described features are supported starting from Gecko 1.9.0 (Firefox 3.0). However it's preferable to grab the current build of Firefox or any other Gecko-based product to be up to dated:</p> -<ul> <li><a class="external" href="http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/">Firefox</a> recent builds</li> <li><a class="external" href="http://ftp.mozilla.org/pub/mozilla.org/thunderbird/nightly/latest-trunk/">Thunderbird</a> recent builds</li> <li><a class="external" href="http://ftp.mozilla.org/pub/mozilla.org/seamonkey/nightly/latest-trunk/">Seamonkey</a> recent builds</li> -</ul> -<h3 id="Determining_if_Accessibility_is_Enabled_in_a_Firefox">Determining if Accessibility is Enabled in a Firefox</h3> -<p>Accessibility is enabled on Windows and Linux platforms by default. As well you might find helpful the <a class="link-https" href="https://addons.mozilla.org/firefox/2407/">about:accessibilityenabled Firefox</a> extension.</p> -<h2 id="Supported_AT_APIs" name="Supported_AT_APIs">Supported AT APIs</h2> -<h3 id="AT_APIs_terms" name="AT_APIs_terms">AT APIs terms</h3> -<dl><dt> <a class="external" href="http://msdn.microsoft.com/library/default.asp?url=/library/en-us/msaa/msaastart_9w2t.asp">Microsoft Active Accessibility (MSAA)</a> </dt><dd> an API devised by Microsoft so that accessibility aids can track what's going on inside the user interface of any software package that supports it. If you seriously need to understand MSAA, you'll need to read the docs on MSDN and play with the sample apps and code that come with <a class="external" href="http://www.microsoft.com/downloads/details.aspx?FamilyID=4179742f-1f3d-4115-a8ba-2f7a6022b533&displaylang=en">MSAA SDK 1.3</a>. (I recommend SDK 1.3 because the MSAA SDK 2.0 doesn't come with the source code to the testing tools. The other differences are not important). </dd></dl> <dl><dt> <a class="external" href="http://www.linux-foundation.org/en/Accessibility/IAccessible2">IAccessible2 (IA2)</a> </dt><dd> IAccessible2 is a new accessibility API which complements Microsoft's earlier work on MSAA. This API fills critical accessibility API gaps in the MSAA offering. </dd></dl> <dl><dt> <a class="external" href="http://www.gnome.org/~billh/at-spi-idl/html/">Assistive Technology Service Provider Interface (AT-SPI)</a> </dt><dd> an API devised by Sun Microsystems so that accessibility aids can track what's going on inside the user interface of any software package that supports it. If you seriously need to understand AT-SPI, you'll need to read the docs on gnome.org and play with the available sample apps and code, such as at-poke. Please note that the web docs are sometimes out of date, and the <a class="external" href="http://cvs.gnome.org/viewcvs/at-spi/">latest AT-SPI is available on CVS</a>. </dd></dl> <dl><dt> <a class="external" href="http://www.apple.com/macosx/features/universalaccess/">Universal Access (UA)</a> </dt><dd> Universal Access (UA) is the Apple's accessibility framework. </dd></dl> -<h3 id="Windows_platform" name="Windows_platform">Windows platform</h3> -<p>We support MSAA (Microsoft Active Accessibility) and IAccessible2 on Windows. Also we expose <a href="/en/Accessibility/AT-APIs/ImplementationFeatures/MSAA#Additional_DOM_Support" title="en/Accessibility/AT-APIs/ImplementationFeatures/MSAA#Additional_DOM_Support">MS COM interfaces</a> ISimpleDOM* to provide an access to DOM tree.</p> -<p>IAccessible2 is a set of interfaces that overlay the MSAA (IAccessible) and DOM (ISimpleDOM*) interface support. Any object that supports IAccessible will also support IAccessible2 and possibly any of the other IA2 interfaces.</p> -<h3 id="Linux.2FUnix_platform" name="Linux.2FUnix_platform">Linux/Unix platform</h3> -<p>We support ATK/AT-SPI interfaces on Linux.</p> -<h3 id="Mac_platform" name="Mac_platform">Mac platform</h3> -<p>We currently support only a subset of Universal Access. The rest of the <a class="external" href="http://wiki.mozilla.org/Mac:Accessibility">Mozilla Universal Access support</a> is in progress.</p> -<h2 id="Accessible_Web_Specifications" name="Accessible_Web_Specifications">Accessible Web Specifications</h2> -<p>Gecko exposes the number of XML languages including HTML to AT. Refer to <a href="/en/Accessibility/AT-APIs/Web_Specifications" title="en/ARIA_User_Agent_Implementors_Guide">accessible web specifications page</a> to learn what and how markup languages are exposed.</p><h2 id="AT_APIs_Supported_Features_Details" name="AT_APIs_Supported_Features_Details">AT APIs Implementation Details</h2> -<p>Refer to <a href="/En/Accessibility/AT-APIs/Implementation_Details" title="en/Accessibility/AT-APIs/Implementation_Details">implementation details page</a> to see how Gecko supports interesting AT API. There you will find information how AT API interfaces, roles, states and etc are mapped into Gecko accessibility API and visa versa.</p> -<h2 id="Keyboard_User_Interface_and_API" name="Keyboard_User_Interface_and_API">Keyboard User Interface and API</h2> -<p>Fortunately, Gecko uses the standard keyboard API's for each supported platform. The Mozilla keyboard shortcuts for content are similar to what is used in other browsers. Here is a list of <a class="external" href="http://www.mozilla.org/support/firefox/keyboard">Firefox keyboard shortcuts</a>.</p> -<h2 id="Test_Tools" name="Test_Tools">Test Tools</h2> -<p>Here you will find a list of tools to test accessibility Gecko-based applications.</p> -<ul> <li>MSAA <ul> <li><a class="external" href="http://www.microsoft.com/downloads/details.aspx?FamilyID=4179742F-1F3D-4115-A8BA-2F7A6022B533&displaylang=en">MSAA SDK tools</a> - version 1.3 is recommended instead of 2.0 because it includes source code for the tools</li> </ul> </li> <li>IAccessible2 <ul> <li><a class="external" href="http://www.eclipse.org/actf/downloads/tools/accprobe/index.php">Accessibility Probe</a> -- includes MSAA support as well</li> </ul> </li> <li>ATK/AT-SPI <ul> <li><a class="external" href="http://live.gnome.org/Accerciser">Accerciser</a> - interactive Python accessibility explorer for the GNOME desktop</li> </ul> </li> <li>Gecko <ul> <li><a class="external" href="http://www.mozilla.org/projects/inspector/">DOM Inspector</a> has an ability to test Gecko accessibility layer, supports base features.</li> <li>Firebug</li> </ul> </li> -</ul> -<h2 id="Screen_Readers" name="Screen_Readers">Screen Readers</h2> -<p>Here's a list of screen readers we are oriented to in the first place.</p> -<ul> <li>Windows platform <ul> <li><a class="external" href="http://www.freedomscientific.com/fs_products/software_jaws.asp">JAWS</a></li> <li><a class="external" href="http://www.gwmicro.com/">Windows Eyes</a></li> <li><a class="external" href="http://www.nvda-project.org/">NVDA</a></li> </ul> </li> <li>Linux/Unix platform <ul> <li><a class="external" href="http://live.gnome.org/Orca">Orca</a></li> </ul> </li> <li>OS X platform <ul> <li><a class="external" href="http://www.apple.com/accessibility/voiceover/">VoiceOver</a></li> </ul> </li> -</ul><h2 id="Contacts" name="Contacts">Contacts</h2> -<p>Please discuss accessibility issues on the <a class="external" href="http://groups.google.com/group/mozilla.dev.accessibility/topics">Mozilla Accessibility groups</a> or on the <a class="link-irc" href="irc://irc.mozilla.org/accessibility">Mozilla Accessibility IRC channel</a>.</p> diff --git a/files/fr/web/api/domapplicationsmanager/getall/index.html b/files/fr/web/api/domapplicationsmanager/getall/index.html deleted file mode 100644 index df247c4a1c..0000000000 --- a/files/fr/web/api/domapplicationsmanager/getall/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: Apps.mgmt.getAll -slug: Web/API/DomApplicationsManager/getAll -tags: - - API Apps - - Apps -translation_of: Archive/Marketplace/API/DOMApplicationsManager/getAll ---- -<p>{{ ApiRef() }}</p> -<p>{{ non-standard_header() }}</p> -<h2 id="Résumé">Résumé</h2> -<p>Liste toutes les applications installées dans le repertoire de l'utilisateur.</p> -<h2 id="Syntaxe">Syntaxe</h2> -<pre>window.navigator.mozApps.mgmt.getAll() -</pre> -<h2 id="Paramètres">Paramètres</h2> -<p>Aucun.</p> -<h2 id="Renvoie">Renvoie</h2> -<p><code>getAll()</code> renvoie un objet <code>pendingGetAll</code>. Il est nécessaire de définir des callbacks pour les propriétés <code>onsuccess</code> et <code>onerror</code> de l'objet renvoyé.</p> -<p><code>pendingGetAll.result</code> sera un tableau d'objet {{ domxref("App") }} qui contient les applications actuellement installées dans le navigateur. <code>pendingGetAll.result</code> sera une liste vide si aucune application n'est installée. <code>onerror</code> sera appelé si un problème grave intervient pendant cette vérification.</p> -<p>Cet appel a un accès restreint. <code>navigator.mozApps.mgmt</code> sera <code>null</code> si vous n'avez pas l'autorisation de récuperer les applications.</p> -<h2 id="Erreurs">Erreurs</h2> -<p>L'erreur suivante peut être renvoyée dans <code>DOMRequest.error</code>.</p> -<dl> -</dl> -<dl> - <dt> - DENIED</dt> - <dd> - Autorisation refusée.</dd> -</dl> -<h2 id="Sujet_en_relation">Sujet en relation</h2> -<p><a href="/fr/docs/Applications/API_JavaScript_Apps">API JavaScript Apps</a></p> diff --git a/files/fr/web/api/domapplicationsmanager/index.html b/files/fr/web/api/domapplicationsmanager/index.html deleted file mode 100644 index d30d16fa32..0000000000 --- a/files/fr/web/api/domapplicationsmanager/index.html +++ /dev/null @@ -1,82 +0,0 @@ ---- -title: DOMApplicationsManager -slug: Web/API/DOMApplicationsManager -tags: - - API -translation_of: Archive/Marketplace/API/DOMApplicationsManager ---- -<p>{{ ApiRef("Apps") }}</p> - -<p>{{ non-standard_header() }}</p> - -<p>Provides support for managing, and Open Web apps in a browser. A manager can be accessed via {{domxref("DOMApplicationsRegistry.mgmt", "Navigator.mozApps.mgmt")}}</p> - -<h2 id="Property">Property</h2> - -<dl> - <dt>{{domxref("DOMApplicationsManager.oninstall")}}</dt> - <dd>Is an {{domxref("EventManager")}} call when <code>install</code> event is received.</dd> - <dt>{{domxref("DOMApplicationsManager.onuninstall")}}</dt> - <dd>Is an {{domxref("EventManager")}} call when <code>uninstall</code> event is received.</dd> - <dt>{{domxref("DOMApplicationsManager.onenablestatechange")}}</dt> - <dd>Is an {{domxref("EventManager")}} call when <code>enablestatechange</code> event is received.</dd> -</dl> - -<h2 id="Methods">Methods</h2> - -<dl> - <dt>{{ domxref("DOMApplicationsManager.getAll()") }}</dt> - <dd>Returns all applications.</dd> -</dl> - -<h2 id="Browser_compatibility">Browser compatibility</h2> - -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>16.0</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatUnknown() }}</td> - <td>16.0</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - <td>{{ CompatUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<p> </p> diff --git a/files/fr/web/api/navigator/id/index.html b/files/fr/web/api/navigator/id/index.html deleted file mode 100644 index 1da4e224cd..0000000000 --- a/files/fr/web/api/navigator/id/index.html +++ /dev/null @@ -1,17 +0,0 @@ ---- -title: navigator.id -slug: Web/API/Navigator/id -tags: - - Navigator - - Persona -translation_of: Archive/Navigator-id ---- -<div>{{ ApiRef("Persona") }}</div> - -<h2 id="Summary" name="Summary">Résumé</h2> - -<p>Le <a href="/en-US/docs/Persona" title="BrowserID">protocole BrowserID</a> définit une nouvelle propriété <code>id</code> dans l'objet {{ domxref ("window.navigator")}}, dans laquelle l'API BrowserID est rendue disponible. Cette API a subi plusieurs importantes modifications. Chaque modification est listée séparément ci-dessous.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="line-numbers language-html"><code class="language-html">var id = navigator.id</code></pre> diff --git a/files/fr/web/api/navigator/mozpower/index.html b/files/fr/web/api/navigator/mozpower/index.html deleted file mode 100644 index 5686a8d152..0000000000 --- a/files/fr/web/api/navigator/mozpower/index.html +++ /dev/null @@ -1,26 +0,0 @@ ---- -title: window.navigator.mozPower -slug: Web/API/Navigator/mozPower -tags: - - B2G - - Firefox OS - - Non Standard - - Power Management - - WebAPI -translation_of: Archive/B2G_OS/API/Navigator/mozPower ---- -<div> - {{non-standard_header}} {{B2GOnlyHeader2('certified')}}</div> -<h2 id="Summary" name="Summary">Résumé</h2> -<p>Retourne un objet {{domxref("PowerManager")}} que vous pouvez utiliser pour gérer la consommation energétique de l'appareil.</p> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> -<pre class="syntaxbox">var power = window.navigator.mozPower; -</pre> -<h2 id="Value" name="Value">Valeur</h2> -<p><code>navigator.mozPower</code> est un objet {{domxref("PowerManager")}}.</p> -<h2 id="Specification" name="Specification">Spécification</h2> -<p>Ne fait partie d'aucune spécification actuellement.</p> -<h2 id="See_also" name="See_also">Voir aussi</h2> -<ul> - <li>{{domxref("window.navigator.requestWakeLock()","navigator.requestWakeLock()")}}</li> -</ul> diff --git a/files/fr/web/api/navigator/moztcpsocket/index.html b/files/fr/web/api/navigator/moztcpsocket/index.html deleted file mode 100644 index 82c23e3c4b..0000000000 --- a/files/fr/web/api/navigator/moztcpsocket/index.html +++ /dev/null @@ -1,34 +0,0 @@ ---- -title: Navigator.mozTCPSocket -slug: Web/API/Navigator/mozTCPSocket -translation_of: Archive/B2G_OS/API/Navigator/mozTCPSocket ---- -<p>{{APIRef("Firefox OS")}}</p> - -<p>{{ non-standard_header() }}</p> - -<p>{{ B2GOnlyHeader2('privileged') }}</p> - -<h2 id="Summary" name="Summary">Résumé</h2> - -<p>Retourne une objet {{ domxref("TCPSocket") }}, vous pouvez l'utiliser pour ouvrir d'autres sockets.</p> - -<h2 id="Syntax" name="Syntax">Syntaxe</h2> - -<pre class="eval">var socket = navigator.mozTCPSocket; -</pre> - -<h2 id="Value" name="Value">Valeur</h2> - -<p><code>navigator.mozTCPSocket</code> est un objet {{domxref("TCPSocket")}} .</p> - -<h2 id="Spécification">Spécification</h2> - -<p>Not part of any specification yet; however, this API is discussed at W3C as part of the <a class="external" href="http://www.w3.org/2012/sysapps/" rel="external" title="http://www.w3.org/2012/sysapps/">System Applications Working Group</a> under the <a href="http://www.w3.org/2012/sysapps/tcp-udp-sockets/">TCP and UDP Socket API</a> proposal.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("TCPSocket")}}</li> - <li><a href="/en-US/docs/WebAPI/TCP_Socket" title="/en-US/docs/WebAPI/TCP_Socket">TCP Socket</a></li> -</ul> diff --git a/files/fr/web/api/powermanager/index.html b/files/fr/web/api/powermanager/index.html deleted file mode 100644 index 184b07310f..0000000000 --- a/files/fr/web/api/powermanager/index.html +++ /dev/null @@ -1,109 +0,0 @@ ---- -title: PowerManager -slug: Web/API/PowerManager -tags: - - API - - B2G - - Firefox OS - - Non-standard - - Power Management - - Reference - - WebAPI -translation_of: Archive/B2G_OS/API/MozPowerManager ---- -<p>{{ ApiRef() }}</p> -<p>{{ non-standard_header() }}</p> -<p>{{ B2GOnlyHeader2('certified') }}</p> -<p>L'interface PowerManager permet de contrôler explicitement les composants de l'appareil consommant de l'énergie.</p> -<h2 id="Présentation_de_l'interface">Présentation de l'interface</h2> -<pre class="brush: js"><code class="idl-code">callback wakeLockListener = void (DOMString topic, DOMString state);</code> - -interface PowerManager -{ - attribute boolean cpuSleepAllowed - attribute double screenBrightness - attribute boolean screenEnabled - - void addWakeLockListener(wakeLockListener listener); - void factoryReset(); - DOMString getWakeLockState(DOMString topic) - void powerOff(); - void reboot(); - void removeWakeLockListener(wakeLockListener listener); -};</pre> -<h2 id="Propriétés">Propriétés</h2> -<dl> - <dt> - {{domxref("PowerManager.screenEnabled")}}</dt> - <dd> - Cette propriété est un booléen permettant de consulter ou définir l'état de l'écran de l'appareil. <code>true</code> correspond à un écran actif <code>false</code> à un écran éteint.</dd> - <dt> - {{domxref("PowerManager.screenBrightness")}}</dt> - <dd> - Cette propriété définit la luminosité du rétro-éclairage de l'écran sur une échelle de 0 (min) à 1 (max). Définir cet attribut modifie la luminosité de l'écran.</dd> - <dt> - {{domxref("PowerManager.cpuSleepAllowed")}}</dt> - <dd> - Cette propriété détermine si le processeur de l'appareil passera en veille après l'extinction de l'écran. Définir cet attribut à <code>false</code> inhibe la mise en veille du processeur de l'appareil.</dd> -</dl> -<h2 id="Méthodes">Méthodes</h2> -<dl> - <dt> - {{domxref("PowerManager.addWakeLockListener()")}}</dt> - <dd> - Enregistre un gestionnaire d'événements qui sera appelé à chaque changement d'état par rapport à la mise en veille de la ressource donnée.</dd> - <dt> - {{domxref("PowerManager.factoryReset()")}}</dt> - <dd> - Appeler cette méthode reconfigure l'appareil dans sa configuration usine (toutes les données utilisateurs seront perdues).</dd> - <dt> - {{domxref("PowerManager.getWakeLockState()")}}</dt> - <dd> - Retourne l'état de verrouillage d'une ressource donnée de l'appareil.</dd> - <dt> - {{domxref("PowerManager.powerOff()")}}</dt> - <dd> - Appeler cette méthode éteint l'appareil.</dd> - <dt> - {{domxref("PowerManager.reboot()")}}</dt> - <dd> - Cette méthode éteint l'appareil et le redémarre.</dd> - <dt> - {{domxref("PowerManager.removeWakeLockListener()")}}</dt> - <dd> - Permet de retirer un gestionnaire d'événements défini précédemment avec {{domxref("PowerManager.addWakeLockListener()","addWakeLockListener")}}.</dd> -</dl> -<h2 id="Specification" name="Specification">Exemple</h2> -<pre class="brush: js">var screenTimeout; -var power = window.navigator.mozPower; -var powerAction = { - unlocked: function suspendDevice() { - power.<code>cpuSleepAllowed = true;</code> - power.screenEnabled = false; - }, - - 'locked-background': function shutOffOnlyScreen() { - power.<code>cpuSleepAllowed = false;</code> - power.screenEnabled = false; - } -} - -function screenLockListener(topic, state) { - if ('screen' !== topic) return; - - window.clearTimeout(screenTimeout); - - if (powerAction[state]) { - screenTimeout = window.setTimeout(powerAction[state], 3000); - } -} - -power.addWakeLockListener(screenLockListener); -</pre> -<h2 id="Specification" name="Specification">Spécification</h2> -<p>Cette API ne fait partie d'aucune spécification.</p> -<h2 id="Voir_aussi">Voir aussi</h2> -<ul> - <li>{{ domxref("window.navigator.mozPower","navigator.mozPower") }}</li> - <li>{{ domxref("window.navigator.requestWakeLock()","navigator.requestWakeLock()") }}</li> -</ul> diff --git a/files/fr/web/api/tcp_socket_api/index.html b/files/fr/web/api/tcp_socket_api/index.html deleted file mode 100644 index c8b06f46c4..0000000000 --- a/files/fr/web/api/tcp_socket_api/index.html +++ /dev/null @@ -1,121 +0,0 @@ ---- -title: API TCP Socket -slug: Web/API/TCP_Socket_API -translation_of: Archive/B2G_OS/API/TPC_Socket_API ---- -<p>{{DefaultAPISidebar("TCP Socket API")}}</p> - -<p>{{ non-standard_header() }}</p> - -<p>{{ B2GOnlyHeader2('privileged') }}</p> - -<h2 id="Résumé">Résumé</h2> - -<p>L'API TCPSocket se propose d'ouvrir et d'utiliser une connexion TCP. Cela permet de mettre en œuvre des protocoles de la couche supérieure à TCP comme IMAP, IRC, POP, HTTP, etc., ou même d'en créer de nouveaux pour des besoins spécifiques.</p> - -<h2 id="Permission">Permission</h2> - -<p>Pour utiliser cette API, comme pour toutes les API privilégiées, il est nécessaire de demander l'autorisation de l'utiliser dans l'application <a href="/fr/Apps/Manifeste" title="/fr/docs/Web/Apps/Manifest">app manifeste</a>.</p> - -<pre class="brush: json">"permissions" : { - "tcp-socket" : { - "description" : "Create TCP sockets and communicate over them." - } -}</pre> - -<h2 id="Aperçu">Aperçu</h2> - -<p>Cette API est disponible à travers la propriété {{domxref("Navigator.mozTCPSocket","mozTCPSocket")}} qui est elle-même un objet {{domxref("TCPSocket")}}.</p> - -<h3 id="Ouverture_d'un_socket">Ouverture d'un socket</h3> - -<p>L'ouverture d'un socket est fait avec la méthode {{domxref("TCPSocket.open()")}}. Cette méthode peut avoir jusqu'à trois paramètres:</p> - -<ol> - <li>Une chaîne représentant le nom du serveur auquel se connecter (il peut aussi être son adresse IP brute).</li> - <li>Un nombre représentant le port TCP à utiliser par la socket (certains protocoles ont un port standard, par exemple 80 pour HTTP, 447 pour SSL, 25 pour SMTP, etc. Les numéros de port au-delà de 1024 ne sont pas assignés à un protocole spécifique et peuvent être utilisés pour d'autres fins.)</li> - <li>Un objet optionnel contenant jusqu'à deux paramétres : un booléen nommé <code>useSecureTransport</code>, <code>false</code> par défaut, est nécessaire pour utiliser SSL, ; et une chaîne nommée <code>binaryType</code> permet d'indiquer le type de données récupérées par l'application à travers l'événement {{event("data")}}, avec les valeurs attendues <code>string</code> par défaut ou <code>arraybuffer</code>.</li> -</ol> - -<pre class="brush: js">var socket = navigator.mozTCPSocket.open('localhost', 80);</pre> - -<div class="note"> -<p><strong>Note: </strong> Seulement les applications certifiées peuvent utiliser un port inférieur à 1024.</p> -</div> - -<h3 id="Ecoute_des_connexions">Ecoute des connexions</h3> - -<p>L'écoute des connexions se fait avec les méthodes {{domxref("TCPSocket.listen()")}}. Cette méthode prévoit jusqu'à trois paramètres:</p> - -<ol> - <li>Un nombre représentant le port TCP à utiliser pour écouter les connexions.</li> - <li>Un objet facultatif spécifiant les détails de la réception. Cet objet attend une propriété appelée <code>binaryType</code>, qui est une chaîne qui peut avoir deux valeurs possibles: "string" ou "ArrayBuffer". Si la valeur est "ArrayBuffer" alors le {{domxref("TCPSocket.send()")}} utilise {{domxref("ArrayBuffer")}} et les données reçues seront également disponible dans ce format.</li> - <li>Un nombre représentant la longueur maximale de la file d'attente des connexions en attente.</li> -</ol> - -<pre class="brush: js">var socket = navigator.mozTCPSocket.listen(8080);</pre> - -<div class="note"> -<p><strong>Note: </strong> Seulement applications certifiées peuvent écouter sur un port inférieur à 1024.</p> -</div> - -<h3 id="Envoi_de_données">Envoi de données</h3> - -<p>L'envoi de données se fait en utilisant la méthode {{domxref("TCPSocket.send()")}}. Les données envoyées peuvent au format chaîne ou <code><a href="/fr/docs/JavaScript/Typed_arrays/Uint8Array" title="/fr/docs/JavaScript/Typed_arrays/Uint8Array">Uint8Array</a></code>; Cependant, rappelez-vous qu'un socket TCP travail avec les données binaires. Pour cette raison, il est beaucoup plus sûr d'utiliser <code><a href="/fr/docs/JavaScript/Typed_arrays/Uint8Array" title="/fr/docs/JavaScript/Typed_arrays/Uint8Array">Uint8Array</a></code> à la place d'une chaîne lors de l'envoi des données.</p> - -<p>Pout protocole TCP, il vaut mieux envoyer 64 Ko maximum de données en même temps. Quand moins de 64kb ont été tamponnés, un appel à la méthode {{domxref("TCPSocket.send()","send")}} retourne <code>true</code>. Si le tampon est plein, la méthode renverra <code>false</code> pour indiquer que l'application devra faire une pause pour vider le tampon. Chaque fois que le tampon est vidé, un événement {{event("drain")}} est déclenché et l'application peut reprendre envoi de données.</p> - -<p>Il est possible de connaître exactement la quantité de données en mémoire tampon avec la propriété {{domxref("TCPSocket.bufferedAmount")}} .</p> - -<pre class="brush: js">function getData() { - var data; - - // récupérer les données - - return data; -} - -function pushData() { - var data; - - do { - data = getData(); - } while (data != null && socket.send(data)); -} - -// Chaque fois que le tampon est vidé -// Nous essayons à nouveau d'envoyer des données. -socket.ondrain = pushData; - -// Lancer l'envoi de données. -pushData(); -</pre> - -<h3 id="Recevoir_les_données">Recevoir les données</h3> - -<p>Chaque fois que le socket reçoit des données de l'hôte, il déclenche un événement {{event("data")}}. Cet événement donnera accès aux données du socket. Le type de données dépend de l'ensemble des options définies lorsque le socket a été ouvert (voir ci-dessus).</p> - -<pre class="brush: js">socket.ondata = function (event) { - if (typeof event.data === 'string') { - console.log('Get a string: ' + event.data); - } else { - console.log('Get a Uint8Array'); - } -}</pre> - -<p>Comme l'événement {{event("data")}} est déclenché autant que nécessaire, il peut parfois être nécessaire d'interrompre le flux de données entrants. À cette fin, l'appel de la méthode {{domxref("TCPSocket.suspend()")}} mettra en pause la lecture des données entrantes et cessera le déclenchement de {{event("data")}}. Il est possible de recommencer la lecture des données en appelant la méthode {{domxref("TCPSocket.resume()")}} .</p> - -<h3 id="Fermeture_d'un_socket">Fermeture d'un socket</h3> - -<p>La fermeture d'un socket se fait simplement en utilisant {{domxref("TCPSocket.close()")}}.</p> - -<h2 id="Standard">Standard</h2> - -<p>Ne fait partie d'aucune spécification; Toutefois, cette API est discuté au sein du W3C dans le cadre du <a href="http://www.w3.org/2012/sysapps/" title="http://www.w3.org/2012/sysapps/">groupe de travail Applications Système</a> sous la dénomination de <a href="http://www.w3.org/TR/2015/NOTE-tcp-udp-sockets-20150723/">RAW sockets</a>.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("TCPSocket")}}</li> - <li><a href="https://github.com/soapdog/firefoxos-sample-app-telnet-client" title="Firefox OS Simple Telnet Sample App">Firefox OS Simple Telnet Sample App</a></li> -</ul> diff --git a/files/fr/web/api/tcpsocket/index.html b/files/fr/web/api/tcpsocket/index.html deleted file mode 100644 index c0413ef9fc..0000000000 --- a/files/fr/web/api/tcpsocket/index.html +++ /dev/null @@ -1,102 +0,0 @@ ---- -title: TCPSocket -slug: Web/API/TCPSocket -translation_of: Archive/B2G_OS/API/TCPSocket ---- -<p>{{APIRef("Firefox OS")}}</p> - -<p>{{ non-standard_header() }}</p> - -<p>{{ B2GOnlyHeader2('privileged') }}</p> - -<h2 id="Résumé">Résumé</h2> - -<p>L'interface <strong> <code>TCPSocket</code> </strong> permet d'accéder à un socket TCP brut.</p> - -<p>Le principal point de cette API d'entrée est la propriété{{domxref("navigator.mozTCPSocket")}} qui est un object <code>TCPSocket</code>.</p> - -<div class="note"> -<p><strong>Note: </strong> Seulement applications certifiées peuvent accepter des connexions entrantes sur un port en dessous de 1024.</p> -</div> - -<h2 id="Aperçu_de_l'API">Aperçu de l'API</h2> - -<pre>interface TCPSocket{ - readonly attribute DOMString host; - readonly attribute unsigned short port; - readonly attribute boolean ssl; - readonly attribute unsigned long bufferedAmount; - readonly attribute DOMString binaryType; - readonly attribute DOMString readyState; - - TCPSocket open(DOMString host, unsigned short port, [object options]); - TCPServerSocket listen(unsigned short port, [object options, [unsigned short backlog]]); - void upgradeToSecure(); - void suspend(); - void resume(); - void close(); - boolean send(in jsval data); - - attribute onopen; - attribute ondrain; - attribute ondata; - attribute onerror; - attribute onclose; -};</pre> - -<h2 id="Propriétés">Propriétés</h2> - -<dl> - <dt>{{domxref("TCPSocket.host")}} {{readonlyinline}}</dt> - <dd>Une chaîne représentant le nom du serveur sur le quel le socket est connecté.</dd> - <dt>{{domxref("TCPSocket.port")}} {{readonlyinline}}</dt> - <dd>Un nombre représentant le port de connexion.</dd> - <dt>{{domxref("TCPSocket.ssl")}} {{readonlyinline}}</dt> - <dd>Une valeur booléenne indiquant si le socket est cryptée avec SSL (<code>true</code>) ou non (<code>false</code>).</dd> - <dt>{{domxref("TCPSocket.bufferedAmount")}} {{readonlyinline}}</dt> - <dd>Le nombre d'octets de données dans le tampon qui ne sont pas encore envoyés.</dd> - <dt>{{domxref("TCPSocket.binaryType")}} {{readonlyinline}}</dt> - <dd>Le type de données utilisé. Valeurs possibles : <code>arraybuffer</code> ou <code>string</code>.</dd> - <dt>{{domxref("TCPSocket.readyState")}} {{readonlyinline}}</dt> - <dd>L'état de socket. Valeurs possibles : <code>connecting</code>, <code>open</code>, <code>closing</code>, ou <code>closed</code>.</dd> -</dl> - -<h3 id="Gestionnaires_d'Evénements">Gestionnaires d'Evénements</h3> - -<dl> - <dt>{{domxref("TCPSocket.onopen")}}</dt> - <dd>Gestionnaire d'événement {{event("open")}}. Après cet événement, le socket est prêt à envoyer et recevoir des données.</dd> - <dt>{{domxref("TCPSocket.ondrain")}}</dt> - <dd>Gestionnaire pour l'événement {{event("drain")}}. Cet événement est déclenché chaque fois que le tampon de données est vidé.</dd> - <dt>{{domxref("TCPSocket.onerror")}}</dt> - <dd>Gestionnaire pour l'événement {{event("error")}}.</dd> - <dt>{{domxref("TCPSocket.ondata")}}</dt> - <dd>Gestionnaire pour l'événement {{event("data")}}. Cet événement est déclenché chaque fois que les données ont été reçues.</dd> - <dt>{{domxref("TCPSocket.onclose")}}</dt> - <dd>Gestionnaire pour l'événement {{event("close")}}.</dd> -</dl> - -<h2 id="Méthodes">Méthodes</h2> - -<dl> - <dt>{{domxref("TCPSocket.close()")}}</dt> - <dd>Ferme la connexion.</dd> - <dt>{{domxref("TCPSocket.open()","TCPSocket.open(host, port [, options])")}}</dt> - <dd>Renvoie un nouvel objet connecté <code>TCPSocket</code> aux <code>host</code> donnée et au <code>port</code> donné.</dd> - <dt>{{domxref("TCPSocket.resume()")}}</dt> - <dd>Information sur l'événement <code>data</code>.</dd> - <dt>{{domxref("TCPSocket.send()","TCPSocket.send(data)")}}</dt> - <dd>Données tampons à envoyer sur le réseau.</dd> - <dt>{{domxref("TCPSocket.suspend()")}}</dt> - <dd>Suspend l'événement <code>data</code>.</dd> -</dl> - -<h2 id="Spécification">Spécification</h2> - -<p>Ne fait partie d'aucune spécification; Toutefois, cette API est discuté au sein du W3C dans le cadre du <a href="http://www.w3.org/2012/sysapps/" title="http://www.w3.org/2012/sysapps/">groupe de travail des applications système</a> sous la dénomination <a href="http://www.w3.org/2012/sysapps/tcp-udp-sockets/" title="http://www.w3.org/2012/sysapps/tcp-udp-sockets/">API Socket TCP et UDP (anciennement connu sous le nom Raw Sockets API) </a>.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/fr/docs/Web/API/TCP_Socket_API" title="/fr/docs/WebAPI/TCP_Socket_API">TCP Socket</a></li> -</ul> diff --git a/files/fr/web/api/wifimanager/associate/index.html b/files/fr/web/api/wifimanager/associate/index.html deleted file mode 100644 index e19b143cf8..0000000000 --- a/files/fr/web/api/wifimanager/associate/index.html +++ /dev/null @@ -1,65 +0,0 @@ ---- -title: WifiManager.associate() -slug: Web/API/WifiManager/associate -tags: - - API - - B2G - - Non Standard - - WebAPI -translation_of: Archive/B2G_OS/API/WifiManager/associate ---- -<div>{{APIRef("Firefox OS")}}{{non-standard_header}}</div> - -<p>{{B2GOnlyHeader2('certified')}}</p> - -<p>La méthode <strong><code>associate</code></strong> est utilisée pour associer (et connecter) un appareil avec un réseau WiFi donné.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre>var request = navigator.mozWifiManager.associate(network);</pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt><code>network</code></dt> - <dd>Un objet réseau fournies par les méthode {{domxref("WifiManager.getNetworks","getNetworks")}} ou {{domxref("WifiManager.getKnownNetworks","getKnownNetworks")}}.</dd> -</dl> - -<p>Association d'un réseau sécurisé avec un dispositif nécessitant la mise en oeuvre de propriétés supplémentaires sur l'objet <code>network</code> est passé à la méthode:</p> - -<ul> - <li>Pour le réseau avec la méthode de chiffrement WEP: - <ul> - <li><code>wep</code> : Cette propriété doit être définie avec le bon mot de passe pour accéder au réseau.</li> - </ul> - </li> - <li>Pour le réseau avec la méthode de chiffrement WPA-PSK: - <ul> - <li><code>psk</code> : Cette propriété doit être définie avec le bon mot de passe pour accéder au réseau.</li> - </ul> - </li> - <li>Pour le réseau avec la méthode de chiffrement WPA-EAP: - <ul> - <li><code>eap</code> : Une chaîne représentant la <a class="external external-icon" href="https://fr.wikipedia.org/wiki/Extensible_Authentication_Protocol#M.C3.A9thodes" title="http://en.wikipedia.org/wiki/Extensible_Authentication_Protocol#Methods">méthode EAP</a> à utiliser.</li> - <li><code>password</code> : Une chaîne représentant le mot de passe pour accéder au réseau.</li> - <li><code>identity</code> : Une chaîne représentant l'identité pour accéder au réseau.</li> - <li><code>pin</code> : Une chaîne représentant le code PIN requis pour accéder au réseau.</li> - </ul> - </li> -</ul> - -<h3 id="Résultats">Résultats</h3> - -<p>Elle renvoie un objet <a href="https://developer.mozilla.org/fr/docs/Web/API/DOMRequest"><code>DOMRequest</code></a> gérant le succès ou l'echec de l'opération. Une opération réussie signifie que le dispositif entre dans le <a href="https://fr.wikipedia.org/wiki/Workflow">workflow</a> de connexion au réseau fourni. Le succès ou l'échec de la connexion elle-même peuvent être suivis à travers l'événement <code><a href="https://developer.mozilla.org/fr/docs/Web/Events/statuschange">statuschange</a></code> en attachant un gestionnaire d'événements à <a href="https://developer.mozilla.org/fr/docs/Web/API/WifiManager/onstatuschange" title="Indique un écouteur d'événement pour recevoir les événements de statuschange. Ces événements se produisent lorsque la connexion WiFi changements d'état de l'appareil."><code>WifiManager.onstatuschange</code></a>.</p> - -<h2 id="Spécification">Spécification</h2> - -<p>Ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("WifiManager")}}</li> - <li>{{domxref("MozWifiStatusChangeEvent")}}</li> - <li><a href="/fr/docs/WebAPI/WiFi_Information">WifI Information API</a></li> -</ul> diff --git a/files/fr/web/api/wifimanager/connection/index.html b/files/fr/web/api/wifimanager/connection/index.html deleted file mode 100644 index 928ab6af4e..0000000000 --- a/files/fr/web/api/wifimanager/connection/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: WifiManager.connection -slug: Web/API/WifiManager/connection -tags: - - API - - B2G - - Non-standard - - Propriété - - Reference - - WebAPI - - Wi-Fi -translation_of: Archive/B2G_OS/API/WifiManager/connection ---- -<div>{{APIRef("Firefox OS")}}{{non-standard_header}}</div> - -<div>{{B2GOnlyHeader2('certified')}}</div> - -<p>La valeur de la propriété <strong><code>connection</code></strong> offre le statut et le réseau actuel utilisé par l'adaptateur WiFi.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">var mac = navigator.mozWifiManager.connection</pre> - -<h2 id="Valeur">Valeur</h2> - -<p>Renvoie un objet avec les propriétés suivantes:</p> - -<dl> - <dt><code>status</code> {{readonlyinline}}</dt> - <dd>Une chaîne représentant l'état actuel de la connexion, l'un des <code>disconnected</code>, <code>connecting</code>,<code> associated</code> ou <code>connected</code> (voir {{domxref("MozWifiStatusChangeEvent.status")}} pour plus d'informations sur chacun de ces statuts).</dd> - <dt><code>network</code> {{readonlyinline}}</dt> - <dd>Un objet network représentant le réseau en cours d'utilisation ou <code>null</code> si l'appareil n'est connecté à aucun réseau (voir {{domxref("WifiManager.getNetworks()")}} pour plus d'informations).</dd> -</dl> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("WifiManager")}}</li> - <li><a href="/fr/docs/WebAPI/WiFi_Information">WifI Information API</a></li> -</ul> diff --git a/files/fr/web/api/wifimanager/connectioninformation/index.html b/files/fr/web/api/wifimanager/connectioninformation/index.html deleted file mode 100644 index 0252bb7b15..0000000000 --- a/files/fr/web/api/wifimanager/connectioninformation/index.html +++ /dev/null @@ -1,52 +0,0 @@ ---- -title: WifiManager.connectionInformation -slug: Web/API/WifiManager/connectionInformation -tags: - - API - - B2G - - Firefox OS - - Non-standard - - Propriété - - Reference - - WebAPI - - Wi-Fi -translation_of: Archive/B2G_OS/API/WifiManager/connectionInformation ---- -<div>{{APIRef("Firefox OS")}}{{non-standard_header}}</div> - -<div>{{B2GOnlyHeader2('certified')}}</div> - -<p>La valeur de la propriété <strong><code>connectionInformation</code></strong> fournit des informations supplémentaires sur la connexion en cours.</p> - -<p>La valeur de cette propriété est mise à jour chaque fois que l'événement {{event("connectionInfoUpdate")}} est déclenché.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">var info = navigator.mozWifiManager.connectionInformation</pre> - -<h2 id="Valeur">Valeur</h2> - -<p>Retourne un objet avec les propriétés suivantes:</p> - -<dl> - <dt><code>signalStrength</code>{{readonlyinline}}</dt> - <dd>Un nombre indiquant la force absolue du signal en <a href="https://fr.wikipedia.org/wiki/DBm">dBm</a> .</dd> - <dt><code>relSignalStrength</code>{{readonlyinline}}</dt> - <dd>Un certain nombre dans l'intervalle [0, 100] indiquant la force relative du signal.</dd> - <dt><code>LinkSpeed</code>{{readonlyinline}}</dt> - <dd>Un nombre représentant la vitesse de liaison en <code>Mb/s.</code></dd> - <dt><code>ipAddress</code>{{readonlyinline}}</dt> - <dd>Une chaîne représentant l'adresse IP de l'appareil dans la <a href="https://fr.wikipedia.org/wiki/Notation_d%C3%A9cimale_%C3%A0_point">notation décimale à point</a>.</dd> -</dl> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("WifiManager")}}</li> - <li>{{domxref("MozWifiConnectionInfoEvent")}}</li> - <li><a href="/fr/docs/WebAPI/WiFi_Information">WifI Information API</a></li> -</ul> diff --git a/files/fr/web/api/wifimanager/enabled/index.html b/files/fr/web/api/wifimanager/enabled/index.html deleted file mode 100644 index 53f046b621..0000000000 --- a/files/fr/web/api/wifimanager/enabled/index.html +++ /dev/null @@ -1,39 +0,0 @@ ---- -title: WifiManager.enabled -slug: Web/API/WifiManager/enabled -tags: - - API - - B2G - - Non Standard - - WebAPI -translation_of: Archive/B2G_OS/API/WifiManager/enabled ---- -<div>{{APIRef("Firefox OS")}}{{non-standard_header}}</div> - -<div>{{ B2GOnlyHeader2('certified') }}</div> - -<p>La valeur de la propriété <strong><code>enabled</code></strong> indique si le wifi est activé ( <code>true</code> ) ou désactivé (<code>false</code>).</p> - -<div class="note"> -<p><strong>Note :</strong> Activer ou désactiver le WiFi ne peut être fait en utilisant les <a href="https://developer.mozilla.org/fr/docs/WebAPI/Settings">paramètres API</a> pour changer le <code>wifi.enabled</code> réglage. Chaque fois que ce réglage change, l'objet<code> </code>{{domxref("WifiManager")}} enverra un événement<em> </em>{{event("enabled")}}<em> ou </em>{{event("disabled")}} Ces événements peuvent être traitées en utilisant les gestionnaires d'événements {{domxref("WifiManager.onenabled")}} et {{domxref("WifiManager.ondisabled")}}.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">var enabled = navigator.mozWifiManager.enabled</pre> - -<h2 id="Valeur">Valeur</h2> - -<p>Retourne un booléen.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("WifiManager")}}</li> - <li><a href="/fr/docs/WebAPI/WiFi_Information">WifI Information API</a></li> - <li><a href="/fr/docs/WebAPI/Settings">Settings API</a></li> -</ul> diff --git a/files/fr/web/api/wifimanager/forget/index.html b/files/fr/web/api/wifimanager/forget/index.html deleted file mode 100644 index a88abba4dc..0000000000 --- a/files/fr/web/api/wifimanager/forget/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: WifiManager.forget() -slug: Web/API/WifiManager/forget -tags: - - API - - B2G - - Non Standard - - WebAPI -translation_of: Archive/B2G_OS/API/WifiManager/forget ---- -<div>{{APIRef("Firefox OS")}} {{non-standard_header}}</div> - -<div>{{B2GOnlyHeader2('certified')}}</div> - -<p>La méthode <strong><code>forget</code></strong> est utilisée pour « oublier » un réseau WiFi. Cela permettra d'éliminer le réseau de la liste des réseaux connus et de supprimer tous les paramètres de configuration liés à ce réseau.</p> - -<p>Si le dispositif est connecté à ce réseau, il en est déconnecté.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre>var request = navigator.mozWifiManager.forget(network);</pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt><code>network</code></dt> - <dd>Un objet réseau fournit par les méthodes {{domxref("WifiManager.getNetworks","getNetworks")}} ou {{domxref("WifiManager.getKnownNetworks","getKnownNetworks")}}.</dd> -</dl> - -<h3 id="Résultats">Résultats</h3> - -<p>Elle renvoie un objet <a href="https://developer.mozilla.org/fr/docs/Web/API/DOMRequest"><code>DOMRequest</code></a> gérant le succès ou l'échec de l'opération.</p> - -<h2 id="Spécification">Spécification</h2> - -<p>Ne fait pas partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("WifiManager")}}</li> - <li>{{domxref("MozWifiStatusChangeEvent")}}</li> - <li>The <a href="/fr/docs/WebAPI/WiFi_Information">WifI Information API</a></li> -</ul> diff --git a/files/fr/web/api/wifimanager/getknownnetworks/index.html b/files/fr/web/api/wifimanager/getknownnetworks/index.html deleted file mode 100644 index 36f48007d0..0000000000 --- a/files/fr/web/api/wifimanager/getknownnetworks/index.html +++ /dev/null @@ -1,35 +0,0 @@ ---- -title: WifiManager.getKnownNetworks() -slug: Web/API/WifiManager/getKnownNetworks -tags: - - API - - B2G - - Non Standard - - WebAPI -translation_of: Archive/B2G_OS/API/WifiManager/getKnownNetworks ---- -<div>{{APIRef("Firefox OS")}}{{non-standard_header}}</div> - -<div>{{B2GOnlyHeader2('certified') }}</div> - -<p>La méthode <strong><code>getKnownNetworks</code></strong> est utilisée pour récupérer la liste des réseaux WiFi connus, peu importe si ils sont disponibles ou non dans la zone entourant le dispositif. Un réseau connu est tout réseau précédemment associée au dispositif à l'aide de la méthode <a href="https://developer.mozilla.org/fr/docs/Web/API/WifiManager/associate" title="La méthode associée est utilisée pour associer (et connexion) un appareil avec un réseau WiFi donné."><code>WifiManager.associate()</code></a>.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre>var request = navigator.mozWifiManager.getKnownNetworks();</pre> - -<h3 id="Returns">Returns</h3> - -<p>Elle retourne un handle <a href="https://developer.mozilla.org/fr/docs/Web/API/DOMRequest"><code>DOMRequest</code></a> de succès ou d'échec. Si l'opération est réussie, <code>result</code> est un Array d'objets <a href="https://developer.mozilla.org/fr/docs/Web/API/WifiManager/getNetworks">network</a>.</p> - -<h2 id="Spécification">Spécification</h2> - -<p>Ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("WifiManager")}}</li> - <li>{{domxref("MozWifiStatusChangeEvent")}}</li> - <li><a href="/fr/docs/WebAPI/WiFi_Information" title="/en-US/docs/WebAPI/WiFi_Information">WifI Information API</a></li> -</ul> diff --git a/files/fr/web/api/wifimanager/getnetworks/index.html b/files/fr/web/api/wifimanager/getnetworks/index.html deleted file mode 100644 index bdde0246c3..0000000000 --- a/files/fr/web/api/wifimanager/getnetworks/index.html +++ /dev/null @@ -1,58 +0,0 @@ ---- -title: WifiManager.getNetworks() -slug: Web/API/WifiManager/getNetworks -tags: - - API - - B2G - - Non Standard - - WebAPI -translation_of: Archive/B2G_OS/API/WifiManager/getNetworks ---- -<div>{{APIRef("Firefox OS")}}{{non-standard_header}}</div> - -<div>{{B2GOnlyHeader2('certified')}}</div> - -<p>La méthode <code>getNetworks</code> est utilisée pour récupérer de la liste des réseaux WiFi disponibles autour de l'appareil.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre>var request = navigator.mozWifiManager.getNetworks();</pre> - -<h3 id="Résultats">Résultats</h3> - -<p>Elle renvoie un handle <a href="https://developer.mozilla.org/fr/docs/Web/API/DOMRequest"><code>DOMRequest</code></a> de succès ou d'échec de l'opération. Si l'opération réussit, <code>result</code> est un Array d'objet {{Anch("Network")}}.</p> - -<h4 id="Network">Network</h4> - -<p>Ce sont des objets JavaScript régulières avec les propriétés suivantes:</p> - -<dl> - <dt><code>ssid</code> {{readonlyinline}}</dt> - <dd>Une chaîne représentant le <a href="https://fr.wikipedia.org/wiki/Service_set_identifier" title="http://en.wikipedia.org/wiki/Service_set_%28802.11_network%29">ssid</a> du réseau.</dd> - <dt><code>bssid</code>{{readonlyinline}}</dt> - <dd>Une chaîne représentant le <a href="https://fr.wikipedia.org/wiki/Service_set_identifier" title="http://en.wikipedia.org/wiki/Service_set_%28802.11_network%29">bssid</a> du réseau.</dd> - <dt><code>capabilities</code>{{readonlyinline}}</dt> - <dd>Un tableau de chaînes représentant les capacités spéciales du réseau (actuellement, seulement <code><a href="https://fr.wikipedia.org/wiki/Wi-Fi_Protected_Setup" title="http://en.wikipedia.org/wiki/Wi-Fi_Protected_Setup">WPS</a></code> est pris en charge).</dd> - <dt><code><strong>security</strong></code>{{readonlyinline}}</dt> - <dd>Un tableau de chaînes représentant le modèle du réseau de sécurité (prend actuellement en charge <a href="http://fr.wikipedia.org/wiki/Wired_Equivalent_Privacy" title="http://en.wikipedia.org/wiki/Wired_Equivalent_Privacy"><code>WEP</code></a> , <a href="https://fr.wikipedia.org/wiki/Wi-Fi_Protected_Access" title="http://en.wikipedia.org/wiki/Wi-Fi_Protected_Access"><code>WPA-PSK</code></a> et <a href="https://fr.wikipedia.org/wiki/Extensible_Authentication_Protocol" title="http://en.wikipedia.org/wiki/Extensible_Authentication_Protocol"><code>WPA-EAP</code></a> ).</dd> - <dt><code>signalStrength</code>{{readonlyinline}}</dt> - <dd>Un nombre indiquant la force absolue du signal en <a href="https://fr.wikipedia.org/wiki/DBm">dBm</a> .</dd> - <dt><code>relSignalStrength</code>{{readonlyinline}}</dt> - <dd>Une valeure dans l'intervalle [0, 100] indiquant la force relative du signal.</dd> - <dt><code><strong>connected</strong></code>{{readonlyinline}}</dt> - <dd>Un booléen indiquant si l'appareil est connecté à ce réseau.</dd> - <dt><code><strong>known</strong></code>{{readonlyinline}}</dt> - <dd>Une valeur booléenne indiquant si le réseau est déjà connu par le dispositif (si il a déjà été utilisée).</dd> -</dl> - -<h2 id="Spécification">Spécification</h2> - -<p>Ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("WifiManager")}}</li> - <li>{{domxref("MozWifiStatusChangeEvent")}}</li> - <li><a href="/fr/docs/WebAPI/WiFi_Information" title="/en-US/docs/WebAPI/WiFi_Information">WifI Information API</a></li> -</ul> diff --git a/files/fr/web/api/wifimanager/index.html b/files/fr/web/api/wifimanager/index.html deleted file mode 100644 index 51804c74f8..0000000000 --- a/files/fr/web/api/wifimanager/index.html +++ /dev/null @@ -1,100 +0,0 @@ ---- -title: WifiManager -slug: Web/API/WifiManager -translation_of: Archive/B2G_OS/API/WifiManager ---- -<p>{{APIRef("Firefox OS")}}{{ non-standard_header() }}</p> - -<p>{{ B2GOnlyHeader2('certified') }}</p> - -<h2 id="Sommaire">Sommaire</h2> - -<p>Le manager Wifi (WifiManager) donne un accès aux périphriques wifi</p> - -<h2 id="Interface">Interface</h2> - -<pre>interface WifiManager { - readonly attribute boolean enabled; - readonly attribute string macAddress; - readonly attribute object connection; - readonly attribute object connectionInformation; - - attribute nsIDOMEventListener onenabled; - attribute nsIDOMEventListener ondisabled; - attribute nsIDOMEventListener onstatuschange; - attribute nsIDOMEventListener onconnectioninfoupdate; - attribute nsIDOMEventListener onstationinfoupdate - - DOMRequest getNetworks(); - DOMRequest getKnownNetworks(); - DOMRequest associate(object network); - DOMRequest forget(object network); - DOMRequest wps(object detail); - DOMRequest setPowerSavingMode(boolean enabled); - DOMRequest setStaticIpMode(object network, object info) -}; -</pre> - -<h2 id="Propriétés">Propriétés</h2> - -<dl> - <dt>{{domxref("WifiManager.enabled")}} {{readonlyinline}}</dt> - <dd>Un booléen qui indique si le wifi est en marche (<code>true</code>) ou pas (<code>false</code>).</dd> - <dt>{{domxref("WifiManager.macAddress")}} {{readonlyinline}}</dt> - <dd>Une chaine de caractères représentant l' <a href="http://en.wikipedia.org/wiki/MAC_address" title="http://en.wikipedia.org/wiki/MAC_address">adresse MAC </a>de l'adaptateur wifi</dd> - <dt>{{domxref("WifiManager.connection")}} {{readonlyinline}}</dt> - <dd>Un objet donnant des informations a propos de la connexion en cours (statut et réseau en cours d'utilisation).</dd> - <dt>{{domxref("WifiManager.connectionInformation")}} {{readonlyinline}}</dt> - <dd>Un objet donnant des informations supplémentaires a propos de la connexion en cours ou <code>null</code> si le périphérique n'est pas connecté en wifi.</dd> -</dl> - -<h3 id="Gestion_des_évènements">Gestion des évènements</h3> - -<dl> - <dt>{{domxref("WifiManager.onenabled")}}</dt> - <dd>Signal {{event("enabled")}} ; Ce signal est déclenché quand le wifi est allumé.</dd> - <dt>{{domxref("WifiManager.ondisabled")}}</dt> - <dd>Signal {{event("disabled")}} ; Ce signal est déclenché quand le wifi est arrêté.</dd> - <dt>{{domxref("WifiManager.onstatuschange")}}</dt> - <dd>Signal {{event("statuschange")}} ; L'objet retourné correspondant à l'évènement est une instance de {{domxref("MozWifiStatusChangeEvent")}}.</dd> - <dt>{{domxref("WifiManager.connectionInfoUpdate")}}</dt> - <dt>{{domxref("WifiManager.onconnectionInfoUpdate")}}</dt> - <dt>{{domxref("WifiManager.onconnectioninfoupdate")}}</dt> - <dd>Signal {{event("connectioninfoupdate")}} ; Déclenché à chaque fois que les informations de connexion changent. L'objet retourné correspondant à l'évènement est une instance de {{domxref("MozWifiConnectionInfoEvent")}}.</dd> - <dt>{{domxref("WifiManager.onstationInfoUpdate")}}</dt> - <dt>{{domxref("WifiManager.onstationinfoupdate")}}</dt> - <dd>TBD</dd> -</dl> - -<h2 id="Méthodes">Méthodes</h2> - -<dl> - <dt>{{domxref("WifiManager.associate()")}}</dt> - <dd>Permet d'associer (et de connecter) un périphérique avec un réseau donné. Retourne un {{domxref("DOMRequest")}}.</dd> - <dt>{{domxref("WifiManager.forget()")}}</dt> - <dd>permet de créer un périphérique non associé à un réseau donné. Retourne un {{domxref("DOMRequest")}}.</dd> - <dt>{{domxref("WifiManager.getKnownNetworks()")}}</dt> - <dd>Permet de récupérer la liste de tous les réseaux avec lesquels le périphérique est associé. Retourne un {{domxref("DOMRequest")}}.</dd> - <dt>{{domxref("WifiManager.getNetworks()")}}</dt> - <dd>Permet de récupérer la liste de tous les réseaux disponibles dans la zone couverte par le périphérique. Retourne un {{domxref("DOMRequest")}}.</dd> - <dt>{{domxref("WifiManager.setPowerSavingMode()")}}</dt> - <dd>Permet à l'adaptateur wifi d'entrer/de sortir du <u>mode d'enregistrement allumé</u> "power saving mode". Retourne un {{domxref("DOMRequest")}}.</dd> - <dt>{{domxref("WifiManager.setStaticIpMode()")}}</dt> - <dd>Permet de configurer une adresse IP statique pour le périphérique dans un réseau donné. Retourne un {{domxref("DOMRequest")}}.</dd> - <dt>{{domxref("WifiManager.wps()")}}</dt> - <dd>Permet de connecter le périphérique à un réseau en utilisant le système réseau <a href="http://en.wikipedia.org/wiki/Wi-Fi_Protected_Setup" title="http://en.wikipedia.org/wiki/Wi-Fi_Protected_Setup">WPS</a> (si disponible). Retourne un {{domxref("DOMRequest")}}.</dd> -</dl> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Il n'y a pas de spécifications pour ce module</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("window.navigator.mozWifiManager","navigator.mozWifiManager")}}</li> - <li>{{domxref("MozWifiConnectionInfoEvent")}}</li> - <li>{{domxref("MozWifiStatusChangeEvent")}}</li> - <li>L'article à propos de l'<a href="/en-US/docs/WebAPI/WiFi_Information" title="/en-US/docs/WebAPI/WiFi_Information">API Wifi</a></li> - <li>les pages ayant le Tag {{Tag("WiFi")}}</li> -</ul> diff --git a/files/fr/web/api/wifimanager/macaddress/index.html b/files/fr/web/api/wifimanager/macaddress/index.html deleted file mode 100644 index 9c930a0548..0000000000 --- a/files/fr/web/api/wifimanager/macaddress/index.html +++ /dev/null @@ -1,34 +0,0 @@ ---- -title: WifiManager.macAddress -slug: Web/API/WifiManager/macAddress -tags: - - API - - B2G - - Non Standard - - WebAPI -translation_of: Archive/B2G_OS/API/WifiManager/macAddress ---- -<div>{{APIRef("Firefox OS")}}{{non-standard_header}}</div> - -<div>{{ B2GOnlyHeader2('certified') }}</div> - -<p>La valeur de la propriété <code>macAddress</code> est l'<a href="https://fr.wikipedia.org/wiki/Adresse_MAC">adresse MAC</a> fournie par l'adaptateur wifi.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">var mac = navigator.mozWifiManager.macAddress</pre> - -<h2 id="Valeur">Valeur</h2> - -<p>Retourne une chaîne.</p> - -<h2 id="Spécification">Spécification</h2> - -<p>Ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("WifiManager")}}</li> - <li><a href="/fr/docs/WebAPI/WiFi_Information">WifI Information API</a></li> -</ul> diff --git a/files/fr/web/api/wifimanager/onconnectioninfoupdate/index.html b/files/fr/web/api/wifimanager/onconnectioninfoupdate/index.html deleted file mode 100644 index 887dac48dc..0000000000 --- a/files/fr/web/api/wifimanager/onconnectioninfoupdate/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: WifiManager.onconnectioninfoupdate -slug: Web/API/WifiManager/onconnectioninfoupdate -tags: - - API - - B2G - - Non Standard - - WebAPI -translation_of: Archive/B2G_OS/API/WifiManager/onconnectioninfoupdate ---- -<div>{{APIRef("Firefox OS")}}{{non-standard_header}}</div> - -<div>{{B2GOnlyHeader2('certified')}}</div> - -<p>Pointe vers un écouteur d'événement pour recevoir l'événement {{event("connectioninfoupdate")}}. Ces événements se produisent lorsque les informations de connexion WiFi de l'appareil change.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">navigator.mozWifiManager.onconnectioninfoupdate = <em>funcRef</em></pre> - -<p>Où <code><em>f</em></code><code><em>uncRef</em></code> est une fonction à appeler lorsque l'événement {{event("connectioninfoupdate")}} se produit. Cette fonction de rappel reçoit un objet<code> </code>{{domxref("MozWifiConnectionInfoEvent")}} comme premier paramètre.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("WifiManager")}}</li> - <li>{{domxref("MozWifiConnectionInfoEvent")}}</li> - <li><a href="/fr/docs/WebAPI/WiFi_Information" title="/en-US/docs/WebAPI/WiFi_Information">WifI Information API</a></li> -</ul> diff --git a/files/fr/web/api/wifimanager/ondisabled/index.html b/files/fr/web/api/wifimanager/ondisabled/index.html deleted file mode 100644 index c853d8d328..0000000000 --- a/files/fr/web/api/wifimanager/ondisabled/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: WifiManager.ondisabled -slug: Web/API/WifiManager/ondisabled -tags: - - API - - B2G - - Non Standard - - WebAPI -translation_of: Archive/B2G_OS/API/WifiManager/ondisabled ---- -<div>{{APIRef("Firefox OS")}}{{non-standard_header}}</div> - -<p>{{B2GOnlyHeader2('certified')}}</p> - -<p>Pointe sur un écouteur d'événement pour recevoir l'événement {{event("disabled")}}. Cet événement se produit lorsque la WiFi de l'appareil est éteinte.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">navigator.mozWifiManager.ondisabled = funcRef</pre> - -<p>Où <code><em>funcRef</em></code> est une fonction à appeler lorsque l'événement {{event("disabled")}} se produit.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("WifiManager")}}</li> - <li><a href="/fr/docs/WebAPI/WiFi_Information" title="/en-US/docs/WebAPI/WiFi_Information">WifI Information API</a></li> -</ul> diff --git a/files/fr/web/api/wifimanager/onenabled/index.html b/files/fr/web/api/wifimanager/onenabled/index.html deleted file mode 100644 index b0ca2ac382..0000000000 --- a/files/fr/web/api/wifimanager/onenabled/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: WifiManager.onenabled -slug: Web/API/WifiManager/onenabled -tags: - - API - - B2G - - Non Standard - - WebAPI -translation_of: Archive/B2G_OS/API/WifiManager/onenabled ---- -<div>{{APIRef("Firefox OS")}}{{non-standard_header}}</div> - -<div>{{ B2GOnlyHeader2('certified') }}</div> - -<p>Pointe sur un écouteur d'événement pour recevoir l'événement {{event("enabled")}}. Cet événement se produit lorsque la WiFi de l'appareil est allumée.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">navigator.mozWifiManager.onenabled = funcRef</pre> - -<p>Où <code><em>funcRef</em></code> est une fonction à appeler lorsque l'événement {{event("enabled")}} se produit.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("WifiManager")}}</li> - <li><a href="/fr/docs/WebAPI/WiFi_Information">WifI Information API</a></li> -</ul> diff --git a/files/fr/web/api/wifimanager/onstatuschange/index.html b/files/fr/web/api/wifimanager/onstatuschange/index.html deleted file mode 100644 index fa27f2742b..0000000000 --- a/files/fr/web/api/wifimanager/onstatuschange/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: WifiManager.onstatuschange -slug: Web/API/WifiManager/onstatuschange -tags: - - API - - B2G - - Non Standard - - WebAPI -translation_of: Archive/B2G_OS/API/WifiManager/onstatuschange ---- -<div>{{APIRef("Firefox OS")}}{{non-standard_header}}</div> - -<div>{{B2GOnlyHeader2('certified')}}</div> - -<p>Pointe sur un écouteur d'événement pour recevoir l'événement {{event("statuschange")}}. Cet événement se produit lorsque la connexion WiFi change d'état.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">navigator.mozWifiManager.onstatuschange = funcRef</pre> - -<p>Où <code><em>funcRef</em></code> est une fonction à appeler lorsque l'événement {{event("statuschange")}} se produit. Cette fonction de rappel reçoit un objet {{domxref("MozWifiStatusChangeEvent")}} comme premier paramètre.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("WifiManager")}}</li> - <li>{{domxref("MozWifiStatusChangeEvent")}}</li> - <li><a href="/fr/docs/WebAPI/WiFi_Information">WifI Information API</a></li> -</ul> diff --git a/files/fr/web/api/wifimanager/setpowersavingmode/index.html b/files/fr/web/api/wifimanager/setpowersavingmode/index.html deleted file mode 100644 index 5735b5944a..0000000000 --- a/files/fr/web/api/wifimanager/setpowersavingmode/index.html +++ /dev/null @@ -1,39 +0,0 @@ ---- -title: WifiManager.setPowerSavingMode() -slug: Web/API/WifiManager/setPowerSavingMode -tags: - - API - - B2G - - Non Standard - - WebAPI -translation_of: Archive/B2G_OS/API/WifiManager/setPowerSavingMode ---- -<div>{{APIRef("Firefox OS")}}{{ non-standard_header() }}</div> - -<div>{{B2GOnlyHeader2('certified') }}</div> - -<p>La méthode <code>setPowerSavingMode</code> est utilisée pour que l'adaptateur WiFi active ou désactive le mode économie d'énergie.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre>var request = navigator.mozWifiManager.setPowerSavingMode(enabled);</pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt>enabled</dt> - <dd>Un booléen indiquant si le dispositif doit activer (<code>true</code>) ou désactiver (<code>false</code>) le mode économie d'énergie.</dd> -</dl> - -<h3 id="Résultats">Résultats</h3> - -<p>Elle renvoie un handle <a href="https://developer.mozilla.org/fr/docs/Web/API/DOMRequest"><code>DOMRequest</code></a> qui indique le succès ou l'echec de l'opération.</p> - -<h2 id="Spécification">Spécification</h2> - -<p>Ne fait partie d'aucune spécification.</p> - -<ul> - <li>{{domxref("WifiManager")}}</li> - <li><a href="/fr/docs/WebAPI/WiFi_Information" title="/en-US/docs/WebAPI/WiFi_Information">WifI Information API</a></li> -</ul> diff --git a/files/fr/web/api/wifimanager/setstaticipmode/index.html b/files/fr/web/api/wifimanager/setstaticipmode/index.html deleted file mode 100644 index f88e2433eb..0000000000 --- a/files/fr/web/api/wifimanager/setstaticipmode/index.html +++ /dev/null @@ -1,51 +0,0 @@ ---- -title: WifiManager.setStaticIpMode() -slug: Web/API/WifiManager/setStaticIpMode -tags: - - API - - B2G - - Non Standard - - WebAPI -translation_of: Archive/B2G_OS/API/WifiManager/setStaticIpMode ---- -<div>{{APIRef("Firefox OS")}}{{non-standard_header}}</div> - -<div>{{B2GOnlyHeader2('certified')}}</div> - -<p>La méthode <code>setStaticIpMod</code> est utilisée pour définir une adresse IP statique ou dynamique pour l'appareil sur un réseau donné (si le réseau dispose d'un serveur DHCP).</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre>var request = navigator.mozWifiManager.setStaticIpMode(param);</pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt>param</dt> - <dd>Un objet de configuration avec les propriétés suivantes: - <ul> - <li><code>enabled</code> : Un booléen demandant si le mode IP statique doit être activé (<code>true</code>) ou désactivé (<code>false</code>). Si il est désactivé et un réseau WiFi DHCP activé, l'appareil obtiendra une adresse IP dynamique.</li> - <li><code>ipaddr</code> : Une chaîne représentant l'adresse IP de l'appareil dans le format de quad en pointillés.</li> - <li><code>proxy</code> : Une chaîne représentant l'adresse du serveur proxy (le cas échéant, sinon une chaîne vide).</li> - <li><code>maskLength</code> : Un nombre représentant la longueur du masque réseau.</li> - <li><code>gateway</code> : Une chaîne représentant une adresse de passerelle (le cas échéant, sinon une chaîne vide).</li> - <li><code>dns1</code> : Une chaîne représentant la première adresse du serveur DNS.</li> - <li><code>dns2</code> : Une chaîne représentant la deuxième adresse du serveur DNS.</li> - </ul> - </dd> -</dl> - -<h3 id="Résultats">Résultats</h3> - -<p>Elle renvoie un handle <a href="https://developer.mozilla.org/fr/docs/Web/API/DOMRequest"><code>DOMRequest</code></a> qui indique le succès ou l'echec de l'opération.</p> - -<h2 id="Specification" name="Specification">Spécification</h2> - -<p>Ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("WifiManager")}}</li> - <li><a href="/fr/docs/WebAPI/WiFi_Information" title="/en-US/docs/WebAPI/WiFi_Information">WifI Information API</a></li> -</ul> diff --git a/files/fr/web/api/wifimanager/wps/index.html b/files/fr/web/api/wifimanager/wps/index.html deleted file mode 100644 index b1b232f9a7..0000000000 --- a/files/fr/web/api/wifimanager/wps/index.html +++ /dev/null @@ -1,112 +0,0 @@ ---- -title: WifiManager.wps() -slug: Web/API/WifiManager/wps -tags: - - API - - B2G - - Method - - Non Standard - - WebAPI -translation_of: Archive/B2G_OS/API/WifiManager/wps ---- -<div>{{APIRef("Firefox OS")}}{{non-standard_header}}</div> - -<div>{{ B2GOnlyHeader2('certified') }}</div> - -<p>La méthode <code>wps</code> est utilisée pour traiter un handle de connexion<a class="external external-icon" href="http://fr.wikipedia.org/wiki/Wi-Fi_Protected_Setup" title="http://en.wikipedia.org/wiki/Wi-Fi_Protected_Setup">WPS</a> avec les réseaux qui soutiennent cette fonctionnalité.</p> - -<p>Un réseau suportant une connexion WPS à la chaîne <code>WPS</code> disponible dans le tableau {{domxref("WifiManager.capabilities")}}.</p> - -<p>Une <a class="external external-icon" href="http://fr.wikipedia.org/wiki/Wi-Fi_Protected_Setup" title="http://en.wikipedia.org/wiki/Wi-Fi_Protected_Setup">connexion WPS</a> est un moyen simple de connecter un périphérique à un réseau. Il nécessite moins de connaissances de l'utilisateur et rend les choses plus faciles pour lui.Fondamentalement, quand un utilisateur a un routeur WiFi compatible WPS, il peut choisir cette méthode pour connecter son appareil sur le réseau au lieu de saisir son mot de passe.</p> - -<p>Il existe deux façons de lancer une connexion WPS:</p> - -<ul> - <li>La plus simple est d'appuyer sur un bouton dédié du routeur WiFi.</li> - <li>Une alternative est d'indiquer un code PIN fourni par le routeur WiFi. Il y a alors deux cas d'utilisation : - <ol> - <li>Le routeur WiFi enverra un code PIN à l'appareil que l'utilisateur doit saisir sur l'interface de routeur WiFi.</li> - <li>Le routeur WiFi attend que l'utilisateur saisisse un code PIN sur son périphérique (généralement, un tel code PIN est affiché sur le routeur WiFi lui-même).</li> - </ol> - </li> -</ul> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre>var request = navigator.mozWifiManager.wps(param);</pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt>param</dt> - <dd>Un objet de configuration avec les propriétés suivantes : - <ul> - <li><code>method</code> : l'une des chaînes suivantes : - <ul> - <li><code>cancel</code> pour annuler une tentative de connexion WPS.</li> - <li><code>pbs</code> pour tenter une connexion en appuyant sur le bouton physique du routeur WiFi.</li> - <li><code>pin</code> pour tenter une connexion avec un code pin.</li> - </ul> - </li> - <li><code>bssid</code> : une chaîne représentant le bssid du réseau pour se connecter. Il est obligatoire si la propriété <code>method</code> est définie à <code>pin</code> .</li> - <li><code>pin </code>: une chaîne représentant le code pin saisi par l'utilisateur. Il est obligatoire si la propriété <code>method</code> est définie à <code>pin</code>.</li> - </ul> - </dd> -</dl> - -<h3 id="Résultats">Résultats</h3> - -<p>Elle renvoie un handle <a href="https://developer.mozilla.org/fr/docs/Web/API/DOMRequest"><code>DOMRequest</code></a>qui indique le succès ou l'échec de l'opération.</p> - -<p>Lorsque la propriété <code>method</code> est définie à <code>pin</code>, si l'opération est réussie et si l'utilisateur doit saisir un numéro d'identification sur son interface de routeur WiFi, le résultat de la requête est une chaîne représentant le code PIN.</p> - -<h2 id="Exemple">Exemple</h2> - -<pre class="brush: js">var wifi = navigator.mozWifiManager; - -var request = wifi.getNetworks(); - -request.onsuccess = function () { - // <code>Utilisons</code><code class="language-js"><span class="comment token"> du premier réseau.</span></code> - var network = this.result[0]; - var isWPSEnabled = network.capabilities.indexOf('WPS') > -1; - var wpsRequest; - - if (isWPSEnabled) { - if (comfirm(<code>'</code><code class="language-js"><span class="string token">Voulez-vous utiliser le bouton poussoir pour connecter votre appareil ?</span></code>')) { - wpsRequest = wifi.wps({ - method : 'pbs' - }); - } - - else if (confirm('<code class="language-js"><span class="string token">Voulez-vous saisir un numéro de code PIN sur votre interface de routeur wifi ?</span></code>')){ - wpsRequest = wifi.wps({ - method : 'pin', - bssid: network.bssid - }) - - wpsRequest.onsuccess = function () { - alert('<code class="language-js"><span class="string token">Veuillez saisir ce numéro sur votre interface de routeur WiFi:</span></code>' + this.result) - } - } - - else { - wpsRequest = wifi.wps({ - method : 'pin', - bssid: network.bssid - pin: prompt('<code class="language-js"><span class="string token">Veuillez indiquer le code PIN de votre routeur WiFi.</span></code>') - }) - } - } -}</pre> - -<h2 id="Specification" name="Specification">Spécification</h2> - -<p>Ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("WifiManager")}}</li> - <li><a href="/fr/docs/WebAPI/WiFi_Information" title="/en-US/docs/WebAPI/WiFi_Information">WifI Information API</a></li> -</ul> diff --git a/files/fr/web/api/window/importdialog/index.html b/files/fr/web/api/window/importdialog/index.html deleted file mode 100644 index 8b870f39d6..0000000000 --- a/files/fr/web/api/window/importdialog/index.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: window.importDialog -slug: Web/API/Window/importDialog -tags: - - Traduction_à_relire -translation_of: Archive/Web/Window.importDialog ---- -<p>{{ ApiRef() }}</p> -<div class="note"> - Cette page vient d'être traduite, mais elle a besoin d'un relecteur différent du traducteur. Pensez également à toujours vérifier le contenu avec sa toute dernière version en anglais.</div> -<h2 id="Résumé">Résumé</h2> -<p>Puisque ouvrir une nouvelle fenêtre sur une plateforme mobile n'est pas vraiment approprié, l'équipe de Firefox Mobile a créé la méthode <code>importDialog()</code> pour remplacer {{ domxref("window.openDialog()") }}. Au lieu d'ouvrir une nouvelle fenêtre, elle fusionne l'élément XUL <code>dialog</code> spécifié avec la fenêtre principale.</p> -<h2 id="Syntaxe">Syntaxe</h2> -<pre><em>newDialog</em> = importDialog(<em>aParent</em>, <span style="font-style: italic;">aSrc</span>, aArguments) -</pre> -<dl> - <dt> - <code>newDialog</code></dt> - <dd> - La fenêtre ouverte.</dd> - <dt> - <code>aParent</code></dt> - <dd> - L'élément parent de la boîte de dialogue. Peut être <code>null</code>.</dd> - <dt> - <code>aSrc</code></dt> - <dd> - L'URL chrome vers la boîte de dialogue XUL.</dd> - <dt> - <code>aArguments</code></dt> - <dd> - Un objet JavaScript contenant les données à passer à la boîte de dialogue.</dd> -</dl> -<h2 id="Exemple">Exemple</h2> -<pre class="eval language-html"><em>newDialog</em> = importDialog(<em>aParent</em>, <span style="font-style: italic;">aSrc</span>, aArguments) -</pre> -<dl> - <dt> - <code>newDialog</code></dt> - <dd> - La fenêtre ouverte</dd> - <dt> - <code>aParent</code></dt> - <dd> - La parent de la fenêtre, éventuellement <code>null</code>.</dd> - <dt> - <code>aSrc</code></dt> - <dd> - L'URL chrome de la boîte de dialogue XUL.</dd> - <dt> - <code>aArguments</code></dt> - <dd> - Un objet JavaScript contenant les données à transférer à la boîte de dialogue.</dd> -</dl> -<h2 id="Notes">Notes</h2> -<p>Le XUL passé à la méthode <code>importDialog()</code> est très similaire à celui passé à la méthode {{ domxref("window.openDialog()") }}, avec cependant quelques limitations et mises en garde :</p> -<ul> - <li>La racine doit être un élément <code><dialog></code>.</li> - <li>Les scripts ne doivent pas être chargés via la balise <code><script></code>, mais depuis un attribut de l'élément <code><dialog></code> .</li> -</ul> -<p>Le XUL est fusionné avec la fenêtre spécifiée, un peu à la manière d'un overlay. En conséquence, des conflits entre les identifiants (attributs <code>id</code>) et les scripts JavaScript sont possibles, comme avec les overlays. Prenez cela en considération.</p> -<h2 id="Spécification">Spécification</h2> -<p>{{ DOM0() }}</p> -<p>{{ languages( { "en": "en/DOM/window.importDialog", "fr": "fr/DOM/window.importDialog" } ) }}</p> diff --git a/files/fr/web/apps/design/building_blocks/buton/index.html b/files/fr/web/apps/design/building_blocks/buton/index.html deleted file mode 100644 index 1ff0416084..0000000000 --- a/files/fr/web/apps/design/building_blocks/buton/index.html +++ /dev/null @@ -1,231 +0,0 @@ ---- -title: Bouton -slug: Web/Apps/Design/Building_Blocks/Buton -translation_of: Archive/B2G_OS/Firefox_OS_apps/Building_blocks/1.x/Button ---- -<p><span id="result_box" lang="fr"><span class="hps">Effectue</span> <span class="hps">une action</span> <span class="hps">quand touché</span> <span class="hps">par l'utilisateur.</span> <span class="hps">Ce sont des objets</span> <span class="hps">de l'interface utilisateur</span> <span class="hps">hautements</span> <span class="hps">flexibles</span> <span class="hps">qui ont une</span> <span class="hps">grande variété de styles</span><span>.</span> <span class="hps">Consultez le guide</span> <span class="hps">de codage</span> pour <span class="hps">la façon de</span> <span class="hps">mettre en œuvre des</span> <span class="hps">boutons</span> <span class="hps">qui ressemblent à</span> <span class="hps">ceux décrits ici.</span></span></p> -<h2 id="Caractéristiques">Caractéristiques</h2> -<ul> - <li><span id="result_box" lang="fr"><span class="hps">Les boutons ont</span> <span class="hps">deux composantes :</span> <span class="hps">une cible visuelle</span> <span class="hps">et une cible</span> <span class="hps">de</span> <span class="hps">toucher</span><span>.</span> <span class="hps">La cible</span> <span class="hps">de toucher</span> <span class="hps">est toujours plus grande</span><span>,</span> <span class="hps">afin de réduire les</span> <span class="hps">erreurs de ciblage</span> <span class="hps">en rendant</span> <span class="hps">la touche</span> <span class="hps">plus facile</span> <span class="hps">à toucher</span><span>.</span></span></li> - <li>Les boutons ont deux états : normal et pressé.</li> - <li>Ils peuvent aussi être <strong>désactivés</strong>, ce qui signifie qu'ils sont inutilisables, et sont seulement affichés pour indiquer qu'ils sont désactivés.</li> -</ul> -<p>Il y a différents types de boutons :</p> -<dl> - <dt> - Boutons d'action</dt> - <dd> - <span id="result_box" lang="fr"><span class="hps">Utilisé</span>s <span class="hps">lorsqu'il n'y a que</span> <span class="hps">quelques</span> <span class="hps">actions</span> <span class="hps">et qu'une liste</span> <span class="hps">n'est pas nécessaire.</span> <span class="hps">Le</span> <span class="hps">bouton d'action</span> <span class="hps">principal</span> <span class="hps">utilise une</span> <span class="hps">couleur</span> <span class="hps">spéciale pour indiquer</span> <span class="hps">que c'est la</span> <span class="hps">première option</span><span>.</span></span></dd> - <dt> - Boutons de listes</dt> - <dd> - <span id="result_box" lang="fr"><span class="hps">Utilisés</span> <span class="hps">lors de l'affichage</span> <span class="hps">d'une</span> <span class="hps">liste d'actions</span><span>,</span> <span class="hps">ou</span> <span class="hps">pour déclencher l'affichage</span> <span class="hps">d'un sélecteur de</span> <span class="hps">valeur</span><span>.</span></span></dd> - <dt> - Boutons de champ de saisie</dt> - <dd> - <span id="result_box" lang="fr"><span class="hps">Utilisés pour</span> <span class="hps">effectuer des actions</span> <span class="hps">avec</span> <span class="hps">les champs de saisie</span><span>.</span></span></dd> - <dt> - Boutons spéciaux/personnalisés</dt> - <dd> - <span id="result_box" lang="fr"><span class="hps">Utilisés pour fournir des</span> <span class="hps">actions</span> <span class="hps">spécifiques, comme</span> <span class="hps">l'enregistrement,</span> <span class="short_text" id="result_box" lang="fr"><span class="hps">la numérotation</span></span><span>, etc</span><span>.</span></span></dd> -</dl> -<h2 id="Captures_d'écran">Captures d'écran</h2> -<p><span id="result_box" lang="fr"><span class="hps">Voici quelques</span> <span class="hps">exemples visuels de</span> <span class="hps">ce à quoi les boutons</span> <span class="hps">devraient ressembler</span><span>.</span> <span class="hps">N'oubliez pas que</span> <span class="hps">vous</span> <span class="hps">pouvez utiliser</span> <span class="hps">les feuilles de style</span> <span class="hps">et</span> <span class="hps">des ressources d'images</span> <span class="hps">fournies dans</span> <span class="hps">le guide</span> <span class="hps">de codage</span> <span class="hps">pour les implémenter</span><span class="hps">.</span></span></p> -<h3 id="Boutons_d'action">Boutons d'action</h3> -<p><span id="result_box" lang="fr"><span class="hps">Utilisé</span>s <span class="hps">lorsqu'il n'y a que</span> <span class="hps">quelques</span> <span class="hps">actions</span> <span class="hps">et qu'une liste</span> <span class="hps">n'est pas nécessaire.</span> <span class="hps">Le</span> <span class="hps">bouton d'action</span> <span class="hps">principal</span> <span class="hps">utilise une</span> <span class="hps">couleur</span> <span class="hps">spéciale pour indiquer</span> <span class="hps">que c'est la</span> <span class="hps">première option</span><span>.</span></span></p> -<table class="standard-table"> - <thead> - <tr> - <th scope="row"> </th> - <th scope="col"> Première action</th> - <th scope="col">Seconde action</th> - <th scope="col">Supprimer</th> - </tr> - </thead> - <tbody> - <tr> - <th scope="row">Normal</th> - <td><img alt="" src="https://mdn.mozillademos.org/files/4693/btn-main-normal.jpg" style="width: 140px; height: 40px;"></td> - <td><img alt="" src="https://mdn.mozillademos.org/files/4699/btn-secondary-normal.jpg" style="width: 140px; height: 40px;"></td> - <td><img alt="" src="https://mdn.mozillademos.org/files/4687/btn-delete-normal.jpg" style="width: 140px; height: 40px;"></td> - </tr> - <tr> - <th scope="row">Pressé</th> - <td><img alt="" src="https://mdn.mozillademos.org/files/4691/btn-main-lit.jpg" style="width: 140px; height: 40px;"></td> - <td><img alt="" src="https://mdn.mozillademos.org/files/4697/btn-secondary-lit.jpg" style="width: 140px; height: 40px;"></td> - <td><img alt="" src="https://mdn.mozillademos.org/files/4685/btn-delete-lit.jpg" style="width: 140px; height: 40px;"></td> - </tr> - <tr> - <th scope="row">Désactivé</th> - <td><img alt="" src="https://mdn.mozillademos.org/files/4689/btn-main-disabled.jpg" style="width: 140px; height: 40px;"></td> - <td><img alt="" src="https://mdn.mozillademos.org/files/4695/btn-secondary-disabled.jpg" style="width: 140px; height: 40px;"></td> - <td><img alt="" src="https://mdn.mozillademos.org/files/4683/btn-delete-disabled.jpg" style="width: 140px; height: 40px;"></td> - </tr> - </tbody> -</table> -<p>Sur un fond sombre, les boutons d'action ont une apparence spéciale, comme ci-dessous.</p> -<table class="standard-table"> - <thead> - <tr> - <th scope="row"> </th> - <th scope="col">Première action</th> - <th scope="col">Seconde action</th> - </tr> - </thead> - <tbody> - <tr> - <th scope="row">Désactivé</th> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4701/btn-primary-disabled-dark.jpg" style="width: 140px; height: 40px;"></td> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4703/btn-secondary-disabled-dark.jpg" style="width: 140px; height: 40px;"></td> - </tr> - </tbody> -</table> -<h3 id="Boutons_de_liste">Boutons de liste</h3> -<p><span id="result_box" lang="fr"><span class="hps">Utilisés</span> <span class="hps">lors de l'affichage</span> <span class="hps">d'une</span> <span class="hps">liste d'actions</span><span>,</span> <span class="hps">ou</span> <span class="hps">pour déclencher l'affichage</span> <span class="hps">d'un sélecteur de</span> <span class="hps">valeur</span><span>.</span></span></p> -<h4 id="Déclencheurs">Déclencheurs</h4> -<table class="standard-table"> - <thead> - <tr> - <th scope="row"> </th> - <th scope="col"><span class="short_text" id="result_box" lang="fr"><span class="hps">Déclencher une action</span> <span class="hps">dans la vue actuelle</span></span></th> - <th scope="col"><span class="short_text" id="result_box" lang="fr"><span class="hps">Déclencher une action</span> <span class="hps">dans une nouvelle vue </span></span></th> - <th scope="col"><span class="short_text" id="result_box" lang="fr"><span class="hps">Afficher</span> <span class="hps">un sélecteur de</span> <span class="hps">valeur</span></span></th> - </tr> - </thead> - <tbody> - <tr> - <th scope="row">Normal</th> - <td><img alt="" src="https://mdn.mozillademos.org/files/4725/btn-trigger-current-normal.png" style="width: 291px; height: 40px;"></td> - <td><img alt="" src="https://mdn.mozillademos.org/files/4731/btn-trigger-new-normal.png" style="width: 290px; height: 40px;"></td> - <td><img alt="" src="https://mdn.mozillademos.org/files/4743/btn-trigger-selector-normal.png" style="width: 291px; height: 40px;"></td> - </tr> - <tr> - <th scope="row">Pressé</th> - <td><img alt="" src="https://mdn.mozillademos.org/files/4727/btn-trigger-current-pressed.png" style="width: 291px; height: 40px;"></td> - <td><img alt="" src="https://mdn.mozillademos.org/files/4733/btn-trigger-new-pressed.png" style="width: 289px; height: 39px;"></td> - <td><img alt="" src="https://mdn.mozillademos.org/files/4745/btn-trigger-selector-pressed.png" style="width: 291px; height: 40px;"></td> - </tr> - <tr> - <th scope="row">Désactivé</th> - <td><img alt="" src="https://mdn.mozillademos.org/files/4723/btn-trigger-current-disabled.png" style="width: 290px; height: 40px;"></td> - <td><img alt="" src="https://mdn.mozillademos.org/files/4729/btn-trigger-new-disabled.png" style="width: 290px; height: 40px;"></td> - <td><img alt="" src="https://mdn.mozillademos.org/files/4741/btn-trigger-selector-disabled.png" style="width: 291px; height: 40px;"></td> - </tr> - </tbody> -</table> -<h4 id="Sélecteur_de_valeur">Sélecteur de valeur</h4> -<p><span id="result_box" lang="fr"><span class="hps">Une fois</span> <span class="hps">que le sélecteur de</span> <span class="hps">valeur</span> <span class="hps">a été ouvert,</span> <span class="hps">vous</span> <span class="hps">aurez besoin d'au</span> <span class="hps">moins un bouton</span> <span class="hps">sur le panneau</span> <span class="hps">de sélection de</span> <span class="hps">valeur</span> <span class="hps">pour annuler </span><span class="hps">ledit sélecteur de</span> <span class="hps">valeur</span><span>.</span> <span class="hps">Ces</span> <span class="hps">boutons doivent</span> <span class="hps">ressembler à</span> <span class="hps">ce qui suit:</span></span></p> -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Normal</th> - <th scope="col">Pressé</th> - <th scope="col">Désactivé</th> - </tr> - </thead> - <tbody> - <tr> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4755/btn-selector-normal.png" style="width: 269px; height: 39px;"></td> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4757/btn-selector-pressed.png" style="width: 269px; height: 39px;"></td> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4753/btn-selector-disabled.png" style="width: 269px; height: 39px;"></td> - </tr> - </tbody> -</table> -<h3 id="Boutons_de_champ_de_saisie">Boutons de champ de saisie</h3> -<p><span id="result_box" lang="fr"><span class="hps">Les boutons de champ</span> <span class="hps">de saisie</span> <span class="hps">sont des boutons</span> <span class="hps">associés à</span> <span class="hps">un champ de saisie</span><span>,</span> <span class="hps">qui, lorsqu'il est</span> <span class="hps">pressé,</span> <span class="hps">effectuent une action</span> <span class="hps">liée à ce</span> <span class="hps">champ de saisie.</span></span></p> -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Normal</th> - <th scope="col">Pressé</th> - <th scope="col">Désactivé</th> - </tr> - </thead> - <tbody> - <tr> - <td><img alt="" src="https://mdn.mozillademos.org/files/4761/input-field-normal.png" style="width: 320px; height: 40px;"></td> - <td><img alt="" src="https://mdn.mozillademos.org/files/4763/input-field-pressed.png" style="width: 320px; height: 40px;"></td> - <td><img alt="" src="https://mdn.mozillademos.org/files/4759/input-field-disabled.png" style="width: 320px; height: 40px;"></td> - </tr> - </tbody> -</table> -<h3 id="Boutons_spéciaux">Boutons spéciaux</h3> -<p><span id="result_box" lang="fr"><span class="hps">Les</span> <span class="hps">boutons spéciaux</span> <span class="hps">sont des boutons</span> <span class="hps">de style visuels avec des icônes,</span><span class="hps"> utilisés</span> <span class="hps">à des fins</span> <span class="hps">spéciales, telles que</span> <span class="hps">l'exploitation</span> <span class="hps">de la</span> <span class="hps atn">caméra de l'</span><span>appareil</span><span>,</span> <span class="hps">répondre et</span> <span class="hps">raccrocher le</span> <span class="hps">téléphone</span><span>,</span> <span class="hps">et l'activation de</span> <span class="hps">la</span> <span class="hps">numérotation</span> <span class="hps">au clavier</span><span>.</span> <span class="hps">Vous pouvez</span> <span class="hps">bien sûr</span> <span class="hps">trouver</span> <span class="hps">d'autres utilisations pour</span> <span class="hps">ce style de</span> <span class="hps">bouton.</span></span></p> -<h4 id="Boutons_photo">Boutons photo</h4> -<p><span id="result_box" lang="fr"><span class="hps">Ces</span> butons<span class="hps"> n'ont pas</span><span class="hps"> d'état désactivé</span><span>, vous</span> <span class="hps">n'avez tout simplement</span> <span class="hps">pas</span> <span class="hps">besoin de les afficher si la prise</span><span class="hps"> de photos</span> <span class="hps">n'est pas disponible.</span></span></p> -<table class="standard-table"> - <thead> - <tr> - <th scope="row"> </th> - <th scope="col">Enregistrement vidéo</th> - <th scope="col">Arrêter l'enregistrement vidéo</th> - <th scope="col">Prendre photo</th> - </tr> - </thead> - <tbody> - <tr> - <th scope="row">Normal</th> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4771/video-record-normal.png" style="width: 100px; height: 45px;"></td> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4775/video-stop-normal.png" style="width: 100px; height: 45px;"></td> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4767/camera-normal.png" style="width: 100px; height: 45px;"></td> - </tr> - <tr> - <th scope="row">Pressé</th> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4773/video-record-pressed.png" style="width: 100px; height: 45px;"></td> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4777/video-stop-pressed.png" style="width: 100px; height: 45px;"></td> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4769/camera-pressed.png" style="width: 100px; height: 45px;"></td> - </tr> - </tbody> -</table> -<h4 id="Boutons_téléphone">Boutons téléphone</h4> -<table class="standard-table"> - <tbody> - <tr> - <th scope="row"> </th> - <th scope="col">Répondre</th> - <th scope="col">Raccrocher</th> - <th scope="col">Masquer le clavier</th> - </tr> - <tr> - <th scope="row">Normal</th> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4781/phone-answer-normal.png" style="width: 130px; height: 40px;"></td> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4787/phone-hangup-normal.png" style="width: 130px; height: 40px;"></td> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4793/hide-dialer-normal.png" style="width: 130px; height: 40px;"></td> - </tr> - <tr> - <th scope="row">Pressé</th> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4783/phone-answer-pressed.png" style="width: 130px; height: 40px;"></td> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4789/phone-hangup-pressed.png" style="width: 130px; height: 40px;"></td> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4795/hide-dialer-pressed.png" style="width: 130px; height: 40px;"></td> - </tr> - <tr> - <th scope="row">Désactivé</th> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4779/phone-answer-disabled.png" style="width: 130px; height: 40px;"></td> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4785/phone-hangup-disabled.png" style="width: 130px; height: 40px;"></td> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4791/hide-dialer-disabled.png" style="width: 130px; height: 40px;"></td> - </tr> - </tbody> -</table> -<h4 id="Boutons_personnalisés">Boutons personnalisés</h4> -<p><span id="result_box" lang="fr"><span class="hps">Voici des exemples boutons personnalisés</span><span>, ici</span> <span class="hps">pour ajouter</span> <span class="hps">un contact.</span></span></p> -<table class="standard-table"> - <tbody> - <tr> - <th scope="row">Normal</th> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4799/generic-normal.png" style="width: 90px; height: 40px;"></td> - </tr> - <tr> - <th scope="row">Pressé</th> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4801/generic-pressed.png" style="width: 90px; height: 40px;"></td> - </tr> - <tr> - <th scope="row">Désactivé</th> - <td style="background-color: black;"><img alt="" src="https://mdn.mozillademos.org/files/4797/generic-disabled.png" style="width: 90px; height: 40px;"></td> - </tr> - </tbody> -</table> -<h2 id="Voir_aussi">Voir aussi</h2> -<ul> - <li><a href="/en-US/docs/Mozilla/Firefox_OS/UX" title="/en-US/docs/Mozilla/Firefox_OS/UX">Firefox OS user experience</a></li> - <li><a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Button/Coding" title="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Button/Coding">Button coding guide</a></li> -</ul> diff --git a/files/fr/web/apps/design/building_blocks/confirmation/index.html b/files/fr/web/apps/design/building_blocks/confirmation/index.html deleted file mode 100644 index 17d6db6553..0000000000 --- a/files/fr/web/apps/design/building_blocks/confirmation/index.html +++ /dev/null @@ -1,86 +0,0 @@ ---- -title: Confirmation -slug: Web/Apps/Design/Building_Blocks/Confirmation -translation_of: Archive/B2G_OS/Firefox_OS_apps/Building_blocks/1.x/Confirmation ---- -<p><span id="result_box" lang="fr"><span class="hps">Un message</span> <span class="hps">de confirmation demande</span> <span class="hps">à l'utilisateur d'effectuer</span> <span class="hps">ou de confirmer une</span> <span class="hps">action,</span> <span class="hps">par exemple répondre</span> <span class="hps">à un message</span><span class="hps"> système</span> qui <span class="hps">demande à l'utilisateur</span> <span class="hps">de redémarrer</span> <span class="hps">l'appareil</span> <span class="hps">après un changement</span> de<span class="hps"> carte SIM</span><span>,</span> <span class="hps">ou</span> <span class="hps">demander à l'utilisateur</span> <span class="hps">d'accorder ou de</span> <span class="hps">refuser l'autorisation</span> <span class="hps">d'exécuter une tâche</span><span>.</span> <span class="hps">Consultez le guide</span> <span class="hps">de codage</span> <span class="hps">pour la </span><span class="hps">façon de</span> <span class="hps">mettre en œuvre</span> <span class="hps">ces invites</span> <span class="hps">dans votre application</span><span>.</span></span></p> -<h2 id="Caractéristiques">Caractéristiques</h2> -<ul> - <li><span id="result_box" lang="fr"><span class="hps">Les invites de confirmation</span> <span class="hps">sont modales</span><span>, elles</span> <span class="hps">occupent la</span> <span class="hps">totalité de l'écran</span> <span class="hps">et nécessitent une</span> <span class="hps">intervention de l'utilisateur</span> <span class="hps">pour être fermées.</span></span></li> - <li>Elles consistent en : - <ul> - <li>Un titre (facultatif)</li> - <li>Un corps</li> - <li>Une icône (facultative)</li> - <li><span id="result_box" lang="fr"><span class="hps">Un bouton</span> <span class="hps">d'entrée de</span> <span class="hps">la confirmation,</span> <span class="hps">dont le label</span> <span class="hps">peut être personnalisé</span></span></li> - <li>Un bouton Annuler, dont le label peut être personnalisé</li> - </ul> - </li> -</ul> -<h2 id="Captures_d'écran">Captures d'écran</h2> -<p><span id="result_box" lang="fr"><span class="hps">Voici quelques</span> <span class="hps">exemples de ce à quoi</span> <span class="hps">diverses</span> <span class="hps">invites de confirmation</span> <span class="hps">peuvent ressembler.</span></span></p> -<table class="fxosScreenGrid"> - <tbody> - <tr> - <td style="vertical-align: top;"> - <h3 id="Apparence_par_défaut">Apparence par défaut</h3> - <p><img alt="" src="https://mdn.mozillademos.org/files/4805/default.png"></p> - Ici, un {{HTMLElement("h1")}} <span id="result_box" lang="fr"><span class="hps">est utilisé pour créer</span> <span class="hps">la « confirmation »</span><span> du titre.</span>. La classe <span class="hps">delete</span> <span class="hps">est appliquée au <a href="https://developer.mozilla.org/fr/docs/Web/Apps/Design/Building_Blocks/Buton">bouton</a></span> Supprimer <span class="hps">pour l'afficher</span> <span class="hps">avec l'apparence d'un bouton Supprimer</span></span></td> - <td style="vertical-align: top;"> - <h3 id="Avec_un_contenu_de_corps">Avec un contenu de corps</h3> - <p><img alt="" src="https://mdn.mozillademos.org/files/4811/with-content.png"></p> - <p><span id="result_box" lang="fr"><span class="hps">Dans cet exemple,</span> <span class="hps">un corps</span> <span class="hps">plus complexe</span> <span class="hps">est utilisé,</span> <span class="hps">avec</span> <span class="hps">une image</span> <span class="hps">et son style</span><span>.</span> <span class="hps">La classe</span> <span class="hps">« recommandé »</span> <span class="hps">est utilisée pour indiquer</span> <span class="hps">que le bouton</span> <span class="hps">« Action »</span> <span class="hps">est le</span> <span class="hps">bouton qui doit effectuer ladite action</span><span>.</span></span></p> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <h3 id="Sans_titre">Sans titre</h3> - <p><img alt="" src="https://mdn.mozillademos.org/files/4807/confirm-without-title.png">Cet exemple est exactement comme celui du dessus sauf qu'il n'y a pas de bloc {{HTMLElement("h1")}} pour créer un titre.</p> - </td> - <td style="vertical-align: top;"> - <h3 id="En_mode_d'édition">En mode d'édition</h3> - <p><img alt="" src="https://mdn.mozillademos.org/files/4809/edit-mode.png" style="width: 320px; height: 480px;"></p> - </td> - </tr> - </tbody> -</table> -<h2 id="Variations">Variations</h2> -<p><span id="result_box" lang="fr"><span class="hps">Il y a quelques</span> <span class="hps">variantes sur le</span> <span class="hps">plan</span> <span class="hps">des</span> <span class="hps">invites de confirmation</span><span>,</span> <span class="hps">comme vous l'avez vu</span> <span class="hps">ci-dessus.</span> <span class="hps">Les</span> <span class="hps">maquettes</span> <span class="hps">simplifiées</span> <span class="hps">ci-dessous</span> <span class="hps">aident à clarifier</span> <span class="hps">les composants de l'invite de confirmation</span><span>,</span> <span class="hps">et montrent que</span> <span class="hps">vous</span> <span class="hps">avez le contrôle sur</span> <span class="hps">la mise en page</span> <span class="hps">du contenu.</span></span></p> -<table class="fxosScreenGrid"> - <tbody> - <tr> - <td style="vertical-align: top;"> - <h3 id="Invite_de_permission">Invite de permission</h3> - <p><img alt="" src="https://mdn.mozillademos.org/files/4813/confirm-prompt-permissions.png" style="width: 376px; height: 578px;"></p> - <p><span id="result_box" lang="fr"><span class="hps atn">Ici, l'</span><span>icône et le titre</span> <span class="hps">sont utilisés pour identifier</span> <span class="hps">l'application</span> qui <span class="hps">demande l'autorisation</span><span>,</span> <span class="hps">et le genre de permission demandé</span><span>.</span></span></p> - <p><span id="result_box" lang="fr"><span class="hps">Le texte du corps du document</span> <span class="hps">doit</span> <span class="hps">aller plus en détail</span> <span class="hps">sur ce que</span> <span class="hps">l'octroi de</span> <span class="hps">cette autorisation</span> <span class="hps">signifie.</span></span></p> - </td> - <td style="vertical-align: top;"> - <h3 id="Invite_de_confirmation_d'action">Invite de confirmation d'action</h3> - <p><img alt="" src="https://mdn.mozillademos.org/files/4819/confirm-prompt-action-confirm.png" style="width: 327px; height: 578px;"></p> - <p><span id="result_box" lang="fr"><span class="hps">Ce message</span> <span class="hps">simple</span> <span class="hps">confirmation</span> <span class="hps">d'action</span> <span class="hps">pose une question</span> <span class="hps">simple,</span> <span class="hps">et ne</span> <span class="hps">dispose pas d'un</span> <span class="hps">titre</span><span>.</span></span></p> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <h3 id="Invite_de_confirmation_d'action_2">Invite de confirmation d'action</h3> - <p><img alt="" src="https://mdn.mozillademos.org/files/4817/confirm-prompt-action-confirm-2.png" style="width: 329px; height: 578px;"></p> - <p><span id="result_box" lang="fr"><span class="hps">Cet invite</span> <span class="hps">de confirmation</span> <span class="hps">d'action</span> <span class="hps">un peu plus complexe</span> <span class="hps">ajoute une icône</span> <span class="hps">et un titre.</span></span></p> - </td> - <td style="vertical-align: top;"> </td> - </tr> - </tbody> -</table> -<h2 id="Interaction">Interaction</h2> -<h4 id="Supprimer_des_messages">Supprimer des messages</h4> -<p><span id="result_box" lang="fr"><span class="hps">Dans cet exemple</span><span>, une </span>invite <span class="hps">de confirmation</span> <span class="hps">est utilisée pour</span> <span class="hps">demander à l'utilisateur</span> <span class="hps">s'</span><span class="hps">il</span> est<span class="hps"> certain de vouloir</span> <span class="hps">supprimer</span> <span class="hps">les messages sélectionnés</span> <span class="hps">à partir d'une</span> <span class="hps">liste</span> <span class="hps">de courriels</span><span>.</span> <span class="hps">Appuyer sur le bouton</span> <span class="hps">« Supprimer »</span> <span class="hps">affiche l'invite </span><span>;</span> <span class="hps">la suppression</span> <span class="hps">se produit uniquement si</span> <span class="hps">l'utilisateur appuie sur</span> <span class="hps">le bouton « Supprimer » dans l'invite</span><span class="hps"> de confirmation</span><span>.</span></span></p> -<p><img alt="" src="https://mdn.mozillademos.org/files/4821/confirm-delete-messages.png" style="width: 739px; height: 1200px;"></p> -<h3 id="Confirmer_une_demande_de_permission">Confirmer une demande de permission</h3> -<p><span id="result_box" lang="fr"><span class="hps">Dans cet exemple,</span> <span class="hps">l'utilisateur ouvre</span> <span class="hps">pour la première fois</span> <span class="hps">une application qui</span> <span class="hps">a besoin de</span> <span class="hps">l'autorisation d'utiliser</span> <span class="hps">le</span> <span class="hps">service de <a href="/fr/docs/Using_geolocation">géolocalisation</a></span><span>.</span> Comme<span class="hps atn"> l'</span><span>application nécessite</span> <span class="hps">l'autorisation</span> <span class="hps">pour fonctionner</span><span>, il demande</span> <span class="hps">immédiatement</span> <span class="hps">l'autorisation d'utiliser</span> <span class="hps">le</span> <span class="hps">service de localisation</span><span>.</span> <span class="hps">Lorsque</span> <span class="hps">l'utilisateur ferme</span> <span class="hps">l'invite</span> <span class="hps">en tapant</span> <span class="hps">soit</span> « <span class="hps">Ne pas autoriser »</span> <span class="hps atn">(</span><span>qui</span> <span class="hps">refuse l'autorisation</span> <span class="hps">d'utiliser</span> <span class="hps">la géolocalisation</span><span>)</span> <span class="hps">soit « </span><span class="hps">Autoriser »</span> <span class="hps atn">(</span><span>qui</span> <span class="hps">accorde la permission</span><span>)</span><span>, le message</span> <span class="hps">de confirmation</span> <span class="hps">se ferme et</span> <span class="hps atn">le choix de l'</span><span>utilisateur</span> <span class="hps">prend effet</span></span>.</p> -<p><img alt="" src="https://mdn.mozillademos.org/files/4823/confirm-permission.png"></p> -<p><span id="result_box" lang="fr"><span class="hps">Notez que cet exemple</span> <span class="hps">comporte une</span> <span class="hps">case à cocher dans</span> <span class="hps">l'invite de confirmation</span> <span class="hps">pour enregistrer le choix de l'utilisateur</span> <span class="hps">afin que celui-ci</span> <span class="hps">ne soit pas</span> <span class="hps">demandé</span> <span class="hps">à nouveau</span> ultérieurement.</span></p> -<h2 id="Voir_aussi">Voir aussi</h2> -<ul> - <li><a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Confirmation/Coding" title="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Confirmation/Coding">Confirmation coding guide</a></li> - <li><a href="/en-US/docs/Mozilla/Firefox_OS/UX" title="/en-US/docs/Mozilla/Firefox_OS/UX">Firefox OS user experience</a></li> -</ul> diff --git a/files/fr/web/apps/design/building_blocks/filtre/index.html b/files/fr/web/apps/design/building_blocks/filtre/index.html deleted file mode 100644 index 91df36efa2..0000000000 --- a/files/fr/web/apps/design/building_blocks/filtre/index.html +++ /dev/null @@ -1,49 +0,0 @@ ---- -title: Filtre -slug: Web/Apps/Design/Building_Blocks/Filtre -translation_of: Archive/B2G_OS/Firefox_OS_apps/Building_blocks/1.x/Filter ---- -<p><span id="result_box" lang="fr"><span class="hps">Les filtres peuvent être</span> <span class="hps">utilisés pour deux usages </span><span>:</span> </span></p> -<ol> - <li><span lang="fr">le <span class="hps">filtrage,</span> <span class="hps">dans lequel</span> <span class="hps">l'utilisateur peut visualiser</span> <span class="hps">un ensemble unique de</span> <span class="hps">données</span> <span class="hps atn">de différentes manières. P</span><span>ar exemple</span><span>,</span> <span class="hps atn">l'</span><span>application Calendrier</span> <span class="hps">utilise des filtres</span> <span class="hps">pour sélectionner l'échelle</span> <span class="hps">de</span> <span class="hps">temps utilisée</span><span class="hps"> de la visualisation</span> <span class="hps">de données</span><span class="hps atn"> (</span><span>qui</span> <span class="hps">est</span><span> de jour</span><span class="hps">, semaine ou</span> <span class="hps">mois</span><span>) ; </span></span></li> - <li><span lang="fr"><span class="hps atn">la navigation (</span><span>présentation d'un</span> <span class="hps">second</span> <span class="hps">ensemble d'onglets</span> <span class="hps">lorsque</span> <span class="hps">des onglets</span> <span class="hps">sont déjà présents dans</span> <span class="hps">votre</span> <span class="hps">interface utilisateur</span><span>)</span><span>.</span></span></li> -</ol> -<p>Consultez le <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Filter/Coding">Guide de codage</a> pour la façon de mettre en œuvre les filtres dans votre application.</p> -<h2 id="Caractéristiques">Caractéristiques</h2> -<ul> - <li><span id="result_box" lang="fr"><span class="hps">Les filtres sont</span> <span class="hps">présentés comme</span> <span class="hps">une séquence</span> <span class="hps">horizontale</span> <span class="hps">de boutons.</span></span></li> - <li><span class="short_text" id="result_box" lang="fr"><span class="hps">Un seul bouton</span> <span class="hps">est sélectionné</span> <span class="hps">à la fois.</span></span></li> - <li><span id="result_box" lang="fr"><span class="hps">La</span> <span class="hps">meilleure pratique consiste à</span> <span class="hps">placer des filtres</span> <span class="hps">dans</span> une<span class="hps"> <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Toolbar">barre d'outils</a></span><span>,</span> <span class="hps">afin qu'ils</span> <span class="hps">ne se mélangent pas</span> <span class="hps">avec le contenu.</span></span></li> - <li><span id="result_box" lang="fr"><span class="hps">Les boutons gauches</span><span>,</span> </span><span id="result_box" lang="fr"><span class="hps">droits et</span></span><span id="result_box" lang="fr"><span class="hps"> centraux </span><span class="hps">peuvent être décorés</span> <span class="hps">de façon différente.</span> <span class="hps">Cela</span> <span class="hps">vous permet par exemple de faire</span><span> en sorte que les extrémités</span> <span class="hps">gauches et droites de</span> <span class="hps">votre barre</span> <span class="hps">prenenent un</span> <span class="hps atn">«</span><span>éclat</span><span>», ou</span> <span class="hps">de faire</span> <span class="hps">la barre</span> <span class="hps">arrondies</span> <span class="hps">aux extrémités</span><span>.</span></span></li> - <li><span id="result_box" lang="fr"><span class="hps">Les</span> <span class="hps">largeurs</span> <span class="hps">de</span> <span class="hps">boutons</span> <span class="hps alt-edited">de filtre</span> <span class="hps">varient</span> <span class="hps">en fonction du nombre</span> <span class="hps">de filtres dans</span> <span class="hps">un seul ensemble</span><span>.</span></span></li> - <li><span id="result_box" lang="fr"><span class="hps">Vous devez avoir au</span> <span class="hps">moins deux</span> <span class="hps">et</span> <span class="hps">pas plus de cinq</span> <span class="hps">filtres dans</span> <span class="hps">un ensemble</span><span>.</span></span></li> - <li><span id="result_box" lang="fr"><span class="hps">Une</span> <span class="hps">série de filtres</span> <span class="hps">peut être marqué avec</span> <span class="hps">du texte ou des</span> <span class="hps">icônes</span><span>,</span> <span class="hps">mais pas les deux</span><span>.</span> <span class="hps">Parce que les</span> <span class="hps">hauteurs</span> <span class="hps">de</span> <span class="hps">filtres</span> <span class="hps">sont relativement faibles</span> <span class="hps">par rapport à</span> <span class="hps">onglets</span><span>, le texte est</span> <span class="hps">généralement la meilleure</span> solution<span>.</span></span></li> -</ul> -<h2 id="Captures_d'écran">Captures d'écran</h2> -<table class="fxosScreenGrid"> - <tbody> - <tr> - <td style="vertical-align: top;"> - <h3 id="Filtres_au_somment">Filtres au somment</h3> - <p><img alt="" src="https://mdn.mozillademos.org/files/4827/filter-visual-top" style="width: 320px; height: 480px;"></p> - </td> - <td style="vertical-align: top;"> - <h3 id="Filtres_au_fond">Filtres au fond</h3> - <p><img alt="" src="https://mdn.mozillademos.org/files/4829/filter-visual-bottom" style="width: 322px; height: 482px;"></p> - </td> - </tr> - </tbody> -</table> -<h2 id="Variations">Variations</h2> -<p><span id="result_box" lang="fr"><span class="hps">Il ya seulement deux</span> <span class="hps">variations</span><span>:</span> <span class="hps">si les</span> <span class="hps">filtres sont</span> <span class="hps">au sommet ou au fond</span><span class="hps">.</span></span></p> -<h3 id="Filtres_au_sommet">Filtres au sommet</h3> -<p><img alt="" src="https://mdn.mozillademos.org/files/4831/filters-variation-top.png" style="width: 320px; height: 93px;"></p> -<h3 id="Filtres_au_fond_2">Filtres au fond</h3> -<p><img alt="" src="https://mdn.mozillademos.org/files/4833/filters-variation-bottom.png" style="width: 320px; height: 92px;"></p> -<h2 id="Interaction">Interaction</h2> -<p><span id="result_box" lang="fr"><span class="hps">Taper sur</span> <span class="hps">un</span> <span class="hps">bouton du filtre change</span><span class="hps"> immédiatement</span> <span class="hps">la vue affichée</span> <span class="hps">pour représenter</span> <span class="hps">le nouveau contenu.</span></span></p> -<h2 id="Voir_aussi">Voir aussi</h2> -<ul> - <li><a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Filter/Coding" title="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Filter/Coding">Filter coding guide</a></li> - <li><a href="/fr/docs/Mozilla/Firefox_OS/UX" title="/en-US/docs/Mozilla/Firefox_OS/UX">Expérience utilisateur de Firefox OS</a></li> -</ul> diff --git a/files/fr/web/apps/design/building_blocks/index.html b/files/fr/web/apps/design/building_blocks/index.html deleted file mode 100644 index f652943f31..0000000000 --- a/files/fr/web/apps/design/building_blocks/index.html +++ /dev/null @@ -1,268 +0,0 @@ ---- -title: Open Web App UX building blocks -slug: Web/Apps/Design/Building_Blocks -translation_of: Archive/B2G_OS/Firefox_OS_apps/Building_blocks/1.x ---- -<p><span id="result_box" lang="fr"><span class="hps">Vous trouverez ici</span> <span class="hps">une description des</span> <span class="hps">éléments de l'interface</span> <span class="hps">utilisateur commune aux applications</span><span id="result_box" lang="fr"><span class="hps"> </span></span><span class="hps">Open Web</span> dont l'interface est destinée aux petits écrans <span class="hps">— comme les</span> <span class="hps">applications</span> <span class="hps">Firefox</span> </span><span id="result_box" lang="fr"><span class="hps">OS</span></span><span id="result_box" lang="fr"><span class="hps"> — </span><span class="hps">avec des exemples montrant leur aspect et leurs fonctions</span><span>.</span> <span class="hps">Notez que les</span> <span class="hps">exemples particuliers</span> <span class="hps">que vous trouverez dans</span> <span class="hps">cette</span> <span class="hps">section ont été rédigés</span> <span class="hps">conformément aux lignes directrices</span> <span class="hps">de conception de</span> <span class="hps">Firefox</span> <span class="hps">OS</span><span>, mais ils</span> <span class="hps">doivent</span> <span class="hps">vous fournir des informations utiles,</span> <span class="hps">quel que soit le type d'aide que vous recherchez</span><span class="hps"> pour</span> <span class="hps">votre</span> <span class="hps">projet.</span></span></p> - -<table class="withoutBorder"> - <tbody> - <tr> - <td colspan="2"> - <h2 id="Menu_action">Menu action</h2> - </td> - </tr> - <tr> - <td style="vertical-align: top; width: 180px;"> - <p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/4635/action-menu.png" style="height: 240px; width: 160px;"><br> - <a href="/fr/docs/Web/Apps/Design/Building_Blocks/menu_action">Détails</a><br> - <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Action_menu/Coding">Coding guide</a></p> - </td> - <td style="vertical-align: top;"> - <p> </p> - </td> - </tr> - <tr> - <td colspan="2" style="vertical-align: top;"> - <h2 id="Bouton">Bouton</h2> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/4639/secondary-buttons.png" style="height: 139px; width: 140px;"></p> - - <p style="text-align: center;"><a href="/fr/docs/Mozilla/Firefox_OS/UX/Building_blocks/Buton">Détails</a><br> - <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Button/Coding">Coding guide</a></p> - </td> - <td style="vertical-align: top;"> - <p> </p> - </td> - </tr> - <tr> - <td colspan="2" style="vertical-align: top;"> - <h2 id="Confirmation">Confirmation</h2> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <p><img alt="" src="https://mdn.mozillademos.org/files/4803/confirmation-example.png" style="height: 240px; width: 160px;"></p> - - <p style="text-align: center;"><a href="/fr/docs/Web/Apps/Design/Building_Blocks/Confirmation">Détails</a><br> - <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Confirmation/Coding">Coding guide</a><br> - </p> - </td> - <td style="vertical-align: top;"> - <p> </p> - </td> - </tr> - <tr> - <td colspan="2" style="vertical-align: top;"> - <h2 id="Filtre">Filtre</h2> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/4825/filter-visual-bottom" style="height: 241px; width: 161px;"></p> - - <p style="text-align: center;"><a href="/fr/docs/Web/Apps/Design/Building_Blocks/Filtre">Détails</a><br> - <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Filter/Coding">Coding guide</a></p> - </td> - <td style="vertical-align: top;"> - <p> </p> - </td> - </tr> - <tr> - <td colspan="2" style="vertical-align: top;"> - <h2 id="Entête">Entête</h2> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/4845/header-default.png" style="height: 27px; width: 160px;"></p> - - <p style="text-align: center;"><a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Header">Details</a><br> - <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Header/Coding">Coding guide</a></p> - </td> - <td style="vertical-align: top;"> - <p> </p> - </td> - </tr> - <tr> - <td colspan="2" style="vertical-align: top;"> - <h2 id="Zone_de_saisie"><span class="short_text" id="result_box" lang="fr"><span class="hps">Zone</span> <span class="alt-edited hps">de saisie</span></span></h2> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/4859/sample-sms-bottom-input.png" style="height: 241px; width: 161px;"></p> - - <p style="text-align: center;"><a href="/fr/docs/Web/Apps/Design/Building_Blocks/zone_saisie">Détails</a><br> - <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Input_area/Coding">Coding guide</a></p> - </td> - <td style="vertical-align: top;"> - <p> </p> - </td> - </tr> - <tr> - <td colspan="2" style="vertical-align: top;"> - <h2 id="Listes">Listes</h2> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/4889/list-example" style="height: 119px; width: 160px;"></p> - - <p style="text-align: center;"><a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/List">Details</a><br> - <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/List/Coding">Coding guide</a></p> - </td> - <td style="vertical-align: top;"> - <p> </p> - </td> - </tr> - <tr> - <td colspan="2" style="vertical-align: top;"> - <h2 id="Object_menu">Object menu</h2> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/4891/object-menu-idle.png" style="height: 240px; width: 160px;"></p> - - <p style="text-align: center;"><a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Object_menu">Details</a><br> - <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Action_menu/Coding">Coding guide</a></p> - </td> - <td style="vertical-align: top;"> - <p> </p> - </td> - </tr> - <tr> - <td colspan="2" style="vertical-align: top;"> - <h2 id="Indicateur_de_progression_et_d'activité">Indicateur de progression et d'activité</h2> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/4897/progress-bar-example.png" style="height: 240px; width: 160px;"></p> - - <p style="text-align: center;"><a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Progress_and_activity">Details</a><br> - <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Progress_and_activity/Coding">Coding guide</a></p> - </td> - <td style="vertical-align: top;"> - <p> </p> - </td> - </tr> - <tr> - <td colspan="2" style="vertical-align: top;"> - <h2 id="Défilement">Défilement</h2> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/4917/scrolling-index-scroll-dark.png" style="height: 240px; width: 160px;"></p> - - <p style="text-align: center;"><a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Scrolling">Details</a><br> - <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Scrolling/Coding">Coding guide</a></p> - </td> - <td style="vertical-align: top;"> - <p> </p> - </td> - </tr> - <tr> - <td colspan="2" style="vertical-align: top;"> - <h2 id="Barre_de_réglage">Barre de réglage</h2> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/4923/seekbar-sample.png" style="height: 240px; width: 160px;"></p> - - <p style="text-align: center;"><a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Seek_bar">Details</a><br> - <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Seek_bar/Coding">Coding guide</a></p> - </td> - <td style="vertical-align: top;"> - <p> </p> - </td> - </tr> - <tr> - <td colspan="2"> - <h2 id="Statut">Statut</h2> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/4637/banner.png" style="height: 240px; width: 160px;"><br> - <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Status">Details</a><br> - <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Status/Coding">Coding guide</a></p> - </td> - <td style="vertical-align: top;"> - <p> </p> - </td> - </tr> - <tr> - <td colspan="2" style="vertical-align: top;"> - <h2 id="Switch">Switch</h2> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/4925/switch-settings-sample.png" style="height: 240px; width: 160px;"></p> - - <p style="text-align: center;"><a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Switch">Details</a><br> - <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Switch/Coding">Coding guide</a></p> - </td> - <td style="vertical-align: top;"> - <p> </p> - </td> - </tr> - <tr> - <td colspan="2" style="vertical-align: top;"> - <h2 id="Onglets">Onglets</h2> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/4955/tab-screenshot.png" style="height: 240px; width: 160px;"></p> - - <p style="text-align: center;"><a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Tabs">Details</a><br> - <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Tabs/Coding">Coding guide</a></p> - </td> - <td style="vertical-align: top;"> - <p> </p> - </td> - </tr> - <tr> - <td colspan="2" style="vertical-align: top;"> - <h2 id="Barre_d'outils">Barre d'outils</h2> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/4967/toolbar-sample.png" style="height: 240px; width: 160px;"></p> - - <p style="text-align: center;"><a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Toolbar">Details</a><br> - <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Toolbar/Coding">Coding guide</a></p> - </td> - <td style="vertical-align: top;"> - <p> </p> - </td> - </tr> - <tr> - <td colspan="2" style="vertical-align: top;"> - <h2 id="Sélecteur_de_valeur">Sélecteur de valeur</h2> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <p style="text-align: center;"><img alt="" src="https://mdn.mozillademos.org/files/4975/selector-nested.png" style="height: 240px; width: 160px;"></p> - - <p style="text-align: center;"><a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Value_selector">Details</a><br> - <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Value_selector/Coding" title="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Value_selector/Coding">Coding Guide</a></p> - </td> - <td style="vertical-align: top;"> - <p> </p> - </td> - </tr> - </tbody> -</table> - -<p> </p> diff --git a/files/fr/web/apps/design/building_blocks/menu_action/index.html b/files/fr/web/apps/design/building_blocks/menu_action/index.html deleted file mode 100644 index 707a1ae49d..0000000000 --- a/files/fr/web/apps/design/building_blocks/menu_action/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: Menu action -slug: Web/Apps/Design/Building_Blocks/menu_action -translation_of: Archive/B2G_OS/Firefox_OS_apps/Building_blocks/1.x/Action_menu ---- -<p><span id="result_box" lang="fr"><span class="hps atn">Un menu Action</span><span> présente</span> <span class="hps">une liste d'élémenst</span><span>,</span> <span class="hps">liée</span> <span class="hps">au contenu de</span> <span class="hps">l'application,</span> <span class="hps">à partir de</span> <span class="hps">laquelle l'utilisateur peut</span> <span class="hps">faire une sélection.</span> <span class="hps">Consultez le guide</span> <span class="hps">de codage</span> <span class="hps">pour plus de détails</span> <span class="hps">sur la façon de</span> <span class="hps">mettre en place un</span> <span class="hps">menu d'action</span> <span class="hps">dans votre application</span><span>.</span></span></p> -<h2 id="Caractéristiques">Caractéristiques</h2> -<ul> - <li><span id="result_box" lang="fr"><span class="hps">Ouvert</span> <span class="hps">à partir de</span> <span class="hps">boutons</span> <span class="hps">dans le contenu</span> <span class="hps">de l'application</span><span>,</span> <span class="hps">ces</span> <span class="hps">boutons sont</span> <span class="hps">souvent à l'intérieur</span> <span class="hps">des barres d'outils</span> <span class="hps atn">(</span><span>par exemple</span><span>, le bouton</span> <span class="hps">"Partager"</span> <span class="hps">du Navigateur</span><span class="hps">)</span><span>.</span></span></li> - <li><span id="result_box" lang="fr"><span class="hps">Les menus</span> <span class="hps">d'action</span> <span class="hps">contiennent</span> <span class="hps">un ou plusieurs éléments</span><span>.</span></span></li> - <li><span id="result_box" lang="fr"><span class="hps">Ces</span> <span class="hps">menus</span> se <span class="hps">développent</span> <span class="hps">en hauteur pour</span> <span class="hps">accueillir</span> <span class="hps">leurs articles,</span> <span class="hps">à un maximum de</span> <span class="hps atn">la hauteur de l'</span><span>écran</span><span>.</span> <span class="hps">Une fois</span> <span class="hps">que la hauteur</span> <span class="hps">maximale</span> <span class="hps">est atteinte, le</span> <span class="hps">contenu défile</span> <span class="hps">verticalement</span><span>.</span> <span class="hps">Généralement, la meilleure</span> <span class="hps">pratique</span> <span class="hps">consiste à essayer de</span> <span class="hps">ne comprendre</span> <span class="hps">pas plus de cinq</span> éléments<span>, plus</span> <span class="hps">un titre de menu</span><span>.</span></span></li> - <li>Le titre du menu est optionnel.</li> - <li>Le menu se ferme si : - <ul> - <li>Un des élément est sélectionné.</li> - <li>Le bouton "annulé" est touché.</li> - </ul> - </li> -</ul> -<h2 id="Captures_d'écran">Captures d'écran</h2> -<table class="fxosScreenGrid"> - <tbody> - <tr> - <td> - <h3 id="État_neutre">État neutre</h3> - <p><img alt="" src="https://mdn.mozillademos.org/files/4641/action-menu-idle.png" style="width: 320px; height: 480px;"></p> - <p>Le menu Action ouvert attendant la sélection de l'utilisateur.</p> - </td> - <td> - <h3 id="État_appuyé">État appuyé</h3> - <p><img alt="" src="https://mdn.mozillademos.org/files/4635/action-menu.png" style="width: 320px; height: 480px;"></p> - <p>L'apparence du menu quand l'utilisateur touche le boutton "Option 3"</p> - </td> - </tr> - </tbody> -</table> -<h2 id="Variations">Variations</h2> -<p><span id="result_box" lang="fr"><span class="hps">Il existe deux variantes</span> <span class="hps">de base sur</span> <span class="hps">le menu Action </span><span>:</span> <span class="hps">si le</span> <span class="hps">menu a</span> <span class="hps">une chaîne de</span> <span class="hps">titre en haut</span><span> ou non.</span></span></p> -<p><img alt="" src="https://mdn.mozillademos.org/files/4645/action-menu-variations.jpg" style="width: 1023px; height: 532px;"></p> -<h2 id="Interaction">Interaction</h2> -<p>Ce diagramme montre comment l'utilisateur interagit avec le menu action.</p> -<p><img alt="" src="https://mdn.mozillademos.org/files/4649/action-menu-flow-1.png" style="width: 731px; height: 1169px;"></p> -<h2 id="Voir_aussi">Voir aussi</h2> -<ul> - <li><a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Action_menu/Coding" title="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Action_menu/Coding">Action menu coding guide</a></li> -</ul> diff --git a/files/fr/web/apps/design/building_blocks/zone_saisie/index.html b/files/fr/web/apps/design/building_blocks/zone_saisie/index.html deleted file mode 100644 index 666da829a2..0000000000 --- a/files/fr/web/apps/design/building_blocks/zone_saisie/index.html +++ /dev/null @@ -1,141 +0,0 @@ ---- -title: Zone de saisie -slug: Web/Apps/Design/Building_Blocks/zone_saisie -translation_of: Archive/B2G_OS/Firefox_OS_apps/Building_blocks/1.x/Input_area ---- -<p><span id="result_box" lang="fr"><span class="hps">Une zone</span> <span class="hps">de saisie est un</span> <span class="hps">champ d'entrée de</span> <span class="hps">données</span><span>.</span> <span class="hps">Il peut y avoir beaucoup de</span> <span class="hps">variations sur</span> <span class="hps">ce à quoi une zone de saisie</span><span class="hps"> peut</span> <span class="hps">ressembler</span><span>, elles peuvent être</span> <span class="hps atn">aussi simple que d'</span><span>un champ</span> <span class="hps">de saisie de texte</span><span>,</span> <span class="hps">et</span> <span class="hps">aussi complexe qu'un</span> <span class="hps">champ de saisie</span> <span class="hps atn">multi-</span><span>partie</span> <span class="hps">avec</span> <span class="hps">une entrée de texte</span><span>, des sélecteurs de</span> <span class="hps">valeur</span> <span class="hps">et des boutons</span><span>.</span> <span class="hps">Consultez le <a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Input_area/Coding">Guide</a></span><a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Input_area/Coding"> <span class="hps">de codage</span></a> <span class="hps">pour les détails sur</span> <span class="hps">la mise en œuvre</span> <span class="hps">des zones</span> <span class="hps">de saisie.</span></span></p> -<h2 id="Caractéristiques">Caractéristiques</h2> -<p><strong>Détails à venir.</strong></p> -<h2 id="Captures_d'écrans">Captures d'écrans</h2> -<p><span id="result_box" lang="fr"><span class="hps">Ici vous pouvez voir</span> <span class="hps">une</span> <span class="hps">variété de</span> <span class="hps">zones de saisie</span><span>, qui suggère différentes utilisations possibles.</span></span></p> -<h3 id="Entrées_génériques">Entrées génériques</h3> -<p><span class="short_text" id="result_box" lang="fr"><span class="hps">Ce sont</span> <span class="hps">de simples boîtes</span> <span class="hps">de saisie de texte</span><span>.</span></span></p> -<table class="fxosScreenGrid"> - <tbody> - <tr> - <td style="vertical-align: top;"> - <h4 id="Entrée_générique_vide"><span class="short_text" id="result_box" lang="fr"><span class="hps">Entrée</span> <span class="hps">générique:</span> <span class="hps">vide</span></span></h4> - <p><img alt="" src="https://mdn.mozillademos.org/files/4879/input-generic-empty.png" style="width: 266px; height: 41px;"></p> - <p><span lang="fr"><span class="hps">Voici une</span> <span class="hps">boîte</span> <span class="hps">de saisie</span> <span class="hps">simple, sans</span> <span class="hps">texte saisi à l'intérieur</span><span>,</span> seulement du <span class="hps">texte générique pour</span><span class="hps"> l'espace réservé</span><span>.</span></span></p> - </td> - <td style="vertical-align: top;"> - <h4 id="Entrée_générique_remplie"><span class="short_text" id="result_box" lang="fr"><span class="hps">Entrée</span> <span class="hps">générique:</span> <span class="hps">rempli</span></span>e</h4> - <p><img alt="" src="https://mdn.mozillademos.org/files/4881/input-generic-full.png" style="width: 266px; height: 41px;"></p> - <p><span id="result_box" lang="fr"><span class="hps">Ici,</span> <span class="hps">l'entrée</span> <span class="hps">générique</span> <span class="hps">est préremplie</span><span class="hps">.</span> <span class="hps">Notez la</span> <span class="hps">présence du bouton</span> <span class="hps">"effacer"</span> <span class="hps">à l'extrémité droite</span> <span class="hps">du</span> <span class="hps">champ de saisie.</span></span></p> - </td> - </tr> - </tbody> -</table> -<h3 id="Entrées_dans_le_haut_de_la_vue"><span class="short_text" id="result_box" lang="fr"><span class="hps">Entrées</span> <span class="hps">dans le haut de</span> <span class="hps">la vue</span></span></h3> -<p><span id="result_box" lang="fr"><span class="hps">Ces entrées</span> <span class="hps">sont situées</span> <span class="hps">dans la partie supérieure</span> <span class="hps atn">de la vue (</span><span>soit</span> <span class="hps">tout en haut</span> <span class="hps">de l'écran,</span> <span class="hps">ou</span> <span class="hps">immédiatement sous</span> <span class="hps">un en-tête</span><span>)</span><span>.</span></span></p> -<table class="fxosScreenGrid"> - <tbody> - <tr> - <td style="vertical-align: top;"> - <h4 id="Haut_vide">Haut : vide</h4> - <p><img alt="" src="https://mdn.mozillademos.org/files/4885/input-top-idle" style="width: 320px; height: 40px;"></p> - <p><span id="result_box" lang="fr"><span class="hps">Voici un</span> <span class="hps">champ de saisie de</span> <span class="hps">texte en haut</span> <span class="hps">d'une page</span><span>, qui devrait</span> <span class="hps">être utilisé sous</span> <span class="hps">un en-tête</span><span>.</span></span></p> - </td> - <td style="vertical-align: top;"> - <h4 id="Haut_actif">Haut : actif</h4> - <p><img alt="" src="https://mdn.mozillademos.org/files/4883/input-top-active.png" style="width: 320px; height: 40px;"></p> - <p><span id="result_box" lang="fr"><span class="hps">Ce champ</span> <span class="hps">de saisie de texte</span> <span class="hps">du haut de</span> <span class="hps">vue</span> <span class="hps">est actif</span><span>, il</span> <span class="hps">dispose d'un bouton</span> <span class="hps">actif</span> <span class="hps">"Annuler"</span> <span class="hps">à côté de lui</span><span>,</span> <span class="hps">et le bouton</span> <span class="hps">"Effacer"</span> <span class="hps">dans le</span> <span class="hps">champ de saisie est</span> <span class="hps">visible.</span></span></p> - <p><span class="short_text" id="result_box" lang="fr"><span class="hps atn">Ce style d'</span><span>entrée doit être utilisée</span> <span class="hps">sans en-tête</span><span>.</span></span></p> - <div class="note"> - <p><strong>Note:</strong> <span id="result_box" lang="fr"><span class="hps">Ceci nécessite</span> <span class="hps">plus d'explications</span><span>, de quelle façon</span> <span class="hps">est</span><span>-ce différent de</span> <span class="hps">la forme</span> <span class="hps">«vide»</span> <span class="hps">en termes d'utilisation</span> <span class="hps">d'en-tête</span><span> ?</span></span></p> - </div> - </td> - </tr> - </tbody> -</table> -<h3 id="Entrées_dans_le_bas_de_la_vue"><span class="short_text" id="result_box" lang="fr"><span class="hps">Entrées</span> <span class="hps">dans le bas de</span> <span class="hps">la vue</span></span></h3> -<p>Ces entrées sont situées dans le bas de la vue.</p> -<table class="fxosScreenGrid"> - <tbody> - <tr> - <td style="vertical-align: top;"> - <h4 id="Boîte_de_saisie_de_texte_vide"><span class="short_text" id="result_box" lang="fr"><span class="hps">Boîte</span> <span class="hps">de saisie de texte</span> <span class="hps">vide</span></span></h4> - <p><img alt="" src="https://mdn.mozillademos.org/files/4865/input-bottom-send-disabled.png" style="width: 320px; height: 40px;"></p> - <p><span id="result_box" lang="fr"><span class="hps">Cette zone de</span> <span class="hps">saisie en bas</span> <span class="hps">de</span> <span class="hps">vue</span> <span class="hps">comporte un bouton</span> <span class="hps">"Envoyer"</span> <span class="hps">(qui vient</span><span class="hps"> d'une</span> <span class="hps">application</span> <span class="hps">SMS).</span> <span class="hps">Notez que le bouton</span> <span class="hps">"Envoyer"</span> <span class="hps">est désactivée</span> <span class="hps">car l'entrée</span> <span class="hps">est vide.</span></span></p> - </td> - <td style="vertical-align: top;"> - <h4 id="Boîte_de_saisie_de_texte_pleine"><span class="short_text" id="result_box" lang="fr"><span class="hps">Boîte</span> <span class="hps">de saisie de texte</span> <span class="hps">pleine</span></span></h4> - <p><img alt="" src="https://mdn.mozillademos.org/files/4863/input-bottom-normal.png" style="width: 320px; height: 40px;"></p> - <p><span id="result_box" lang="fr"><span class="hps">Maintenant,</span> <span class="hps">la zone de saisie</span> <span class="hps">est remplie</span><span class="hps">,</span> <span class="hps">et</span> <span class="hps">le</span> <span class="hps">bouton "Envoyer"</span> <span class="hps">est activé.</span></span></p> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <h4 id="Boîte_de_saisie_de_texte_multi-lignes"><span class="short_text" id="result_box" lang="fr"><span class="hps">Boîte</span> <span class="hps">de saisie de texte</span> <span class="hps">multi-lignes</span></span></h4> - <p><img alt="" src="https://mdn.mozillademos.org/files/4861/input-bottom-max.png" style="width: 320px; height: 113px;"></p> - <p><span id="result_box" lang="fr"><span class="hps">Étant donné que la quantité de</span> <span class="hps">texte saisi</span> <span class="hps">par l'utilisateur</span> <span class="hps">augmente,</span> <span class="hps">la zone de saisie</span> <span class="hps">en bas de</span> <span class="hps">vue</span> <span class="hps">s'étend</span> <span class="hps">vers le haut pour</span> <span class="hps">faire de la place</span> à <span class="hps">plus de contenu,</span> <span class="hps">comme on le voit</span> <span class="hps">ici</span><span>.</span></span></p> - </td> - <td style="vertical-align: top;"> </td> - </tr> - </tbody> -</table> -<h3 id="Fieldsets_simples">Fieldsets simples</h3> -<p><span id="result_box" lang="fr"><span class="hps">Ces</span> <span class="hps">fieldsets</span> <span class="hps">comprennent</span> une<span class="hps atn"> combinaison d'</span><span>un <a href="/fr/docs/">sélecteur de</a></span><a href="/fr/docs/"> </a><a href="/docs/Mozilla/Firefox_OS/UX/Building_blocks/Value_selector"><span class="hps">valeur</span></a> <span class="hps">et d'une</span> <span class="hps">zone de saisie</span><span>.</span> <span class="hps">Dans cet exemple,</span> <span class="hps">le bouton de sélection</span> <span class="hps">de</span> <span class="hps">valeur est utilisée</span> <span class="hps">pour ouvrir</span> <span class="hps">un sélecteur de</span> <span class="hps">choisir</span> <span class="hps">de type de contact</span> <span class="hps">dans l'application</span> <span class="hps">contacts</span> <span class="hps atn">(</span><span>travail, maison,</span> <span class="hps">etc</span><span>)</span><span>,</span> <span class="hps">et la zone</span> <span class="hps">de saisie </span><span class="hps">est utilisé</span> <span class="hps">pour entrer l'adresse</span> <span class="hps">e-mail</span> <span class="hps">correspondante</span><span>.</span></span></p> -<table class="fxosScreenGrid"> - <tbody> - <tr> - <td style="vertical-align: top;"> - <h4 id="Vide">Vide</h4> - <p><img alt="" src="https://mdn.mozillademos.org/files/4867/input-fieldset-empty.png" style="width: 265px; height: 41px;"></p> - <p><span id="result_box" lang="fr"><span class="hps">Ici,</span> <span class="hps">la zone de saisie</span> <span class="hps">de texte est vide</span><span>,</span> <span class="hps">ne montrant que</span> <span class="hps">le texte</span> <span class="hps">de l'espace réservé</span><span>.</span></span></p> - </td> - <td style="vertical-align: top;"> - <h4 id="Avec_du_texte">Avec du texte</h4> - <p><img alt="" src="https://mdn.mozillademos.org/files/4875/input-fieldset-with-data.png" style="width: 295px; height: 42px;"></p> - <p><span id="result_box" lang="fr"><span class="hps">Ici,</span> <span class="hps">l'utilisateur a entré</span> <span class="hps">une adresse email. </span><span class="hps">Un</span> <span class="hps">bouton Supprimer</span> <span class="hps">se trouve à côté du champ</span><span>,</span><span> afin de permettre</span> <span class="hps">la suppression de</span> l'<span class="hps">adresse de courriel</span> <span class="hps">à partir de</span> <span class="hps">l'enregistrement de contact</span><span>.</span></span></p> - <p> </p> - </td> - </tr> - <tr> - <td style="vertical-align: top;"> - <h4 id="Avec_le_bouton_de_sélection_de_valeurs_pressé">Avec le bouton de sélection de valeurs pressé</h4> - <p><img alt="" src="https://mdn.mozillademos.org/files/4873/input-fieldset-with-data-selector-pressed.png" style="width: 295px; height: 42px;"></p> - <p><span id="result_box" lang="fr"><span class="hps">Ici, l'utilisateur</span> <span class="hps">a appuyé sur le</span> <span class="hps">bouton de sélection</span> <span class="hps">de valeur</span><span>, quand il sera relâché</span><span class="hps">,</span> <span class="hps">le sélecteur de</span> <span class="hps">valeur</span> s'<span class="hps">ouvrira</span> pour<span class="hps"> laisser choisir</span> <span class="hps">le</span> <span class="hps">type de contact.</span></span></p> - </td> - <td style="vertical-align: top;"> - <h4 id="Désactivé_avec_le_bouton_annuler">Désactivé, avec le bouton annuler</h4> - <p><img alt="" src="https://mdn.mozillademos.org/files/4869/input-fieldset-small-with-undo.png" style="width: 296px; height: 42px;"></p> - <p>Ici, l'entrée est désactivée, mais possède un bouton annuler.</p> - <div class="note"> - <p><strong>Note:</strong> Besoin d'explication pour les cas d'utilisation de cet objet.</p> - </div> - </td> - </tr> - </tbody> -</table> -<h3 id="Fieldsets_complexes">Fieldsets complexes</h3> -<p>Les fieldsets plus complexes peuvent contenir</p> -<table class="fxosScreenGrid"> - <tbody> - <tr> - <td style="vertical-align: top;"> - <h4 id="Avec_du_contenu_entré">Avec du contenu entré</h4> - <p><img alt="" src="https://mdn.mozillademos.org/files/4871/input-fieldset-with-button.png" style="width: 292px; height: 118px;"></p> - <p><span id="result_box" lang="fr"><span class="hps">Ici, nous</span> <span class="hps">avons une zone</span> <span class="hps">d'entrée pour laquelle</span> <span class="hps">plusieurs valeurs</span> <span class="hps">de saisie de texte</span> <span class="hps">sont associés à</span> <span class="hps">la catégorie</span> <span class="hps">"Maison"</span><span>:</span> <span class="hps">un numéro de téléphone</span> <span class="hps">et un nom</span><span>.</span> <span class="hps">Un bouton</span> <span class="hps">est inclus</span> <span class="hps">pour ajouter une adresse</span> à<span class="hps"> cette catégorie.</span></span></p> - <p> </p> - </td> - <td style="vertical-align: top;"> - <h4 id="Désactivé_avec_un_bouton_annuler">Désactivé, avec un bouton annuler</h4> - <p><img alt="" src="https://mdn.mozillademos.org/files/4877/input-fieldset-with-undo.png" style="width: 320px; height: 80px;"></p> - <p>Dans cet exemple, l'entrée est désactivée, avec un bouton annuler.</p> - <div class="note"> - <p><strong>Note:</strong> Besoin d'explication pour les cas d'utilisation de cet objet.</p> - </div> - <p> </p> - </td> - </tr> - </tbody> -</table> -<h2 id="Interaction">Interaction</h2> -<p>Ci dessous vous pouvez voir une série d'interaction dans le but de créer une nouvelle entrée de calendrier.</p> -<p><img alt="" src="https://mdn.mozillademos.org/files/4887/input-areas-interaction.png"></p> -<h2 id="Voir_aussi">Voir aussi</h2> -<ul> - <li><a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Input_area/Coding" title="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Input_area/Coding">Input area coding guide</a></li> - <li><a href="/fr/docs/Mozilla/Firefox_OS/UX" title="/en-US/docs/Mozilla/Firefox_OS/UX">expérience utilisateur Firefox OS</a></li> -</ul> diff --git a/files/fr/web/css/-moz-binding/index.html b/files/fr/web/css/-moz-binding/index.html deleted file mode 100644 index 509abfe15a..0000000000 --- a/files/fr/web/css/-moz-binding/index.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: '-moz-binding' -slug: Web/CSS/-moz-binding -tags: - - CSS - - Déprécié - - Non-standard - - Propriété - - Reference - - XBL -translation_of: Archive/Web/CSS/-moz-binding ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété <strong><code>-moz-binding</code></strong>, utilisée par les applications Mozilla, permet d'attacher une liaison (<em>binding</em>) <a href="/fr/docs/XBL">XBL</a> à un élément DOM.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="brush:css">/* Valeur de type <url> */ --moz-binding: url(http://www.exemple.org/xbl/htmlBindings.xml#checkbox); - -/* Valeurs globales */ --moz-binding: inherited; --moz-binding: initial; --moz-binding: unset; -</pre> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><url></code></dt> - <dd>L'URL (typ {{cssxref("<url>")}} depuis laquelle effectuer la liaison XBL (l'URL inclue le fragment d'identification)</dd> - <dt><code>none</code></dt> - <dd>Aucune liaison XBL n'est appliquée à l'élément.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush: css">.exemple { - -moz-binding: url(http://www.exemple.org/xbl/htmlBindings.xml#radiobutton); -}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété propriétaire liée à Mozilla/Gecko et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-moz-binding")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/fr/docs/Mozilla/Tech/XBL/XBL_1.0_Reference/Binding_Attachment_and_Detachment">La référence XBL : attacher et détacher des <em>bindings</em></a></li> - <li><a href="/fr/docs/Tutoriel_XUL/Introduction_à_XBL">Tutoriel XUL : Introduction à XBL</a></li> -</ul> diff --git a/files/fr/web/css/-moz-border-bottom-colors/index.html b/files/fr/web/css/-moz-border-bottom-colors/index.html deleted file mode 100644 index 7f13373584..0000000000 --- a/files/fr/web/css/-moz-border-bottom-colors/index.html +++ /dev/null @@ -1,96 +0,0 @@ ---- -title: '-moz-border-bottom-colors' -slug: Web/CSS/-moz-border-bottom-colors -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-moz-border-bottom-colors ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>Pour les applications Mozilla, la propriété <code><strong>-moz-border-bottom-colors</strong></code> définit une liste de couleurs à utiliser pour mettre en forme la bordure du côté bas.</p> - -<pre class="brush:css no-line-numbers">/* Une couleur */ -/* Type <color> */ --moz-border-bottom-colors: #f0f0f0; - -/* Plusieurs valeurs <color> */ --moz-border-bottom-colors: #f0f0f0 #a0a0a0 #505050 #000000; - -/* Valeurs globales */ --moz-border-bottom-colors: inherit; --moz-border-bottom-colors: initial; --moz-border-bottom-colors: unset; -</pre> - -<p>Lorsque la bordure d'un élément est plus épaisse qu'un pixel CSS, chaque ligne de pixels utilisera une des couleurs indiquées (en allant de l'extérieur vers l'intérieur). Cela permet d'éviter l'utilisation de boîtes imbriquées. Si la bordure est plus large que le nombre de couleurs indiquées, la partie restante de la bordure sera peinte avec la couleur utilisée le plus à intérieur.</p> - -<p>{{cssinfo}}</p> - -<p>Cette propriété n'est pas appliquée :</p> - -<ol> - <li>Si {{cssxref("border-style")}} vaut <code>dashed</code> ou <code>dotted</code>.</li> - <li>Aux tableaux pour lesquels <code>border-collapse: collapse</code>.</li> -</ol> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<p>Cette propriété permet d'utiliser une liste de couleurs séparées par des blancs.</p> - -<dl> - <dt><code><color></code></dt> - <dd>Définit la couleur à utiliser pour une ligne de pixels de la bordure basse. La valeur <code>transparent</code> est valide. Voir {{cssxref("<color>")}} pour les valeurs et unités possibles.</dd> - <dt><code>none</code></dt> - <dd>La valeur initiale de la propriété, aucune couleur n'est utilisée ou {{cssxref("border-color")}} est utilisée si elle est définie.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush:css">#exemple { - padding: 20px; - background-color: gray; - border: 10px solid black; - -moz-border-top-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; - -moz-border-right-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-bottom-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-left-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; -}</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush:html"><div id="exemple">Exemple</div> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples", 120, 90)}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété propriétaire liée à Mozilla/Gecko et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une<em>pull request</em>.</div> - -<p>{{Compat("css.properties.-moz-border-bottom-colors")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("border-color")}}</li> - <li>{{cssxref("-moz-border-top-colors")}}</li> - <li>{{cssxref("-moz-border-right-colors")}}</li> - <li>{{cssxref("-moz-border-left-colors")}}</li> -</ul> diff --git a/files/fr/web/css/-moz-border-left-colors/index.html b/files/fr/web/css/-moz-border-left-colors/index.html deleted file mode 100644 index 417c62f00a..0000000000 --- a/files/fr/web/css/-moz-border-left-colors/index.html +++ /dev/null @@ -1,95 +0,0 @@ ---- -title: '-moz-border-left-colors' -slug: Web/CSS/-moz-border-left-colors -tags: - - CSS - - Non-standard - - Reference -translation_of: Archive/Web/CSS/-moz-border-left-colors ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>Pour les applications Mozilla, la propriété <code><strong>-moz-border-left-colors</strong></code> définit une liste de couleurs à utiliser pour mettre en forme la bordure du côté gauche.</p> - -<pre class="brush:css no-line-numbers">/* Une couleur */ -/* Type <color> */ --moz-border-left-colors: #f0f0f0; - -/* Plusieurs valeurs <color> */ --moz-border-left-colors: #f0f0f0 #a0a0a0 #505050 #000000; - -/* Valeurs globales */ --moz-border-left-colors: inherit; --moz-border-left-colors: initial; --moz-border-left-colors: unset; -</pre> - -<p>Lorsque la bordure d'un élément est plus épaisse qu'un pixel CSS, chaque ligne de pixels utilisera une des couleurs indiquées (en allant de l'extérieur vers l'intérieur). Cela permet d'éviter l'utilisation de boîtes imbriquées. Si la bordure est plus large que le nombre de couleurs indiquées, la partie restante de la bordure sera peinte avec la couleur utilisée le plus à intérieur.</p> - -<p>{{cssinfo}}</p> - -<p>Cette propriété n'est pas appliquée :</p> - -<ol> - <li>Si {{cssxref("border-style")}} vaut <code>dashed</code> ou <code>dotted</code>.</li> - <li>Aux tableaux pour lesquels <code>border-collapse: collapse</code>.</li> -</ol> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<p>Cette propriété permet d'utiliser une liste de couleurs séparées par des blancs.</p> - -<dl> - <dt><code><color></code></dt> - <dd>Définit la couleur à utiliser pour une ligne de pixels de la bordure gauche. La valeur <code>transparent</code> est valide. Voir {{cssxref("<color>")}} pour les valeurs et unités possibles.</dd> - <dt><code>none</code></dt> - <dd>La valeur initiale de la propriété, aucune couleur n'est utilisée ou {{cssxref("border-color")}} est utilisée si elle est définie.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush:css">#exemple { - padding: 20px; - background-color: gray; - border: 10px solid black; - -moz-border-top-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; - -moz-border-right-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-bottom-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-left-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; -}</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush:html"><div id="exemple">Exemple</div> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples", 120, 90)}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété propriétaire liée à Mozilla/Gecko et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une<em>pull request</em>.</div> - -<p>{{Compat("css.properties.-moz-border-left-colors")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("border-color")}}</li> - <li>{{cssxref("-moz-border-top-colors")}}</li> - <li>{{cssxref("-moz-border-bottom-colors")}}</li> - <li>{{cssxref("-moz-border-right-colors")}}</li> -</ul> diff --git a/files/fr/web/css/-moz-border-right-colors/index.html b/files/fr/web/css/-moz-border-right-colors/index.html deleted file mode 100644 index ee49e0effe..0000000000 --- a/files/fr/web/css/-moz-border-right-colors/index.html +++ /dev/null @@ -1,96 +0,0 @@ ---- -title: '-moz-border-right-colors' -slug: Web/CSS/-moz-border-right-colors -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-moz-border-right-colors ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>Pour les applications Mozilla, la propriété <code><strong>-moz-border-right-colors</strong></code> définit une liste de couleurs à utiliser pour mettre en forme la bordure du côté droit.</p> - -<pre class="brush:css no-line-numbers">/* Une couleur */ -/* Type <color> */ --moz-border-right-colors: #f0f0f0; - -/* Plusieurs valeurs <color> */ --moz-border-right-colors: #f0f0f0 #a0a0a0 #505050 #000000; - -/* Valeurs globales */ --moz-border-right-colors: inherit; --moz-border-right-colors: initial; --moz-border-right-colors: unset; -</pre> - -<p>Lorsque la bordure d'un élément est plus épaisse qu'un pixel CSS, chaque ligne de pixels utilisera une des couleurs indiquées (en allant de l'extérieur vers l'intérieur). Cela permet d'éviter l'utilisation de boîtes imbriquées. Si la bordure est plus large que le nombre de couleurs indiquées, la partie restante de la bordure sera peinte avec la couleur utilisée le plus à intérieur.</p> - -<p>{{cssinfo}}</p> - -<p>Cette propriété n'est pas appliquée :</p> - -<ol> - <li>Si {{cssxref("border-style")}} vaut <code>dashed</code> ou <code>dotted</code>.</li> - <li>Aux tableaux pour lesquels <code>border-collapse: collapse</code>.</li> -</ol> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<p>Cette propriété permet d'utiliser une liste de couleurs séparées par des blancs.</p> - -<dl> - <dt><code><color></code></dt> - <dd>Définit la couleur à utiliser pour une ligne de pixels de la bordure droite. La valeur <code>transparent</code> est valide. Voir {{cssxref("<color>")}} pour les valeurs et unités possibles.</dd> - <dt><code>none</code></dt> - <dd>La valeur initiale de la propriété, aucune couleur n'est utilisée ou {{cssxref("border-color")}} est utilisée si elle est définie.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush:css">#exemple { - padding: 20px; - background-color: gray; - border: 10px solid black; - -moz-border-top-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; - -moz-border-right-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-bottom-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-left-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; -}</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush:html"><div id="exemple">Exemple</div> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples", 120, 90)}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété propriétaire liée à Mozilla/Gecko et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une<em>pull request</em>.</div> - -<p>{{Compat("css.properties.-moz-border-right-colors")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("border-color")}}</li> - <li>{{cssxref("-moz-border-top-colors")}}</li> - <li>{{cssxref("-moz-border-bottom-colors")}}</li> - <li>{{cssxref("-moz-border-left-colors")}}</li> -</ul> diff --git a/files/fr/web/css/-moz-border-top-colors/index.html b/files/fr/web/css/-moz-border-top-colors/index.html deleted file mode 100644 index cbb381bab6..0000000000 --- a/files/fr/web/css/-moz-border-top-colors/index.html +++ /dev/null @@ -1,96 +0,0 @@ ---- -title: '-moz-border-top-colors' -slug: Web/CSS/-moz-border-top-colors -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-moz-border-top-colors ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>Pour les applications Mozilla, la propriété {{cssxref("-moz-border-top-colors")}} définit une liste de couleurs à utiliser pour mettre en forme la bordure du côté haut.</p> - -<pre class="brush:css no-line-numbers">/* Une couleur */ -/* Type <color> */ --moz-border-top-colors: #f0f0f0; - -/* Plusieurs valeurs <color> */ --moz-border-top-colors: #f0f0f0 #a0a0a0 #505050 #000000; - -/* Valeurs globales */ --moz-border-top-colors: inherit; --moz-border-top-colors: initial; --moz-border-top-colors: unset; -</pre> - -<p>Lorsque la bordure d'un élément est plus épaisse qu'un pixel CSS, chaque ligne de pixels utilisera une des couleurs indiquées (en allant de l'extérieur vers l'intérieur). Cela permet d'éviter l'utilisation de boîtes imbriquées. Si la bordure est plus large que le nombre de couleurs indiquées, la partie restante de la bordure sera peinte avec la couleur utilisée le plus à intérieur.</p> - -<p>{{cssinfo}}</p> - -<p>Cette propriété n'est pas appliquée :</p> - -<ol> - <li>Si {{cssxref("border-style")}} vaut <code>dashed</code> ou <code>dotted</code>.</li> - <li>Aux tableaux pour lesquels <code>border-collapse: collapse</code>.</li> -</ol> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<p>Cette propriété permet d'utiliser une liste de couleurs séparées par des blancs.</p> - -<dl> - <dt><code><color></code></dt> - <dd>Définit la couleur à utiliser pour une ligne de pixels de la bordure haute. La valeur <code>transparent</code> est valide. Voir {{cssxref("<color>")}} pour les valeurs et unités possibles.</dd> - <dt><code>none</code></dt> - <dd>La valeur initiale de la propriété, aucune couleur n'est utilisée ou {{cssxref("border-color")}} est utilisée si elle est définie.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush:css">#exemple { - padding: 20px; - background-color: gray; - border: 10px solid black; - -moz-border-top-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; - -moz-border-right-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-bottom-colors: red #f60 #f80 #f90 #fa0 #fb0 #fc0 #fd0 #fe0 #ff0; - -moz-border-left-colors: #e00 #c30 #c50 #c60 #c70 #c80 #c90 #ca0 #cb0 #cc0; -}</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush:html"><div id="exemple">Exemple</div> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples", 120, 90)}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété propriétaire liée à Mozilla/Gecko et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une<em>pull request</em>.</div> - -<p>{{Compat("css.properties.-moz-border-top-colors")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("border-color")}}</li> - <li>{{cssxref("-moz-border-right-colors")}}</li> - <li>{{cssxref("-moz-border-bottom-colors")}}</li> - <li>{{cssxref("-moz-border-left-colors")}}</li> -</ul> diff --git a/files/fr/web/css/-moz-stack-sizing/index.html b/files/fr/web/css/-moz-stack-sizing/index.html deleted file mode 100644 index dab5eb2287..0000000000 --- a/files/fr/web/css/-moz-stack-sizing/index.html +++ /dev/null @@ -1,62 +0,0 @@ ---- -title: '-moz-stack-sizing' -slug: Web/CSS/-moz-stack-sizing -tags: - - CSS - - Non-standard - - Propriété - - Reference - - XUL -translation_of: Archive/Web/CSS/-moz-stack-sizing ---- -<div>{{Non-standard_header}}{{CSSRef}}{{gecko_minversion_header("1.9.1")}}</div> - -<p>La propriété <strong><code>-moz-stack-sizing</code></strong> est une propriété propriétaire. Normalement, un élément {{XULElem("stack")}} changera sa taille pour que tous ses éléments fils soient complètement visibles. Ainsi, si on déplace un élément fils de cette pile vers la droite, la pile s'élargira pour que l'élément reste visible.</p> - -<pre class="brush:css">/* Valeurs avec un mot-clé */ --moz-stack-sizing: stretch-to-fit; --moz-stack-sizing: ignore; - -/* Valeurs globales */ --moz-stack-sizing: inherit; --moz-stack-sizing: initial; --moz-stack-sizing: unset; -</pre> - -<p>Si on veut empêcher le redimensionnement automatique, on pourra définir <code>-moz-stack-sizing</code> avec la valeur <code>ignore</code> sur l'élément fils. La propriété n'est pas définie sur la pile elle-même mais sur les éléments fils de la pile. Cela permet d'ignorer certains éléments fils mais pas d'autres.</p> - -<p class="note"><strong>Note :</strong> Dans les versions antérieures de Gecko, on pouvait contourner ce problème en définissant des marges basse et droite négatives sur la pile et des marges basse et droite positives sur les éléments fils qu'on ne souhaitait pas ignorer.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>stretch-to-fit</code></dt> - <dd>L'élément enfant influencera la taille de la pile.</dd> - <dt><code>ignore</code></dt> - <dd>La pile ne prendra pas en compte cet élément enfant lors du calcul de la taille.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush:css">.mainsheet { - -moz-stack-sizing: ignore; -} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété propriétaire liée à Mozilla/Gecko et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{bug("346189")}}</li> -</ul> diff --git a/files/fr/web/css/-moz-text-blink/index.html b/files/fr/web/css/-moz-text-blink/index.html deleted file mode 100644 index dd11eb1154..0000000000 --- a/files/fr/web/css/-moz-text-blink/index.html +++ /dev/null @@ -1,51 +0,0 @@ ---- -title: '-moz-text-blink' -slug: Web/CSS/-moz-text-blink -tags: - - CSS - - Non-standard - - Obsolete - - Propriété - - Reference -translation_of: Archive/Web/CSS/-moz-text-blink ---- -<div>{{CSSRef}}{{non-standard_header}}{{Obsolete_Header(26)}}</div> - -<p>La propriété CSS non-standard <strong><code>-moz-text-blink</code></strong> détermine le mode de clignotement.</p> - -<div class="note"> -<p><strong>Note :</strong> Firefox, qui était le seul des principaux navigateurs à la prendre en charge, a abandonné son support dans Firefox 26. Désormais, plus aucun navigateur ne la prend en charge.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>none</code></dt> - <dd>Il n'y a pas de clignotement.</dd> - <dt><code>blink</code></dt> - <dd>Le texte clignote. <em>Ne pas</em> faire clignoter le texte est l'une des techniques pour respecter le <a href="https://www.w3.org/TR/UAAG/guidelines.html#tech-on-off-blinking-text" rel="external nofollow" title="http://www.w3.org/TR/UAAG/guidelines.html#tech-on-off-blinking-text">point de contrôle 3.3 des WAI-UAAG</a>.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush:css">.exemple { - -moz-text-blink: blink; -}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété était définie dans un <a href="https://www.w3.org/TR/2003/CR-css3-text-20030514/#text-blink">ancien brouillon de la spécification CSS 3 Text</a>. Sa définition a été supprimée des nouvelles versions.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-moz-text-blink")}}</p> diff --git a/files/fr/web/css/-moz-window-shadow/index.html b/files/fr/web/css/-moz-window-shadow/index.html deleted file mode 100644 index 4312b16d54..0000000000 --- a/files/fr/web/css/-moz-window-shadow/index.html +++ /dev/null @@ -1,70 +0,0 @@ ---- -title: '-moz-window-shadow' -slug: Web/CSS/-moz-window-shadow -tags: - - CSS - - Non-standard - - Obsolete - - Propriété - - Reference - - XUL -translation_of: Archive/Web/CSS/-moz-window-shadow ---- -<p>{{CSSRef}}{{Non-standard_Header}}{{deprecated_Header("Gecko44")}}</p> - -<p>La propriété <strong><code>-moz-window-shadow</code></strong> définit si une fenêtre doit avoir une ombre. Cette propriété ne fonctionne que pour Mac OS X.</p> - -<div class="note"> -<p><strong>Note :</strong> Cette propriété n'est pas standard et ne peut plus être utilisée depuis Firefox 44.</p> -</div> - -<p>Firefox 3 a ajouté la prise en charge des fenêtres transparentes sur Mac OS X. Cependant, les ombres pour ces fenêtres étaient désactivées et il n'y avait aucun moyen de les activer.Avec Firefox 3.5, le comportement par défaut a été modifié. Toutes les fenêtres ont une ombre et la propriété <code>-moz-window-shadow</code> a été introduite afin de désactiver les ombres indésirables.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-moz-window-shadow</code> est définie avec l'un des mots-clés suivants.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>default</code></dt> - <dd>La fenêtre aura une ombre avec le style par défaut.</dd> - <dt><code>menu</code></dt> - <dd>La fenêtre aura une ombre dont le style est approprié pour les menus.</dd> - <dt><code>tooltip</code></dt> - <dd>La fenêtre aura une ombre dont le style est approprié pour les bulles d'information.</dd> - <dt><code>sheet</code></dt> - <dd>La fenêtre aura une ombre dont le style est approprié pour les fenêtres qui sont des feuilles.</dd> - <dt><code>none</code></dt> - <dd>La fenêtre n'aura pas d'ombre.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush:css">.KUI-panel { - -moz-window-shadow: none; -} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-moz-window-shadow")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{XULElem("panel")}}</li> - <li>{{XULElem("window")}}</li> -</ul> diff --git a/files/fr/web/css/-ms-accelerator/index.html b/files/fr/web/css/-ms-accelerator/index.html deleted file mode 100644 index 048b5b6f09..0000000000 --- a/files/fr/web/css/-ms-accelerator/index.html +++ /dev/null @@ -1,75 +0,0 @@ ---- -title: '-ms-accelerator' -slug: Web/CSS/-ms-accelerator -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-accelerator ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La <a href="/fr/docs/Web/CSS/Reference">propriété</a> <a href="/fr/docs/Web/CSS">CSS</a> <code><strong>-ms-accelerator</strong></code> est une <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">extension Microsoft </a>qui définit ou récupère une chaîne qui indique si l'objet représente un raccourci clavier.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="brush: css">/* L'objet n'est pas un raccourci clavier (par défaut) */ --ms-accelerator: false -/* L'objet est un raccourci clavier */ --ms-accelerator: true -</pre> - -<p> </p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>false</code></dt> - <dd> - <p>L'objet n'est pas un raccourci clavier.</p> - </dd> - <dt><code>true</code></dt> - <dd> - <p>L'objet est un raccourci clavier.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>Cet exemple utilise l'attribut <code>-ms-accelerator</code> dans un élément {{HTMLElement("u")}} pour spécifier que 'N' est la touche d'accès qui permettra d'accéder à l'élément {{HTMLElement("label")}}. Si l'option "souligner les raccourcis clavier" n'est pas activée dans les propriétés d'affichage Windows de l'utilisateur, 'N' ne sera pas souligné tant que la touche <kbd>Alt</kbd> ne sera pas enfoncée. Lorsque l'utilisateur appuie sur <kbd>Alt</kbd>+<kbd>N</kbd>, l'élément {{HTMLElement("input")}} qui possède l'attribut {{htmlattrxref("accessKey","input")}} avec pour valeur 'N' reçoit le focus.</p> - -<pre class="brush: html"><!DOCTYPE html> - -<html> - <head> - <title>Accelerator</title> - </head> - <body> - <label for="oNom"><u style="-ms-accelerator: true; accelerator: true">N</u>om: </label> - <input type="text" - id="oNom" - size="25" - accesskey="N" - value="Votre nom ici" /> - </body> -</html><strong> -</strong></pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété est prise en charge par Windows 2000 et les versions ultérieures. Elle permet aux utilisateurs de masquer les indicateurs de navigation pour les éléments de menu et les contrôles tant que la touche <kbd>Alt</kbd> n'est pas enfoncée.</p> - -<p>Une touche d'accès (<em>access key</em>) est un caractère utilisé comme raccourci clavier pour sélectionner un objet. L'utilisateur effectue la combinaison de touches <kbd>Alt</kbd> + touche d'accès pour déplacer le focus sur l'objet demandé et déclencher l'évènement associé à cet objet.</p> - -<p>Dans Internet Explorer 8 (IE8) l'attribut <code>-ms-accelerator</code> est une extension CSS, et peut être utilisé comme synonyme de <code>accelerator</code><strong> </strong>dans le mode standard d'IE 8.</p> diff --git a/files/fr/web/css/-ms-block-progression/index.html b/files/fr/web/css/-ms-block-progression/index.html deleted file mode 100644 index 502f1fb6b7..0000000000 --- a/files/fr/web/css/-ms-block-progression/index.html +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: '-ms-block-progression' -slug: Web/CSS/-ms-block-progression -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-block-progression ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-block-progression</strong></code> est une propriété <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">spécifique à Microsoft</a> qui indique la progression du bloc et l'orientation de la disposition.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-block-progression</code> est définie grâce à l'un des mots-clés suivants.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>tb</code></dt> - <dd>La valeur par défaut. Les blocs s'écoulent de haut en bas et la disposition est horizontale.</dd> - <dt><code>rl</code></dt> - <dd>Les blocs s'écoulent de droite à gauche et la disposition est verticale.</dd> - <dt><code>bt</code></dt> - <dd>Les blocs s'écoulent de bas en haut et la disposition est horizontale.</dd> - <dt><code>lr</code></dt> - <dd>Les blocs s'écoulent de gauche à droite et la disposition est verticale</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Avec une disposition verticale, les lignes de textes sont tournées de 90° dans le sens des aiguilles d'une montre. Les images ne sont pas tournées mais les tableaux sont tournés. La disposition des boîtes avec un orientatiofrn verticale est strictement analogue à la disposition avec une orientation horizontale : la largeur, la hauteur, <code>top</code>, <code>bottom</code>, <code>right</code> et <code>left</code> ne tournent pas avec le texte.</p> - -<p>Seul un seul mode de progression peut être actif à un moment donné. Ces valeurs ne peuvent pas êtres combinées.</p> - -<p>Cette propriété est basée sur la propriété <code>block-progression</code> décrite dans le module de spécification CSS3 Text Layout.</p> diff --git a/files/fr/web/css/-ms-content-zoom-chaining/index.html b/files/fr/web/css/-ms-content-zoom-chaining/index.html deleted file mode 100644 index 5a016f2178..0000000000 --- a/files/fr/web/css/-ms-content-zoom-chaining/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: '-ms-content-zoom-chaining' -slug: Web/CSS/-ms-content-zoom-chaining -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-content-zoom-chaining ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-content-zoom-chaining</strong></code> est une propriété <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">spécifique à Microsoft</a> qui indique le comportement du zoom lorsque l'utilisateur atteint la limite du zoom lors de son utilisation.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-content-zoom-chaining</code></strong> est définie grâce à l'un des mots-clés suivants.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>none</code></dt> - <dd>La valeur par défaut. Un effet de rebondissement est déclenché lorsque l'utilisateur atteint la limite.</dd> - <dt><code>chained</code></dt> - <dd>Le zoom est fait sur le plus proche parent qui peut être zoomé lorsque l'utilisateur atteint la limite. Aucun effet de rebondissement n'est affiché.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a pas d'impact sur les éléments qui ne peuvent pas être zoomés. Pour plus d'informations sur les éléments pouvant être zoomés, voir <code><a href="/fr/docs/Web/CSS/-ms-content-zooming">-ms-content-zooming</a></code>.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions avec le pavé tactile.</p> - -<p>Il est nécessaire d'avoir Windows 8 ou une version ultérieure afin d'utiliser cette propriété.</p> diff --git a/files/fr/web/css/-ms-content-zoom-limit-max/index.html b/files/fr/web/css/-ms-content-zoom-limit-max/index.html deleted file mode 100644 index b683e617b5..0000000000 --- a/files/fr/web/css/-ms-content-zoom-limit-max/index.html +++ /dev/null @@ -1,42 +0,0 @@ ---- -title: '-ms-content-zoom-limit-max' -slug: Web/CSS/-ms-content-zoom-limit-max -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-content-zoom-limit-max ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-content-zoom-limit-max</strong></code> est une propriété <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">spécifique à Microsoft</a> qui détermine le facteur de zoom maximal.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-content-zoom-limit-max</code> est définie avec une valeur en pourcentage de la taillle sans zoom.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><percentage></code></dt> - <dd>Le facteur de zoom maximal proportionnellement à la taille originale (pour ce type de valeur cf. {{cssxref("<percentage>")}}).</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cet élément ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété contraint la limite pour le zoom tactile et les valeurs de la propriété <code><a href="/fr/docs/Web/CSS/msContentZoomFactor">msContentZoomFactor</a></code>. Cette propriété n'a pas d'impact pour les éléments qui ne peuvent pas être zoomés. Voir {{CSSXref("-ms-content-zooming")}} pour plus de détails sur les éléments pouvant être zoomés.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions avec le pavé tactile.</p> - -<p>Windows 8 ou une version ultérieure est nécessaire afin d'utiliser cette propriété.</p> diff --git a/files/fr/web/css/-ms-content-zoom-limit-min/index.html b/files/fr/web/css/-ms-content-zoom-limit-min/index.html deleted file mode 100644 index e4303cb9f1..0000000000 --- a/files/fr/web/css/-ms-content-zoom-limit-min/index.html +++ /dev/null @@ -1,42 +0,0 @@ ---- -title: '-ms-content-zoom-limit-min' -slug: Web/CSS/-ms-content-zoom-limit-min -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-content-zoom-limit-min ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-content-zoom-limit-min</strong></code> est une propriété <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">spécifique à Microsoft</a> qui détermine le facteur de zoom minimal.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-content-zoom-limit-min</code> est définie avec une valeur en pourcentage de la taillle sans zoom.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><percentage></code></dt> - <dd>Le facteur de zoom minimal proportionnellement à la taille originale (pour ce type de valeur cf. {{cssxref("<percentage>")}}).</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cet élément ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété contraint la limite pour le zoom tactile et les valeurs de la propriété <code><a href="/fr/docs/Web/CSS/msContentZoomFactor">msContentZoomFactor</a></code>. Cette propriété n'a pas d'impact pour les éléments qui ne peuvent pas être zoomés. Voir {{CSSXRef("-ms-content-zooming")}} pour plus de détails sur les éléments pouvant être zoomés.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions avec le pavé tactile.</p> - -<p>Windows 8 ou une version ultérieure est nécessaire afin d'utiliser cette propriété.</p> diff --git a/files/fr/web/css/-ms-content-zoom-limit/index.html b/files/fr/web/css/-ms-content-zoom-limit/index.html deleted file mode 100644 index 420ad5c2ea..0000000000 --- a/files/fr/web/css/-ms-content-zoom-limit/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: '-ms-content-zoom-limit' -slug: Web/CSS/-ms-content-zoom-limit -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-content-zoom-limit ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-content-zoom-limit</strong></code> est une propriété raccourcie <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">spécifique à Microsoft</a> qui indique les valeurs à utiliser pour les propriétés {{CSSXref("-ms-content-zoom-limit-min")}} et {{CSSXref("-ms-content-zoom-limit-max")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-content-zoom-limit</code></strong> est définie avec une ou deux valeurs de limites de zoom, dans l'ordre qui suit et séparées par un espace.</p> - -<h3 id="Valeur">Valeur</h3> - -<dl> - <dt><code>-ms-content-zoom-limit-min</code></dt> - <dd>La valeur à utiliser pour la propriété <code><a href="/fr/docs/Web/CSS/-ms-content-zoom-limit-min">-ms-content-zoom-limit-min</a></code>.</dd> - <dt><code>-ms-content-zoom-limit-max</code></dt> - <dd>La valeur à utiliser pour la propriété <code><a href="/fr/docs/Web/CSS/-ms-content-zoom-limit-max">-ms-content-zoom-limit-max</a></code>.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a pas d'impact pour les éléments qui ne peuvent pas être zoomés. Pour plus d'informations sur les éléments pouvant être zoomés, voir <code><a href="/fr/docs/Web/CSS/-ms-content-zooming">-ms-content-zooming</a></code>.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions avec le pavé tactile.</p> - -<p>Il est nécessaire d'avoir Windows 8 ou une version ultérieure afin d'utiliser cette propriété.</p> diff --git a/files/fr/web/css/-ms-content-zoom-snap-points/index.html b/files/fr/web/css/-ms-content-zoom-snap-points/index.html deleted file mode 100644 index e600c0a099..0000000000 --- a/files/fr/web/css/-ms-content-zoom-snap-points/index.html +++ /dev/null @@ -1,74 +0,0 @@ ---- -title: '-ms-content-zoom-snap-points' -slug: Web/CSS/-ms-content-zoom-snap-points -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-content-zoom-snap-points ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-content-zoom-snap-points</strong></code> est une <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">propriété spécifique à Microsoft</a> qui indique l'emplacement des points d'accroches pour les niveaux de zoom.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-content-zoom-snap-points</code></strong> est définie avec l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>snapInterval(<start zoomfactors>, <step zoomfactors>)</code></dt> - <dd> - <p>Cette forme indique l'emplacement des points d'accroche pour le zoom :</p> - - <ul> - <li><em><start zoomfactor></em> indique l'emplacement du premier point d'accroche. Cette valeur est exprimée comme un nombre suivi d'un signe pourcent (%).</li> - <li><em><step zoomfactor></em> indique la distance entre les différents points d'accroche (en zoom et en dézoom) à partir du point d'accroche initial. Cette valeur est exprimée comme un nombre suivi d'un signe pourcent (%).</li> - </ul> - </dd> - <dt><code>snapList(<list zoomfactors>)</code></dt> - <dd> - <p>Cette forme indique la position des points d'accroche sous la forme d'une liste de points d'accroche indidivuels, séparés par des virgules. Chaque point d'accroche est exprimé comme un nombre suivi d'un caractère pourcent (%).</p> - - <ul> - <li>Si l'une des valeurs de <em><list zoomfactors></em> est inférieure à la valeur indiquée par la propriété {{CSSXref("-ms-content-zoom-limit-min")}}, ce sera la valeur de cette dernière qui sera utilisée.</li> - <li>Si l'une des valeurs de <em><list zoomfactors></em> est supérieure à la valeur définie par la propriété {{CSSXref("-ms-content-zoom-limit-max")}}, ce sera la valeur de cette dernière qui sera utilisée.</li> - </ul> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>Cet exemple illustre les deux formes possibles pour une règle utilisant la propriété <code>-ms-content-zoom-snap-points</code>. Dans le premier sélecteur, le premier point d'accorche est situé à 0% puis l'intervalle à 100%. Dans le second sélecteur, chaque point d'accroche est explicitement listé : le premier à 100%, le deuxième à 200%, le troisième à 300%, etc.</p> - -<pre class="brush:css no-line-numbers language-css">.snappy1 { - -ms-content-zoom-snap-points: snapInterval(0%, 100%); - ... -} - -.snappy2 { - -ms-content-zoom-snap-points: snapList(100%, 200%, 300%, 400%, 500%); - ... - }</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a pas d'impact pour les éléments qui ne peuvent pas être zoomés. Voir {CSSXref("-ms-content-zooming")} pour plus de détails sur les éléments pouvant être zoomés.</p> - -<p>Lorsqu'un utilisateur fait défiler du contenu ou le déplace puis retire le pointeur (doigt ou stylet), le contenu peut continuer à bouger avec une certaine inertie. Les points d'accroche permettent de modifier ce comportement en arrêtant cette inertie à certains niveaux. Utiliser des points d'accroches permet ainsi d'éviter que le contenu se déplace ou se zoome/dézoome à des niveaux qui ne seraient pas pertinents.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions avec le pavé tactile.</p> - -<p>Windows 8 ou une version ultérieure est nécessaire afin d'utiliser cette propriété.</p> diff --git a/files/fr/web/css/-ms-content-zoom-snap-type/index.html b/files/fr/web/css/-ms-content-zoom-snap-type/index.html deleted file mode 100644 index d2e52fc009..0000000000 --- a/files/fr/web/css/-ms-content-zoom-snap-type/index.html +++ /dev/null @@ -1,54 +0,0 @@ ---- -title: '-ms-content-zoom-snap-type' -slug: Web/CSS/-ms-content-zoom-snap-type -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-content-zoom-snap-type ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-content-zoom-snap-type</strong></code> est une propriété <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">spécifique à Microsoft</a> qui définit la façon dont le zoom se comporte aux points d'accroche pour les niveaux de zoom.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-content-zoom-snap-type</code></strong> est définie avec l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>none</code></dt> - <dd> - <p>La valeur par défaut. Les points d'accroche n'ont pas d'impact sur le zoom. Le contenu continuera à être zoomé / dézoomé après que l'action utilisateur se soit arrêtée.</p> - </dd> - <dt><code>proximity </code></dt> - <dd> - <p>Cette valeur indique que le processus de zoom/dézoom s'arrête à peu près au niveau du point d'accroche après que l'interaction utilisateur ait cessé. Avec cette valeur, il est donc possible que <a href="/fr/docs/Web/CSS/msContentZoomFactor">le facteur de zoom du contenu</a> soit arrêté entre deux points d'accroche.</p> - </dd> - <dt><code>mandatory</code></dt> - <dd> - <p>Cette valeur indique que le processus de zoom/dézoom s'arrête obligatoirement sur un des points d'accroche après que l'interaction utilisateur ait cessé. Le point d'accroche sélectionné est le point d'accroche le plus proche <a href="/en-US/docs/Web/CSS/msContentZoomFactor ">du facteur de zoom du contenu</a> sur lequel le mouvement se serait arrêté.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a pas d'impact pour les éléments qui ne peuvent pas être zoomés. Voir {{CSSXRef("-ms-content-zooming")}} pour plus de détails sur les éléments pouvant être zoomés.</p> - -<p>Lorsqu'un utilisateur fait défiler du contenu ou le déplace puis retire le pointeur (doigt ou stylet), le contenu peut continuer à bouger avec une certaine inertie. Les points d'accroche permettent de modifier ce comportement en arrêtant cette inertie à certains niveaux. Utiliser des points d'accroches permet ainsi d'éviter que le contenu se déplace ou se zoome/dézoome à des niveaux qui ne seraient pas pertinents.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions avec le pavé tactile.</p> - -<p>Windows 8 ou une version ultérieure est nécessaire afin d'utiliser cette propriété.</p> diff --git a/files/fr/web/css/-ms-content-zoom-snap/index.html b/files/fr/web/css/-ms-content-zoom-snap/index.html deleted file mode 100644 index 2e3b584d59..0000000000 --- a/files/fr/web/css/-ms-content-zoom-snap/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: '-ms-content-zoom-snap' -slug: Web/CSS/-ms-content-zoom-snap -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-content-zoom-snap ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-content-zoom-snap</strong></code> est une <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">propriété raccourcie spécifique à Microsoft</a> qui définit les valeurs des proriétés {{CSSXref("-ms-content-zoom-snap-type")}} et {{CSSXref("-ms-content-zoom-snap-points")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-content-zoom-snap</code></strong> est définie avec une ou deux des valeurs suivantes, dans cet ordre et séparées par un espace.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>-ms-content-zoom-snap-type</code></dt> - <dd>La valeur à utiliser pour la propriété {{CSSXref("-ms-content-zoom-snap-type")}}.</dd> - <dt><code>-ms-content-zoom-snap-points</code></dt> - <dd>La valeur à utiliser pour la propriété {{CSSXref("-ms-content-zoom-snap-points")}}.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cet élément ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a pas d'impact pour les éléments qui ne peuvent pas être zoomés. Voir {{CSSXref("-ms-content-zooming")}} pour plus de détails sur les éléments pouvant être zoomés.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions avec le pavé tactile.</p> - -<p>Windows 8 ou une version ultérieure est nécessaire afin d'utiliser cette propriété.</p> diff --git a/files/fr/web/css/-ms-content-zooming/index.html b/files/fr/web/css/-ms-content-zooming/index.html deleted file mode 100644 index 216a176781..0000000000 --- a/files/fr/web/css/-ms-content-zooming/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: '-ms-content-zooming' -slug: Web/CSS/-ms-content-zooming -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-content-zooming ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-content-zooming</strong></code> est une <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">propriété spécifique à Microsoft</a> qui indique si le zoom est autorisé.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-content-zooming</code></strong> est définie avec l'un des mots-clés suivants.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>none</code></dt> - <dd>La valeur initiale pour tous les éléments sauf ceux de plus haut niveau. L'élément ne peut pas être zoomé.</dd> - <dt><code>zoom </code></dt> - <dd>La valeur initiale pour l'élément de plus haut niveau. L'élément peut être zoomé.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a pas d'impact sauf si le dépassement est permis sur l'axe horizontal et sur l'axe vertical.</p> - -<p>Par défaut, les éléments pouvant être zoomés peuvent être zoomés au doigt avec un geste de "pincement". L'élément de plus haut niveau peut également être zoomés avec une double touche lorsque le zoom est autorisé.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions avec le pavé tactile.</p> - -<p>Il est nécessaire d'avoir Windows 8 ou une version ultérieure afin d'utiliser cette propriété.</p> diff --git a/files/fr/web/css/-ms-filter/index.html b/files/fr/web/css/-ms-filter/index.html deleted file mode 100644 index 5b0f0a3042..0000000000 --- a/files/fr/web/css/-ms-filter/index.html +++ /dev/null @@ -1,218 +0,0 @@ ---- -title: '-ms-filter' -slug: Web/CSS/-ms-filter -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-filter ---- -<div>{{CSSRef}}{{Non-standard_Header}}{{Obsolete_Header}}</div> - -<p>La propriété <strong><code style="white-space: nowrap;">-ms-filter</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui permet de définir des filtres à appliquer à un objet.</p> - -<div class="warning"> -<p><strong>Attention !</strong> Ne pas confondre cette propriété et la propriété standard {{CSSxRef("filter")}} car les deux sont pleinement incompatibles.</p> -</div> - -<div class="warning"> -<p><strong>Attention !</strong> Cette fonctionnalité a été dépréciée avec Internet Explorer 9. Dans Internet Explorer 10, cette fonctionnalité a été supprimée et ne devrait plus être utilisée.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-filter</code> est définie avec une chaîne de caractères contenant une liste d'un ou plusieurs éléments, séparés par des espaces. Chacun de ces éléments peut avoir l'un des types suivants :</p> - -<ul> - <li><a href="https://msdn.microsoft.com/en-us/library/ms673539(v=vs.85).aspx">filtre</a></li> - <li><a href="https://msdn.microsoft.com/en-us/library/ms673540(v=vs.85).aspx">transition</a></li> - <li><a href="https://msdn.microsoft.com/en-us/library/ms673538(v=vs.85).aspx">surface procédurale</a></li> -</ul> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">filter: <a href="#-ms-filter-function"><-ms-filter-function></a><a href="/en-US/docs/Web/CSS/Value_definition_syntax#Plus_()">+</a> {{Deprecated_Inline}} --ms-filter: <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">[</a> "'" <a href="#-ms-filter-function"><-ms-filter-function></a><a href="/en-US/docs/Web/CSS/Value_definition_syntax#Hash_mark_()">#</a> "'" <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">]</a> <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">[</a> '"' <a href="#-ms-filter-function"><-ms-filter-function></a><a href="/en-US/docs/Web/CSS/Value_definition_syntax#Hash_mark_()">#</a> '"' <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">]</a> - -où -<a id="-ms-filter-function"><-ms-filter-function></a> = <a href="#-ms-filter-function-progid"><-ms-filter-function-progid></a> <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> <a href="#-ms-filter-function-legacy"><-ms-filter-function-legacy></a> - -où -<a id="-ms-filter-function-progid"><-ms-filter-function-progid></a> = 'progid:' <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">[</a> <ident-token> '.' <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">]</a><a href="/en-US/docs/CSS/Value_definition_syntax#Asterisk_(*)">*</a> <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">[</a> <ident-token> <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> <function-token> <any-value> ')' <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">]</a> -<a id="-ms-filter-function-legacy"><-ms-filter-function-legacy></a> = <ident-token> <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> <function-token> <any-value> ')'</pre> - -<p>La chaîne de caractères ({{CSSxRef("string")}}) contient la liste des filtres, transitions et surfaces procédurales. Voir <a href="https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/ms532853(v=vs.85)">la référence relative aux filtres et transitions</a> pour plus de détails.</p> - -<h2 id="Exemples">Exemples</h2> - -<p>L'exemple suivant illustre comment utiliser la propriété <code>-ms-filter</code> dans Internet Explorer 8.</p> - -<pre class="brush: css">-ms-filter: 'progid:DXImageTransform.Microsoft.MotionBlur(strength=50), progid:DXImageTransform.Microsoft.BasicImage(mirror=1)'; -</pre> - -<p>L'exemple suivant illustre comment utiliser un style en incise pour appliquer un filtre sur une image.</p> - -<pre class="brush: html"><img style="filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=50) - progid:DXImageTransform.Microsoft.BasicImage(mirror=1)" - src="/workshop/samples/author/dhtml/graphics/cone.jpg" - height="80px" width="80px" alt="cone"> -</pre> - -<p>Dans l'exemple suivant, on voit comment utiliser les API scriptées pour définir un filtre sur une image.</p> - -<pre class="brush: html"><body> - <p>Click the image to start the filter.</p> - // Call the function. - <div id="filterFrom" - style="position: absolute; - width: 200px; - height: 250px; - background-color: white; - filter: revealTrans()"> - <img id="imageFrom" - style="position: absolute; - top: 20px; - left: 20px;" - src="sphere.jpg" - alt="sphere"> - <div id="filterTo" - style="position: absolute; - width: 200px; - height: 250px; - top: 20px; - left: 20px; - background: white; - visibility: hidden;"> - </div> - </div> - <script type="text/javascript"> - let filterImg = document.querySelector('#filterFrom'); - filterImg.addEventListener('click', doFilter); - - function doFilter () { - filterFrom.filters.item(0).Apply(); // 12 is the dissolve filter. - filterFrom.filters.item(0).Transition=12; - imageFrom.style.visibility = "hidden"; - filterTo.style.visibility = ""; - filterFrom.filters.item(0).play(14); - } - </script> -</body> -</pre> - -<h3 id="Dégradé">Dégradé</h3> - -<pre class="syntaxbox">progid:DXImageTransform.Microsoft.Gradient( <a href="#Gradient-Properties"><properties></a> ) - -où -<properties> = <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">[</a> <a href="#Gradient-Enabled"><Enabled></a> <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> <a href="#Gradient-EndColor"><EndColor></a> <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> <a href="#Gradient-EndColorStr"><EndColorStr></a> <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> <a href="#Gradient-GradientType"><GradientType></a> <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> <a href="#Gradient-StartColor"><StartColor></a> <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> <a href="#Gradient-StartColorStr"><StartColorStr></a> <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">]</a><a href="/en-US/docs/Web/CSS/Value_definition_syntax#Hash_mark_()">#</a> - -où -<Enabled> = 'Enabled=' <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">[</a> true <a href="/en-US/docs/CSS/Value_definition_syntax#Single_bar">|</a> false <a href="/en-US/docs/CSS/Value_definition_syntax#Brackets">]</a> -<EndColor> = 'StartColor=' {{CSSxRef("<color>")}} -<EndColorStr> = 'StartColorStr=' {{CSSxRef("<color>")}} -<GradientType> = 'GradientType=' {{CSSxRef("<integer>")}} -<StartColor> = 'StartColor=' {{CSSxRef("<color>")}} -<StartColorStr> = 'StartColorStr=' {{CSSxRef("<color>")}} -</pre> - -<dl> - <dt><code>Enabled</code></dt> - <dd><strong>Valeur par défaut :</strong> <code>true</code><br> - Utiliser <code>false</code> pour désactiver le dégradé.</dd> - <dt><code>EndColor</code></dt> - <dd>La couleur pour la fin du dégradé, seules les couleurs opaques (utilisant la notation <code>#RRGGBB</code>) sont prises en charge.</dd> - <dt><code>EndColorStr</code></dt> - <dd>La couleur pour la fin du dégradé avec une prise en charge des couleurs opaques avec la notation <code>#RRGGBB</code> et une prise en charge des couleurs avec la notation <code>#AARRGGBB</code>.</dd> - <dt><code>GradientType</code></dt> - <dd><strong>Valeur par défaut :</strong> <code>0</code> (ce qui est équivalent à {{CSSxRef("linear-gradient",'linear-gradient(to bottom, …)')}})<br> - Toute valeur non nulle rendra le dégradé horizontal (équivalent à {{CSSxRef("linear-gradient",'linear-gradient(to right, …)')}})</dd> - <dt><code>StartColor</code></dt> - <dd>La couleur pour le début du dégradé, seules les couleurs opaques (utilisant la notation <code>#RRGGBB</code>) sont prises en charge.</dd> - <dt><code>StartColorStr</code></dt> - <dd>La couleur pour le début du dégradé avec une prise en charge des couleurs opaques avec la notation <code>#RRGGBB</code> et une prise en charge des couleurs avec la notation <code>#AARRGGBB</code>.</dd> -</dl> - -<h4 id="HTML">HTML</h4> - -<pre class="brush: html"><div class="gradient horizontal"></div> -<div class="gradient vertical"></div> -</pre> - -<h4 id="CSS">CSS</h4> - -<div class="hidden"> -<pre class="brush: css">html, body { - overflow-x: hidden; - max-width: 100vw; -} - -.gradient { - width: 100vw; - height: 60px; - height: 50vh; -}</pre> -</div> - -<pre class="brush: css">.gradient.horizontal { - -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#000000", GradientType=1)'; - background-image: linear-gradient(to right, #ffffff 0%, #000000 100%); -} - -.gradient.vertical { - -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#000000", GradientType=0)'; - background-image: linear-gradient(to bottom, #ffffff 0%, #000000 100%); -} -</pre> - -<h4 id="Résultat">Résultat</h4> - -<p>{{EmbedLiveSample("Dégradé","100%","120")}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique à Microsoft, ne doit pas être utilisée sur le Web et ne fait partie d'aucune spécification.</p> - -<p>{{CSSInfo("-ms-filter")}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Le tableau suivant énumère les différents filtres DX spécifiques qui étaient fréquemment utilisés, avec leur équivalent en CSS standard :</p> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Nom du filtre DX</th> - <th scope="col">Alternative standard</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>Alpha</code></td> - <td>{{CSSxRef("opacity")}}</td> - </tr> - <tr> - <td><code>AlphaImageLoader</code></td> - <td>{{HTMLElement("img")}} ou {{CSSxRef("background-image")}} et les propriétés associées</td> - </tr> - <tr> - <td><code><a href="https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/ms532997(v=vs.85)">Gradient</a></code></td> - <td><code>{{CSSxRef("background-image")}}: {{CSSxRef("linear-gradient")}}</code></td> - </tr> - <tr> - <td><code>DropShadow</code></td> - <td>{{CSSxRef("text-shadow")}} ou {{CSSxRef("box-shadow")}}</td> - </tr> - <tr> - <td><code>Matrix</code></td> - <td>{{CSSxRef("transform")}}, {{CSSxRef("transform-origin")}}</td> - </tr> - </tbody> -</table> - -<p>Pour Windows Internet Explorer 8, la propriété <code style="white-space: nowrap;">-ms-filter</code> est une extension à CSS et peut être utilisée comme synonyme de {{CSSxRef("filter")}} en mode standard IE8.</p> - -<p>Un objet doit avoir une disposition où afficher le filtre. Pour cela, on pourra fournir une hauteur et une largeur à l'élément grâce aux propriétés {{CSSxRef("height")}} et {{CSSxRef("width")}}.</p> - -<p>Le filtre d'ombre peut être appliqué à un objet {{HTMLElement("img")}} en paramétrant le filtre sur le conteneur de l'image.</p> diff --git a/files/fr/web/css/-ms-flow-from/index.html b/files/fr/web/css/-ms-flow-from/index.html deleted file mode 100644 index 30218bc85d..0000000000 --- a/files/fr/web/css/-ms-flow-from/index.html +++ /dev/null @@ -1,40 +0,0 @@ ---- -title: '-ms-flow-from' -slug: Web/CSS/-ms-flow-from -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-flow-from ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-flow-from</strong></code> est une propriété spécifique de <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">Microsoft</a> qui permet d'obtenir ou de définir une valeur identifiant un conteneur {{HTMLElement("iframe")}} du document et qui reçoit du contenu d'une source de données.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-flow-from</code> est définie grâce à l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>none</code></dt> - <dd> - <p>La valeur par défaut. Aucun conteneur n'est indiqué.</p> - </dd> - <dt><a id="<custom-ident>"></a>{{cssxref("<custom-ident>")}}</dt> - <dd> - <p>Le nom du conteneur de région.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> diff --git a/files/fr/web/css/-ms-flow-into/index.html b/files/fr/web/css/-ms-flow-into/index.html deleted file mode 100644 index fc3e6d0e43..0000000000 --- a/files/fr/web/css/-ms-flow-into/index.html +++ /dev/null @@ -1,40 +0,0 @@ ---- -title: '-ms-flow-into' -slug: Web/CSS/-ms-flow-into -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-flow-into ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-flow-into</strong></code> est une propriété spécifique de <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">Microsoft extension</a> qui permet d'obtenir ou de définir une valeur identifiant un conteneur {{HTMLElement("iframe")}} du document et qui sert de source de données à la région.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-flow-into</code></strong> est définie grâce à l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>none</code></dt> - <dd> - <p>La valeur par défaut. Aucun conteneur n'est indiqué.</p> - </dd> - <dt><a id="<custom-ident>"></a>{{cssxref("<custom-ident>")}}</dt> - <dd> - <p>Le nom du conteneur de région.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> diff --git a/files/fr/web/css/-ms-high-contrast-adjust/index.html b/files/fr/web/css/-ms-high-contrast-adjust/index.html deleted file mode 100644 index 255065c35e..0000000000 --- a/files/fr/web/css/-ms-high-contrast-adjust/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: '-ms-high-contrast-adjust' -slug: Web/CSS/-ms-high-contrast-adjust -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-high-contrast-adjust ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-high-contrast-adjust</strong></code> est une <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">propriété spécifique à Microsoft</a> qui permet de récupérer ou de définir une valeur qui indique s'il faut surcharger des propriétés CSS qui auraient été définies pour un mode de contraste élevé.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-high-contrast-adjust</code></strong> est définie avec l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>auto</code></dt> - <dd> - <p>Cet mot-clé indique que les propriétés CSS applicables seront ajustées comme souhaité lorsque le système utilisera un mode de contraste élevé.</p> - </dd> - <dt><code>none</code></dt> - <dd> - <p>Cet mot-clé indique que les propriétés CSS applicables ne seront pas ajustées lorsque le système utilisera un mode de contraste élevé.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et n'est décrite dans aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>La propriété <code><strong>-ms-high-contrast-adjust</strong></code> fonctionne avec la caractéristique média {{cssxref("-ms-high-contrast")}}.</p> diff --git a/files/fr/web/css/-ms-hyphenate-limit-chars/index.html b/files/fr/web/css/-ms-hyphenate-limit-chars/index.html deleted file mode 100644 index b95cc7f355..0000000000 --- a/files/fr/web/css/-ms-hyphenate-limit-chars/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: '-ms-hyphenate-limit-chars' -slug: Web/CSS/-ms-hyphenate-limit-chars -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-hyphenate-limit-chars ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-hyphenate-limit-chars</strong></code> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui définit une à trois valeurs indiquant le nombre minimal de caractères utilisés pour un mot tronqué pour passer à la ligne. Si le mot n'a pas suffisamment de caractères avant ou après le passage à la ligne, aucune césure n'est appliquée sur le mot.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-hyphenate-limit-chars</code></strong> est définie de la façon suivante.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>auto</code></dt> - <dd> - <p>Cette valeur correspond à la valeur composite <code>5 2 2</code> qui signifie que le mot doit mesurer au moins 5 caractères pour être sujet à une césure, qu'il faut au moins 2 caractères avant la césure et 2 caractères après la césure.</p> - </dd> - <dt><code><integer> {1,3}</code></dt> - <dd> - <p>Une à trois valeurs entières (cf. {{cssxref("<integer>")}}) qui décrivent respectivement la taille minimale du mot, le nombre de caractères minimal avant la césure et le nombre de caractères minimal après la césure.</p> - - <p>Lorsque la troisième valeur n'est pas indiquée, la valeur utilisée est égale à la seconde valeur.</p> - - <p>Si la deuxième et troisième valeurs sont absentes, elles utilisent la même valeur que <code>auto</code>.</p> - - <p>Note : il n'est pas possible d'utiliser des valeurs négatives.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété non-standard et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> diff --git a/files/fr/web/css/-ms-hyphenate-limit-lines/index.html b/files/fr/web/css/-ms-hyphenate-limit-lines/index.html deleted file mode 100644 index cc6d74f543..0000000000 --- a/files/fr/web/css/-ms-hyphenate-limit-lines/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: '-ms-hyphenate-limit-lines' -slug: Web/CSS/-ms-hyphenate-limit-lines -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-hyphenate-limit-lines ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété <code><strong>-ms-hyphenate-limit-lines</strong></code> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique le nombre maximum de lignes consécutives pouvant se terminer avec un mot sur deux lignes (au sein d'un même élément).</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-hyphenate-limit-lines</code></strong> est définie avec l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>no-limit</code></dt> - <dd> - <p>Cette valeur indique que les césures ne sont pas limitées en fonction des lignes coupées auparavant. On peut donc avoir toutes les lignes de texte de l'élément qui se terminent par une césure.</p> - </dd> - <dt><code><integer></code></dt> - <dd> - <p>Un entier (type {{cssxref("<integer>")}} qui indique le nombre maximal de lignes successives pouvant se terminer par une césure.</p> - - <p>Si on utilise la valeur 2 (par exemple), on ne pourra pas avoir plus de deux lignes qui se suivent et pour lesquelles la fin est un mot coupé. Lorsqu'on utilise la valeur 0, cela signifie qu'aucune ligne ne peut entraîner la césure d'un de ses mots et il n'y a donc aucune césure.</p> - - <p>Les valeurs négatives ne sont pas autorisées pour cette propriété.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique à Microsoft et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> diff --git a/files/fr/web/css/-ms-hyphenate-limit-zone/index.html b/files/fr/web/css/-ms-hyphenate-limit-zone/index.html deleted file mode 100644 index f1cd54609e..0000000000 --- a/files/fr/web/css/-ms-hyphenate-limit-zone/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: '-ms-hyphenate-limit-zone' -slug: Web/CSS/-ms-hyphenate-limit-zone -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-hyphenate-limit-zone ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-hyphenate-limit-zone</strong></code> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique la largeur de la zone dans laquelle on peut appliquer une césure et un trait d'union sur les mots pour passer à la ligne.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-hyphenate-limit-zone</code></strong> est définie avec l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt>{{cssxref("percentage")}}</dt> - <dd> - <p>Un entier suivi du caractère % qui indique la taille de la zone proportionnellement à la taille de la boîte de la ligne. Les valeurs négatives ne sont pas autorisées.</p> - </dd> - <dt>{{cssxref("length")}}</dt> - <dd> - <p>Une valeur décimale suivie par une unité qui indique la largeur de la zone. Pour plus d'informations sur les valeurs possibles, voir <a href="/fr/docs/Web/CSS/Types_CSS">les types de donnée en CSS</a>. Les valeurs négatives ne sont pas autorisées.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et n'est décrite dans aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>La propriété <code><strong>-ms-hyphenate-limit-zone</strong></code> permet de contrôler le nombre de blancs autorisés pour le passage à la ligne. La zone concernée se situe toujours sur le côté logique droit de la boîte de <em>padding</em>..</p> - -<p>Un mot sera uniquement sujet à une césure s'il commence à l'extérieur ou à la limite gauche de la zone.</p> diff --git a/files/fr/web/css/-ms-ime-align/index.html b/files/fr/web/css/-ms-ime-align/index.html deleted file mode 100644 index 9193fc87d2..0000000000 --- a/files/fr/web/css/-ms-ime-align/index.html +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: '-ms-ime-align' -slug: Web/CSS/-ms-ime-align -tags: - - CSS - - NeedsBrowserCompatibility - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-ime-align ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>La propriété CSS <strong><code>-ms-ime-align</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui permet d'aligner la boîte de la fenêtre pour l'<em>Input Method Editor</em> (IME) par rapport à l'élément sur lequel la composition IME est active.</p> - -<p>Cette extension est implémentée par Microsoft Edge et Internet Explorer 11.</p> - -<p>Les listes IME potentielles sont positionnées sur l'écran avec suffisamment d'espace pour permettre une saisie de texte. Dans certains cas, l'IME peut imposer une taille minimale.</p> - -<p>Lorsqu'on utilise <code>-ms-ime-align: after</code>, un IME pourra ajuster la fenêtre candidate et le comportement de la saisie clavier afin de permettre une meilleure ergonomie (en utilisant par exemple une liste candidate horizontale et en autorisant l'envoi de certaines touches à l'application pour les suggestions).</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="brush: css">/* Keyword values */ --ms-ime-align: auto; --ms-ime-align: after; -</pre> - -<p>La propriété <strong><code>-ms-ime-align</code></strong> est définie avec l'un des mot-clés suivants.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>auto</code></dt> - <dd>La valeur initiale. L'IME peut aligner la fenêtre candidate de n'importe quelle manière.</dd> - <dt><code>after</code></dt> - <dd>L'IME devrait essayer d'aligner la fenêtre candidate sous l'élément (pour les dispositions organisées avec un mode gauche à droite ou avec un mode droite à gauche).</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> diff --git a/files/fr/web/css/-ms-overflow-style/index.html b/files/fr/web/css/-ms-overflow-style/index.html deleted file mode 100644 index b118010d4e..0000000000 --- a/files/fr/web/css/-ms-overflow-style/index.html +++ /dev/null @@ -1,43 +0,0 @@ ---- -title: '-ms-overflow-style' -slug: Web/CSS/-ms-overflow-style -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-overflow-style ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété <strong><code>-ms-overflow-style</code></strong> est une propriété propriétaire, spécifique à Internet Explorer et Microsoft Edge qui permet de contrôler le comportement des barres de défilement lorsque le contenu d'un élément déborde.</p> - -<h2 id="Valeurs">Valeurs</h2> - -<dl> - <dt><code>auto</code></dt> - <dd>La valeur initiale. Synonyme de <code>inherit</code>.</dd> - <dt><code>none</code></dt> - <dd>Les barres de défilement ne sont jamais affichées. Si l'élément dépasse, on peut toujours le faire défiler.</dd> - <dt><code>scrollbar</code></dt> - <dd>Les barres de défilement « classiques » sont affichées si le contenu de l'élément dépasse. Les barres ne se masquent pas automatiquement et ne chevauchent jamais le contenu de l'élément. Les dimensions de la zone accordée au contenu sont réduites d'autant que nécessaire pour afficher les barres de défilement.</dd> - <dt><code>-ms-autohiding-scrollbar</code></dt> - <dd>Des barres de défilement sont utilisées si le contenu dépasse et ces barres sont automatiquement masquées. C'est-à-dire qu'elles apparaissent pendant le défilement ou peu après que le pointeur ait interagit avec l'élément. Elles se « cachent » après l'arrêt de l'interaction et/ou du défilement. Lorsqu'elles sont visbles, les barres de défilement empiètent sur le contenu de l'élément.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété propriétaire liée à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{CSSxRef("scrollbar-width")}}</li> - <li>{{CSSxRef("::-webkit-scrollbar")}}</li> -</ul> diff --git a/files/fr/web/css/-ms-scroll-chaining/index.html b/files/fr/web/css/-ms-scroll-chaining/index.html deleted file mode 100644 index f5ade6d887..0000000000 --- a/files/fr/web/css/-ms-scroll-chaining/index.html +++ /dev/null @@ -1,68 +0,0 @@ ---- -title: '-ms-scroll-chaining' -slug: Web/CSS/-ms-scroll-chaining -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-chaining ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété <code><strong>-ms-scroll-chaining</strong></code> est <a href="/en-US/docs/Web/CSS/Microsoft_extensions">une propriété spécifique à Microsoft</a> qui définit la façon dont le défilement se comporte lorsque l'utilisateur atteint la limite du défilement suite à une manipulation.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-scroll-chaining</code></strong> est définie avec l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>chained</code></dt> - <dd> - <p>La valeur initiale. L'élément parent le plus proche commence à défiler lorsque l'utilisateur atteint la limite. Il n'y a pas d'effet de rebond.</p> - </dd> - <dt><code>none</code></dt> - <dd> - <p>Un effet de rebond est utilisé lorsque l'utilisateur atteint la limite de défilement.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>Dans l'exemple qui suit, le conteneur de l'image a <code>-ms-scroll-chaining property</code> qui vaut <code>chained</code> et c'est donc l'élément parent qui poursuivra le défilement. Si on avait utilisé <code>none</code>, un effet de blocage avec rebondissement aurait été utilisé. Pour plus d'informations, voir <a href="https://code.msdn.microsoft.com/windowsapps/scrolling-panning-and-47d70d4c">un exemple de défilement, déplacement, zoom en HTML</a>.</p> - -<pre class="brush: css">.imageContainer { - -ms-scroll-chaining: chained; - -ms-overflow-style: none; - -ms-content-zooming: zoom; - -ms-scroll-rails: none; - -ms-content-zoom-limit-min: 100%; - -ms-content-zoom-limit-max: 500%; - -ms-scroll-snap-type: proximity; - -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%); - -ms-overflow-style: none; - width: 480px; - height: 270px; - overflow: auto; -} -</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est spécifique à Microsoft et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété ne s'applique qu'aux contrôles tactiles. Quelle que soit la valeur de <code>–ms-scroll-chaining</code>, les contrôles clavier ne permettront pas l'enchaînement du défilement et la navigation à la souris entraînera toujours le défilement sur l'élément ancêtre le plus proche.</p> - -<p>Cette propriété n'a aucun effet sur les éléments qui ne défilent pas.</p> - -<p>Cette propriété est uniquement disponible pour Windows 8 ou les versions ultérieures.</p> diff --git a/files/fr/web/css/-ms-scroll-limit-x-max/index.html b/files/fr/web/css/-ms-scroll-limit-x-max/index.html deleted file mode 100644 index 88f3276fda..0000000000 --- a/files/fr/web/css/-ms-scroll-limit-x-max/index.html +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: '-ms-scroll-limit-x-max' -slug: Web/CSS/-ms-scroll-limit-x-max -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-limit-x-max ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-scroll-limit-x-max</strong></code> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique la valeur maximum pour la propriété {{domxref("Element.scrollLeft")}}.</p> - -<p>Cette propriété est accessible en lecture et en écriture.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-scroll-limit-x-max</code> est définie avec l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>auto</code></dt> - <dd> - <p>La valeur maximale pour <code><a href="/fr/docs/Web/API/Element/scrollLeft">scrollLeft</a></code> est égale à <code><a href="/fr/docs/Web/API/Element/scrollWidth">scrollWidth</a></code>.</p> - </dd> - <dt>{{cssxref("length")}}</dt> - <dd> - <p>La longueur maximale choisie pour <code><a href="/fr/docs/Web/API/Element/scrollLeft">scrollLeft</a></code>.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a aucun effet sur les éléments qui ne défilent pas.</p> - -<p>Le comportement choisi avec <code>-ms-scroll-limit-x-max</code> s'appliquera uniquement avec {{cssxref("msContentZoomFactor")}} qui vaut 1 ; pour les autres facteurs de zoom, le comportement de la propriété n'est pas défini.</p> - -<p>Cette propriété est uniquement disponible à partir de Windows 8.</p> diff --git a/files/fr/web/css/-ms-scroll-limit-x-min/index.html b/files/fr/web/css/-ms-scroll-limit-x-min/index.html deleted file mode 100644 index b9f22df94e..0000000000 --- a/files/fr/web/css/-ms-scroll-limit-x-min/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: '-ms-scroll-limit-x-min' -slug: Web/CSS/-ms-scroll-limit-x-min -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-limit-x-min ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété <strong><code>-ms-scroll-limit-x-min</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique la valeur minimale pour la propriété {{domxref("Element.scrollLeft")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-scroll-limit-x-min</code> est définie avec une longueur.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt>{{cssxref("length")}}</dt> - <dd> - <p>La valeur minimale pour la propriété <code>scrollLeft</code>. Si la valeur fournie est négative, c'est <code>0</code> qui sera utilisé.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a aucun effet sur les éléments qui ne défilent pas.</p> - -<p>Le comportement choisi avec <code>-ms-scroll-limit-x-min</code> s'appliquera uniquement avec {{cssxref("msContentZoomFactor")}} qui vaut 1 ; pour les autres facteurs de zoom, le comportement de la propriété n'est pas défini.</p> - -<p>Cette propriété est uniquement disponible à partir de Windows 8.</p> diff --git a/files/fr/web/css/-ms-scroll-limit-y-max/index.html b/files/fr/web/css/-ms-scroll-limit-y-max/index.html deleted file mode 100644 index c677901f71..0000000000 --- a/files/fr/web/css/-ms-scroll-limit-y-max/index.html +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: '-ms-scroll-limit-y-max' -slug: Web/CSS/-ms-scroll-limit-y-max -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-limit-y-max ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-scroll-limit-y-max</strong></code> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique la valeur maximum pour la propriété {{domxref("Element.scrollTop")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-scroll-limit-y-max</code> est définie avec l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>auto</code></dt> - <dd> - <p>La valeur maximale pour <code>scrollTop</code> est égale à {{domxref("Element.scrollHeight")}}.</p> - </dd> - <dt>{{cssxref("length")}}</dt> - <dd> - <p>La longueur maximale choisie pour <code>scrollTop</code>.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a aucun effet sur les éléments qui ne défilent pas.</p> - -<p>Le comportement choisi avec <code>-ms-scroll-limit-y-max</code> s'appliquera uniquement avec {{cssxref("msContentZoomFactor")}} qui vaut 1 ; pour les autres facteurs de zoom, le comportement de la propriété n'est pas défini.</p> - -<p>Cette propriété est uniquement disponible à partir de Windows 8.</p> diff --git a/files/fr/web/css/-ms-scroll-limit-y-min/index.html b/files/fr/web/css/-ms-scroll-limit-y-min/index.html deleted file mode 100644 index 85150a1660..0000000000 --- a/files/fr/web/css/-ms-scroll-limit-y-min/index.html +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: '-ms-scroll-limit-y-min' -slug: Web/CSS/-ms-scroll-limit-y-min -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-limit-y-min ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété <strong><code>-ms-scroll-limit-y-min</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique la valeur minimale pour la propriété {{domxref("Element.scrollTop")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-scroll-limit-y-min</code> est définie avec une longueur.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt>{{cssxref("length")}}</dt> - <dd> - <p>La valeur minimale pour la propriété <code>scrollTop</code>. Si la valeur fournie est négative, c'est <code>0</code> qui sera utilisé.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a aucun effet sur les éléments qui ne défilent pas.</p> - -<p>Le comportement choisi avec <code>-ms-scroll-limit-y-min</code> s'appliquera uniquement avec {{cssxref("msContentZoomFactor")}} qui vaut 1 ; pour les autres facteurs de zoom, le comportement de la propriété n'est pas défini.</p> - -<p>Cette propriété est uniquement disponible à partir de Windows 8.</p> diff --git a/files/fr/web/css/-ms-scroll-limit/index.html b/files/fr/web/css/-ms-scroll-limit/index.html deleted file mode 100644 index b541233201..0000000000 --- a/files/fr/web/css/-ms-scroll-limit/index.html +++ /dev/null @@ -1,56 +0,0 @@ ---- -title: '-ms-scroll-limit' -slug: Web/CSS/-ms-scroll-limit -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-limit ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <code><strong>-ms-scroll-limit</strong></code> est <a href="/fr/docs/Web/CSS/Propri%C3%A9t%C3%A9s_raccourcies">une propriété raccourcie</a> <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">spécifique à Microsoft</a> qui définit les valeurs de {{cssxref("-ms-scroll-limit-x-min")}}, {{cssxref("-ms-scroll-limit-y-min")}}, {{cssxref("-ms-scroll-limit-x-max")}} et {{cssxref("-ms-scroll-limit-y-max")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-scroll-limit</code> est définie avec une ou plusieurs valeurs de limite de défilmeent dans l'ordre et séparées par des espaces.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>-ms-scroll-limit-x-min</code></dt> - <dd> - <p>La valeur utilisée pour la propriété {{cssxref("-ms-scroll-limit-x-min")}}.</p> - </dd> - <dt><code>-ms-scroll-limit-y-min</code></dt> - <dd> - <p>La valeur utilisée pour la propriété {{cssxref("-ms-scroll-limit-y-min")}}.</p> - </dd> - <dt><code>-ms-scroll-limit-x-max</code></dt> - <dd> - <p>La valeur utilisée pour la propriété {{cssxref("-ms-scroll-limit-x-max")}}.</p> - </dd> - <dt><code>-ms-scroll-limit-y-max</code></dt> - <dd> - <p>La valeur utilisée pour la propriété {{cssxref("-ms-scroll-limit-y-max")}}.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique à Microsoft et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a aucun effet sur les éléments qui ne défilent pas.</p> - -<p>Le comportement choisi avec <code>-ms-scroll-limit</code> s'appliquera uniquement avec {{cssxref("msContentZoomFactor")}} qui vaut 1 ; pour les autres facteurs de zoom, le comportement de la propriété n'est pas défini.</p> - -<p>Cette propriété est uniquement disponible à partir de Windows 8.</p> diff --git a/files/fr/web/css/-ms-scroll-rails/index.html b/files/fr/web/css/-ms-scroll-rails/index.html deleted file mode 100644 index c5441922c5..0000000000 --- a/files/fr/web/css/-ms-scroll-rails/index.html +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: '-ms-scroll-rails' -slug: Web/CSS/-ms-scroll-rails -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-rails ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété <strong><code>-ms-scroll-rails</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique si le défilement est contraint sur l'axe principal du déplacement.</p> - -<p>Cette propriété est accessible en lecture et en écriture.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <strong><code>-ms-scroll-rails</code></strong> est définie avec l'une des valeurs suivantes.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>none</code></dt> - <dd> - <p>Le contenu défile en suivant exactement le doigt de l'utilisateur. Cette valeur permet un déplacement libre.</p> - </dd> - <dt><code>railed</code></dt> - <dd> - <p>Le défilement est contraint sur l'axe principal. C'est la valeur par défaut.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété n'a adeucun effet sur les éléments qu'on ne peut pas faire défiler.</p> - -<p>À partir de Windows 8.1, cette propriété est prise en charge pour les interactions au pavé tactile.</p> - -<p>Cette propriété est uniquement disponible à partir de Windows 8.</p> diff --git a/files/fr/web/css/-ms-scroll-snap-points-x/index.html b/files/fr/web/css/-ms-scroll-snap-points-x/index.html deleted file mode 100644 index 85d49351c5..0000000000 --- a/files/fr/web/css/-ms-scroll-snap-points-x/index.html +++ /dev/null @@ -1,88 +0,0 @@ ---- -title: '-ms-scroll-snap-points-x' -slug: Web/CSS/-ms-scroll-snap-points-x -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-snap-points-x ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété CSS <strong><code>-ms-scroll-snap-points-x</code></strong> est une propriété <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">spécifique à Microsoft </a>qui définit l'emplacement des points d'accroche le long de l'axe horizontal.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<div class="note"> -<p><strong>Note :</strong> Une valeur de type <code><length-percentage></code> est une valeur de type {{cssxref("<length>")}} ou une valeur de type {{cssxref("<percentaqe>")}}.</p> -</div> - -<dl> - <dt><code>snapInterval( <length-percentage>, <length-percentage> )</code></dt> - <dd> - <p>Cette forme permet d'indiquer la position d'un point d'accroche puis l'intervalle entre les points d'accroche.</p> - - <ul> - <li>La première valeur indique l'emplacement du premier point d'accroche.</li> - <li>La seconde valeur indique la distance entre chaque point d'accroche qui suit ou précède (c'est-à-dire à gauche et à droite du point d'accroche initial).</li> - </ul> - </dd> - <dt><code>snapList( <length-percentage># )</code></dt> - <dd> - <p>Cette forme permet d'indiquer l'ensemble des points d'accroche comme une liste de valeurs séparées par des virgules. Chaque valeur représente un facteur de zoom.</p> - - <ul> - <li>Si la valeur est inférieure à {{CSSXref("-ms-scroll-limit-x-min")}}, {{CSSXref("-ms-scroll-limit-x-min")}} sera utilisée.</li> - <li>Si la valeur est supérieure à {{CSSXref("-ms-scroll-limit-x-max")}}, {{CSSXref("-ms-scroll-limit-x-max")}} sera utilisée.</li> - </ul> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>Dans cet exemple, on illustre les deux types de valeurs possibles pour <code>-ms-scroll-snap-points-x</code>. Dans le premier sélecteur, le premier point d'accroche se situe à 0% et l'intervalle est défini à 100%. Dans le second sélecteur, chaque point d'accroche est défini séparément (à 100%, 200%, 300%, et ainsi de suite).</p> - -<pre class="brush: css">.container { - overflow-x: auto; - overflow-y: hidden; - -ms-scroll-snap-type: mandatory; - -ms-scroll-snap-points-x: snapInterval(0%, 100%); - width: 480px; - height: 270px; -} - -.imageContainer { - -ms-scroll-chaining: chained; - -ms-overflow-style: none; - -ms-content-zooming: zoom; - -ms-scroll-rails: none; - -ms-scroll-limit-x-min: 100%; - -ms-scroll-limit-x-max: 500%; - -ms-scroll-snap-type: proximity; - -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%); - -ms-overflow-style: none; - width: 480px; - height: 270px; - overflow: auto; -} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété est disponible à partir de Windows 8. Elle n'a aucun effet pour les éléments qui ne permettent pas d'utiliser un ascenseur.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions à la souris, au clavier ou au pavé tactile.</p> diff --git a/files/fr/web/css/-ms-scroll-snap-points-y/index.html b/files/fr/web/css/-ms-scroll-snap-points-y/index.html deleted file mode 100644 index 6568891ed1..0000000000 --- a/files/fr/web/css/-ms-scroll-snap-points-y/index.html +++ /dev/null @@ -1,94 +0,0 @@ ---- -title: '-ms-scroll-snap-points-y' -slug: Web/CSS/-ms-scroll-snap-points-y -tags: - - CSS - - Non-standard - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-snap-points-y ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété CSS <strong><code>-ms-scroll-snap-points-y</code></strong> est une propriété <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">spécifique à Microsoft </a>qui définit l'emplacement des points d'accroche le long de l'axe vertical.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<div class="note"> -<p><strong>Note :</strong> Une valeur de type <code><length-percentage></code> est une valeur de type {{cssxref("<length>")}} ou une valeur de type {{cssxref("<percentaqe>")}}.</p> -</div> - -<dl> - <dt><code>snapInterval( <length-percentage>, <length-percentage> )</code></dt> - <dd> - <p>Cette forme permet d'indiquer la position d'un point d'accroche puis l'intervalle entre les points d'accroche.</p> - - <ul> - <li>La première valeur indique l'emplacement du premier point d'accroche.</li> - <li>La seconde valeur indique la distance entre chaque point d'accroche qui suit ou précède (c'est-à-dire au dessus et en dessous du point d'accroche initial).</li> - </ul> - </dd> - <dt><code>snapList( <length-percentage># )</code></dt> - <dd> - <p>Cette forme permet d'indiquer l'ensemble des points d'accroche comme une liste de valeurs séparées par des virgules. Chaque valeur représente un facteur de zoom.</p> - - <ul> - <li>Si la valeur est inférieure à {{CSSXref("-ms-scroll-limit-y-min")}}, {{CSSXref("-ms-scroll-limit-y-min")}} sera utilisée.</li> - <li>Si la valeur est supérieure à {{CSSXref("-ms-scroll-limit-y-max")}}, {{CSSXref("-ms-scroll-limit-y-max")}} sera utilisée.</li> - </ul> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>Dans cet exemple, on illustre les deux types de valeurs possibles pour <code>-ms-scroll-snap-points-y</code>. Dans le premier sélecteur, le premier point d'accroche se situe à 0% et l'intervalle est défini à 100%. Dans le second sélecteur, chaque point d'accroche est défini séparément (à 100%, 200%, 300%, et ainsi de suite).</p> - -<pre class="brush: css">.container { - overflow-x: auto; - overflow-y: hidden; - -ms-scroll-snap-type: mandatory; - -ms-scroll-snap-points-y: snapInterval(0%, 100%); - width: 480px; - height: 270px; -} - -.imageContainer { - -ms-scroll-chaining: chained; - -ms-overflow-style: none; - -ms-content-zooming: zoom; - -ms-scroll-rails: none; - -ms-scroll-limit-x-min: 100%; - -ms-scroll-limit-x-max: 500%; - -ms-scroll-snap-type: proximity; - -ms-scroll-snap-points-y: snapList(100%, 200%, 300%, 400%, 500%); - -ms-overflow-style: none; - width: 480px; - height: 270px; - overflow: auto; -} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété est disponible à partir de Windows 8. Elle n'a aucun effet pour les éléments qui ne permettent pas d'utiliser un ascenseur.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions à la souris, au clavier ou au pavé tactile.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("-ms-scroll-snap-points-x")}}</li> - <li>{{cssxref("scroll-snap-points-y")}}, la propriété standard</li> -</ul> diff --git a/files/fr/web/css/-ms-scroll-snap-x/index.html b/files/fr/web/css/-ms-scroll-snap-x/index.html deleted file mode 100644 index 6b889bb584..0000000000 --- a/files/fr/web/css/-ms-scroll-snap-x/index.html +++ /dev/null @@ -1,61 +0,0 @@ ---- -title: '-ms-scroll-snap-x' -slug: Web/CSS/-ms-scroll-snap-x -tags: - - CSS - - Non-standard - - Propriété raccourcie - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-snap-x ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété raccourcie <strong><code>-ms-scroll-snap-x</code></strong> est une <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">propriété spécifique à Microsoft</a> qui définit les valeurs des propriétés {{cssxref("-ms-scroll-snap-type")}} and {{cssxref("-ms-scroll-snap-points-x")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Values" name="Values">Valeurs</h3> - -<p>La propriété raccourcie <code>-ms-scroll-snap-x</code> est définie avec une ou deux des valeurs suivantes, dans cet ordre et séparées par des espaces.</p> - -<dl> - <dt><code>-ms-scroll-snap-type</code></dt> - <dd> - <p>La valeur de la propriété {{cssxref("-ms-scroll-snap-type")}}.</p> - </dd> - <dt><code>-ms-scroll-snap-points-x</code></dt> - <dd> - <p>La valeur de la propriété {{cssxref("-ms-scroll-snap-points-x")}}.</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Examples" name="Examples">Exemples</h2> - -<p>La proprirété <code>-ms-scroll-snap-x</code> est une propriété raccourcie. Les deux sélecteurs du fragment de code suivant auront le même effet.</p> - -<pre class="brush: css">.scroll1 { - -ms-scroll-snap-type: proximity; - -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%); -} - -.scroll2 { - -ms-scroll-snap-x: proximity snapList(100%, 200%, 300%, 400%, 500%); -} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété est disponible à partir de Windows 8. Elle n'a aucun effet pour les éléments qui ne permettent pas d'utiliser un ascenseur.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions à la souris, au clavier ou au pavé tactile.</p> diff --git a/files/fr/web/css/-ms-scroll-snap-y/index.html b/files/fr/web/css/-ms-scroll-snap-y/index.html deleted file mode 100644 index de5c0836cb..0000000000 --- a/files/fr/web/css/-ms-scroll-snap-y/index.html +++ /dev/null @@ -1,61 +0,0 @@ ---- -title: '-ms-scroll-snap-y' -slug: Web/CSS/-ms-scroll-snap-y -tags: - - CSS - - Non-standard - - Propriété raccourcie - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-snap-y ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété raccourcie <strong><code>-ms-scroll-snap-y</code></strong> est une <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">propriété spécifique à Microsoft</a> qui définit les valeurs des propriétés {{cssxref("-ms-scroll-snap-type")}} and {{cssxref("-ms-scroll-snap-points-y")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Values" name="Values">Valeurs</h3> - -<p>La propriété raccourcie <code>-ms-scroll-snap-y</code> est définie avec une ou deux des valeurs suivantes, dans cet ordre et séparées par des espaces.</p> - -<dl> - <dt><code>-ms-scroll-snap-type</code></dt> - <dd> - <p>La valeur de la propriété {{cssxref("-ms-scroll-snap-type")}}.</p> - </dd> - <dt><code>-ms-scroll-snap-points-y</code></dt> - <dd> - <p>La valeur de la propriété {{cssxref("-ms-scroll-snap-points-y")}}.</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Examples" name="Examples">Exemples</h2> - -<p>La proprirété <code>-ms-scroll-snap-y</code> est une propriété raccourcie. Les deux sélecteurs du fragment de code suivant auront le même effet.</p> - -<pre class="brush: css">.scroll1 { - -ms-scroll-snap-type: proximity; - -ms-scroll-snap-points-y: snapList(100%, 200%, 300%, 400%, 500%); -} - -.scroll2 { - -ms-scroll-snap-y: proximity snapList(100%, 200%, 300%, 400%, 500%); -} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété est disponible à partir de Windows 8. Elle n'a aucun effet pour les éléments qui ne permettent pas d'utiliser un ascenseur.</p> - -<p>À partir de Windows 8.1, cette propriété est également prise en charge pour les interactions à la souris, au clavier ou au pavé tactile.</p> diff --git a/files/fr/web/css/-ms-scroll-translation/index.html b/files/fr/web/css/-ms-scroll-translation/index.html deleted file mode 100644 index 0246236b59..0000000000 --- a/files/fr/web/css/-ms-scroll-translation/index.html +++ /dev/null @@ -1,54 +0,0 @@ ---- -title: '-ms-scroll-translation' -slug: Web/CSS/-ms-scroll-translation -tags: - - CSS - - Non-standard - - Reference -translation_of: Archive/Web/CSS/-ms-scroll-translation ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété CSS <strong><code>-ms-scroll-translation</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique si une translation verticale / horizontale est appliquée lors du défilement sur l'élément ciblé.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Values" name="Values">Valeurs</h3> - -<dl> - <dt><code>vertical-to-horizontal</code></dt> - <dd> - <p>Une translation verticale/horizontale est appliquée lorsque c'est pertinent.</p> - </dd> - <dt><code>none</code></dt> - <dd> - <p>Aucune translation n'est appliquée. C'est la valeur initiale pour l'élément {{HTMLElement("html")}}.</p> - </dd> - <dt><code>inherit</code></dt> - <dd> - <p>La valeur initiale : la valeur de la propriété est héritée via la valeur de l'élément parent.</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Remarks" name="Remarks"><a name="Remarks">Notes</a></h2> - -<p>Cette propriété est disponible à partir de Windows 8. Elle n'a aucun effet pour les éléments qui ne permettent pas d'utiliser un ascenseur</p> - -<p>Si le code JavaScript de la page écoute les évènements DOM liés au défilement, les évènements relatifs au défilement vertical et au défilement horizontal sont distincts et correspondent à l'axe selon lequel l'utilisateur a défilé. La propriété <code>-ms-scroll-translation</code>, avec la valeur <code>vertical-to-horizontal</code>, permet de transformer les évènements de défilement vertical en évènements de défilement horizontal.</p> - -<p>Cette propriété n'a pas d'impact lorsqu'on navigue avec le clavier.</p> - -<p>Les modèles CSS par défaut pour les applications Windows qui utilisent JavaScript, "ui-light.css" et "ui-dark.css" utilisent la valeur <code>vertical-to-horizontal</code> sur l'élément {{HTMLElement("html")}}.</p> diff --git a/files/fr/web/css/-ms-scrollbar-3dlight-color/index.html b/files/fr/web/css/-ms-scrollbar-3dlight-color/index.html deleted file mode 100644 index 5caa81ebc2..0000000000 --- a/files/fr/web/css/-ms-scrollbar-3dlight-color/index.html +++ /dev/null @@ -1,75 +0,0 @@ ---- -title: '-ms-scrollbar-3dlight-color' -slug: Web/CSS/-ms-scrollbar-3dlight-color -tags: - - CSS - - Déprécié - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scrollbar-3dlight-color ---- -<div>{{CSSRef}}{{Non-standard_header}}{{Deprecated_Header}}</div> - -<p>La propriété <code><strong>-ms-scrollbar-3dlight-color</strong></code> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui définit la couleur pour les bords haut et gauche de la boîte de défilement et pour les flèches de la barre de défilement.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La valeur de <code>-ms-scrollbar-3dlight-color</code> est définie avec une couleur.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><color></code></dt> - <dd> - <p>Une couleur (cf. type {{cssxref("<color>")}}) qui sera utilisée pour les bords gauche et haut de la boîte de défilement et pour les flèches de l'ascenseur.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>L'exemple qui suit illustre comment appliquer la propriété <code>-ms-scrollbar-3dlight-color</code> à un élément {{HTMLElement("textarea")}}.</p> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><textarea class="Blue3dLight"> - The top and left edges of the thumb and - button-face elements in the scroll bar for - this element will be blue. -</textarea></pre> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">.Blue3dLight { - -ms-scrollbar-3dlight-color: blue; - scrollbar-3dlight-color: blue; /* Use the standard when available. */ -} -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples")}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-ms-scrollbar-3dlight-color")}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété est disponible à partir de Internet Explorer 8.</p> - -<p>La boîte de défilement est la boîte carrée dans laquelle une barre de défilement peut être déplacée de haut en bas ou de gauche à droite afin de modifier la position du contenu sur l'écran. Les flèches de défilement sont situées aux extrémités de l'ascenseur et permettent de faire défiler le contenu.</p> - -<p>Cette propriété s'applique aux éléments qui affichent un ascenseur (notamment via la propriété {{cssxref("overflow")}}).</p> diff --git a/files/fr/web/css/-ms-scrollbar-arrow-color/index.html b/files/fr/web/css/-ms-scrollbar-arrow-color/index.html deleted file mode 100644 index cc67bd8bde..0000000000 --- a/files/fr/web/css/-ms-scrollbar-arrow-color/index.html +++ /dev/null @@ -1,95 +0,0 @@ ---- -title: '-ms-scrollbar-arrow-color' -slug: Web/CSS/-ms-scrollbar-arrow-color -tags: - - CSS - - Déprécié - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scrollbar-arrow-color ---- -<div>{{CSSRef}}{{Non-standard_header}}{{Deprecated_Header}}</div> - -<p>La propriété CSS <code><strong>-ms-scrollbar-arrow-color</strong></code> est une propriété <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">spécifique à Microsoft</a> qui définit la couleur des flèches pour les extrêmités des barres de défilement.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><color></code></dt> - <dd> - <p>La couleur à utiliser pour les flèches des barres de défilement, voir {{cssxref("<color>")}}.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>L'exemple qui suit illustre comment utiliser <code>-ms-scrollbar-arrow-color</code> et {{cssxref("-ms-scrollbar-face-color")}} afin d'afficher une boîte avec une barre de défilement avec un curseur et des flèches bleues d'une part et une boîte avec une barre de défilement avec un curseur et des flèches vertes d'autre part.</p> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">div { - width: 150px; - height: 150px; - overflow-y: scroll; - border-style: solid; - border-width: thin; - font-family: sans-serif; - float: left; - margin-right: 10px; -} -.blueScrollBox { - scrollbar-face-color: blue; - scrollbar-arrow-color: blue; -} -.greenScrollBox { - scrollbar-face-color: green; - scrollbar-arrow-color: green; -} -</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><body> - <div class="blueScrollBox"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> - <div class="greenScrollBox"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> -</body> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples")}}</p> - -<p>Si votre navigateur ne permet de visualiser le résultat, voici une image statique :</p> - -<p><img alt="Image for -ms-scrollbar-arrow-color usage example" src="https://mdn.mozillademos.org/files/15824/image002.png" style="height: 168px; width: 330px;"></p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-ms-scrollbar-arrow-color")}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Pour IE 8, la propriété <code>-ms-scrollbar-arrow-color</code> est une extension et peut être utilisée comme synonyme de <code>scrollbar-arrow-color</code> en mode standard.</p> - -<p>Les flèches de défilement sont présentes sur les boutons situés à chaque extrêmité de la barre de défilement.</p> - -<p>Cette propriété s'applique aux éléments affichant une barre de défilement. Pour activer le défilement sur différents éléments, voir la propriété {{cssxref("overflow")}}.</p> diff --git a/files/fr/web/css/-ms-scrollbar-base-color/index.html b/files/fr/web/css/-ms-scrollbar-base-color/index.html deleted file mode 100644 index df5cb77dc5..0000000000 --- a/files/fr/web/css/-ms-scrollbar-base-color/index.html +++ /dev/null @@ -1,95 +0,0 @@ ---- -title: '-ms-scrollbar-base-color' -slug: Web/CSS/-ms-scrollbar-base-color -tags: - - CSS - - Déprécié - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scrollbar-base-color ---- -<div>{{CSSRef}}{{Non-standard_header}}{{Deprecated_Header}}</div> - -<p>La propriété CSS <code><strong>-ms-scrollbar-base-color</strong></code> est une propriété <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">spécifique à Microsoft</a> qui indique la couleur de base à utiliser pour les principaux composants d'une barre de défilement.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><color></code></dt> - <dd> - <p>La couleur de base à utiliser pour les principaux composants de la barre de défilement, voir {{cssxref("<color>")}}.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>Dans cet exemple, on utilise les propriétés <code>-ms-scrollbar-base-color</code> et {{cssxref("-ms-scrollbar-arrow-color")}} afin de créer deux objets {{HTMLElement("div")}} ayant chacun un thème différent pour les barres de défilement.</p> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">div { - width: 150px; - height: 150px; - border-style: solid; - border-width: thin; - overflow-y: scroll; - font-family: sans-serif; - float: left; - margin-right: 10px; -} -.aquaScroll { - scrollbar-base-color: aqua; - scrollbar-arrow-color: blue; - border-color: blue; -} -.bisqueScroll { - scrollbar-base-color: bisque; - scrollbar-arrow-color: red; - border-color: red; -} -</pre> - -<h3 id="CSS_2">CSS</h3> - -<pre class="brush: html"><body> - <div class="aquaScroll"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> - <div class="bisqueScroll"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> -</body> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples")}}</p> - -<p>L'image suivante illustre le résultat obtenu. On voit que <code>scrollbar-base-color</code> fournit une couleur de base et que le navigateur décline cette couleur sur différents tons pour les différents composants.</p> - -<p><img alt="Image for -ms-scrollbar-base-color example" src="https://mdn.mozillademos.org/files/15825/image002.png" style="height: 170px; width: 331px;"></p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-ms-scrollbar-base-color")}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Pour IE 8 et les versions ultérieures, la propriété <code>-ms-scrollbar-base-color</code> est une extension et peut être utilisée comme synonyme de <code>scrollbar-base-color</code> en mode standard.</p> - -<p>Cette propriété s'applique aux éléments affichant une barre de défilement. Pour activer le défilement sur différents éléments, voir la propriété {{cssxref("overflow")}}.</p> diff --git a/files/fr/web/css/-ms-scrollbar-darkshadow-color/index.html b/files/fr/web/css/-ms-scrollbar-darkshadow-color/index.html deleted file mode 100644 index a2346346f6..0000000000 --- a/files/fr/web/css/-ms-scrollbar-darkshadow-color/index.html +++ /dev/null @@ -1,71 +0,0 @@ ---- -title: '-ms-scrollbar-darkshadow-color' -slug: Web/CSS/-ms-scrollbar-darkshadow-color -tags: - - CSS - - Déprécié - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scrollbar-darkshadow-color ---- -<div>{{CSSRef}}{{Non-standard_header}}{{Deprecated_Header}}</div> - -<p>La propriété <strong><code>-ms-scrollbar-darkshadow-color</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui définit la couleur de la gouttière pour l'ascenseur.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La propriété <code>-ms-scrollbar-darkshadow-color</code> est définie avec une couleur.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><color></code></dt> - <dd> - <p>La couleur de la gouttière (cf. le type {{cssxref("<color>")}} pour les valeurs possibles).</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><textarea class="BlueShadow"> - The gutter elements in the scroll bar for this - element will be blue. -</textarea></pre> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">.BlueShadow { - scrollbar-darkshadow-color: blue; -} -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples")}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-ms-scrollbar-darkshadow-color")}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété est disponible à partir de Internet Explorer 8.</p> - -<p>La gouttière est l'espace entre la piste et les bords bas et droit de la boîte de défilement et des flèches de l'ascenseur. La couleur <code>-ms-scrollbar-darkshadow-color</code> apparaît en dehors de {{cssxref("-ms-scrollbar-shadow-color")}}.</p> - -<p>Cette propriété s'applique aux éléments qui affichent un ascenseur (notamment via la propriété {{cssxref("overflow")}}).</p> diff --git a/files/fr/web/css/-ms-scrollbar-face-color/index.html b/files/fr/web/css/-ms-scrollbar-face-color/index.html deleted file mode 100644 index 6a2929243f..0000000000 --- a/files/fr/web/css/-ms-scrollbar-face-color/index.html +++ /dev/null @@ -1,93 +0,0 @@ ---- -title: '-ms-scrollbar-face-color' -slug: Web/CSS/-ms-scrollbar-face-color -tags: - - CSS - - Non-standard - - Obsolete - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scrollbar-face-color ---- -<div>{{CSSRef}}{{Non-standard_header}}{{Deprecated_Header}}</div> - -<p>La propriété CSS <code><strong>-ms-scrollbar-face-color</strong></code> est une propriété <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">spécifique à Microsoft</a> qui indique la couleur du curseur de défilement et des flèches de la barre de défilement.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><color></code></dt> - <dd> - <p>La couleur à utiliser pour le curseur et les flèches, cf. {{cssxref("<color>")}}.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>Dans cet exemple, on utilise <code>-ms-scrollbar-face-color</code> et {{cssxref("-ms-scrollbar-arrow-color")}} afin de créer deux styles de barre de défilement pour deux boîtes : l'une verte et l'autre bleue.</p> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">div { - width: 150px; - height: 150px; - overflow-y: scroll; - border-style: solid; - border-width: thin; - font-family: sans-serif; - float: left; - margin-right: 10px; -} -.blueScrollBox { - scrollbar-face-color: blue; - scrollbar-arrow-color: blue; -} -.greenScrollBox { - scrollbar-face-color: green; - scrollbar-arrow-color: green; -} -</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><body> - <div class="blueScrollBox"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> - <div class="greenScrollBox"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> -</body> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples")}}</p> - -<p>L'image qui suit permet d'avoir un aperçu du résultat si votre navigateur n'est pas compatible avec ces fonctionnalités.</p> - -<p><img alt="Image for -ms-scrollbar-face-color example" src="https://mdn.mozillademos.org/files/15826/image002.png" style="height: 168px; width: 330px;"></p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-ms-scrollbar-face-color")}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette fonctionnalité est prise en charge à partir de IE 8. Pour IE 8, la propriété <code>-ms-scrollbar-face-color</code> est une extension et peut être utilisée comme synonyme de <code>scrollbar-face-color</code> en mode standard.</p> - -<p>Cette propriété s'applique aux éléments affichant une barre de défilement. Pour activer le défilement sur différents éléments, voir la propriété {{cssxref("overflow")}}.</p> diff --git a/files/fr/web/css/-ms-scrollbar-highlight-color/index.html b/files/fr/web/css/-ms-scrollbar-highlight-color/index.html deleted file mode 100644 index 43a0ea824b..0000000000 --- a/files/fr/web/css/-ms-scrollbar-highlight-color/index.html +++ /dev/null @@ -1,95 +0,0 @@ ---- -title: '-ms-scrollbar-highlight-color' -slug: Web/CSS/-ms-scrollbar-highlight-color -tags: - - CSS - - Déprécié - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scrollbar-highlight-color ---- -<div>{{CSSRef}}{{Non-standard_header}}{{Deprecated_Header}}</div> - -<p>La propriété CSS <code><strong>-ms-scrollbar-highlight-color</strong></code> est une propriété <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">spécifique à Microsoft</a> qui définit la couleur pour la piste et le contour d'une barre de défilement.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><color></code></dt> - <dd> - <p>La couleur à utiliser pour le contour et la piste de la barre de défilement, cf. {{cssxref("<color>")}}.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>Dans l'exemple qui suit, on utilise <code>-ms-scrollbar-highlight-color</code>, {{CSSXref("-ms-scrollbar-face-color")}} ainsi que {{CSSXref("-ms-scrollbar-arrow-color")}} afin de créer deux {{HTMLElement("div")}} ayant chacun un thème différent pour les barres de défilement.</p> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">div { - width: 150px; - height: 150px; - border-style: solid; - border-width: thin; - overflow-y: scroll; - font-family: sans-serif; - float: left; - margin-right: 10px; -} -.blueScroll { - -ms-scrollbar-highlight-color: aqua; - -ms-scrollbar-face-color: blue; - -ms-scrollbar-arrow-color: blue; - border-color: blue; -} -.redScroll { - -ms-scrollbar-highlight-color: bisque; - -ms-scrollbar-face-color: red; - -ms-scrollbar-arrow-color: red; - border-color: red; -}</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><body> - <div class="blueScroll"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> - <div class="redScroll"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. - </div> -</body></pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples")}}</p> - -<p>L'image qui suit permet d'avoir un aperçu du résultat si votre navigateur n'est pas compatible avec ces fonctionnalités.</p> - -<p><img alt="Image for -ms-scrollbar-highlight-color example" src="https://mdn.mozillademos.org/files/15827/Image%20for%20example.png" style="height: 166px; width: 328px;"></p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-ms-scrollbar-highlight-color")}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Pour IE 8, la propriété <code>-ms-scrollbar-highlight-color</code> est une extension et peut être utilisée comme synonyme de <code>scrollbar-highlight-color</code> en mode standard.</p> - -<p>Cette propriété s'applique aux éléments affichant une barre de défilement. Pour activer le défilement sur différents éléments, voir la propriété {{cssxref("overflow")}}.</p> diff --git a/files/fr/web/css/-ms-scrollbar-shadow-color/index.html b/files/fr/web/css/-ms-scrollbar-shadow-color/index.html deleted file mode 100644 index 126fe6fb7f..0000000000 --- a/files/fr/web/css/-ms-scrollbar-shadow-color/index.html +++ /dev/null @@ -1,73 +0,0 @@ ---- -title: '-ms-scrollbar-shadow-color' -slug: Web/CSS/-ms-scrollbar-shadow-color -tags: - - CSS - - Déprécié - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scrollbar-shadow-color ---- -<div>{{CSSRef}}{{Non-standard_header}}{{Deprecated_Header}}</div> - -<p>La propriété <code><strong>-ms-scrollbar-shadow-color</strong></code> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui définit la couleur pour les bords bas et droit de la boîte de défilement et pour les flèches de la barre de défilement.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La valeur de <code>-ms-scrollbar-shadow-color</code> est définie avec une couleur.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><color></code></dt> - <dd> - <p>Une couleur (cf. type {{cssxref("<color>")}}) qui sera utilisée pour les bords droit et bas de la boîte de défilement et pour les flèches de l'ascenseur.</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>L'exemple qui suit illustre comment appliquer la propriété <code>-ms-scrollbar-shadow-color</code> à un élément {{HTMLElement("textarea")}}.</p> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><textarea class="BlueShadow"> - Placeat reiciendis impedit quo qui ea et. Cum quia aut - non ut est ducimus necessitatibus -</textarea></pre> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">.BlueShadow { - -ms-scrollbar-shadow-color: blue; -} -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples")}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-ms-scrollbar-shadow-color")}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété est disponible à partir de Internet Explorer 8. La propriété <code>-ms-scrollbar-shadow-color</code> est une extension spécifique à CSS et, sous le mode Standard d'IE8, peut être utilisée comme synonyme de <code>scrollbar-shadow-color</code>.</p> - -<p>La boîte de défilement est la boîte carrée dans laquelle une barre de défilement peut être déplacée de haut en bas ou de gauche à droite afin de modifier la position du contenu sur l'écran. Les flèches de défilement sont situées aux extrémités de l'ascenseur et permettent de faire défiler le contenu.</p> - -<p>Cette propriété s'applique aux éléments qui affichent un ascenseur (notamment via la propriété {{cssxref("overflow")}}).</p> diff --git a/files/fr/web/css/-ms-scrollbar-track-color/index.html b/files/fr/web/css/-ms-scrollbar-track-color/index.html deleted file mode 100644 index 557cf14a6b..0000000000 --- a/files/fr/web/css/-ms-scrollbar-track-color/index.html +++ /dev/null @@ -1,97 +0,0 @@ ---- -title: '-ms-scrollbar-track-color' -slug: Web/CSS/-ms-scrollbar-track-color -tags: - - CSS - - Déprécié - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-scrollbar-track-color ---- -<div>{{CSSRef}}{{Non-standard_header}}{{Deprecated_Header}}</div> - -<p>La propriété CSS <strong><code>-ms-scrollbar-track-color</code></strong> est une propriété <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">spécifique à Microsoft</a> qui permet de définir la couleur de la piste utilisée pour les barres de défilement.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code><color></code></dt> - <dd> - <p>La couleur à utiliser pour la piste (cf. {{cssxref("<color>")}}).</p> - </dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>L'exemple qui suit utilise <code>-ms-scrollbar-track-color</code>, {{cssxref("-ms-scrollbar-face-color")}} ainsi que {{cssxref("-ms-scrollbar-arrow-color")}} afin de créer deux éléments {{HTMLElement("div")}} disposants d'un thème chacun pour les barres de défilement.</p> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">div { - width: 150px; - height: 150px; - border-style: solid; - border-width: thin; - overflow-y: scroll; - font-family: sans-serif; - float: left; - margin-right: 10px; -} -.blueScroll { - -ms-scrollbar-highlight-color: aqua; - -ms-scrollbar-face-color: blue; - -ms-scrollbar-arrow-color: blue; - border-color: blue; -} -.redScroll { - -ms-scrollbar-highlight-color: bisque; - -ms-scrollbar-face-color: red; - -ms-scrollbar-arrow-color: red; - border-color: red; -} -</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><div class="blueScroll"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. -</div> -<div class="redScroll"> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. -</div> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples")}}</p> - -<p>L'image suivante illustre le résultat obtenu :</p> - -<p><img alt="Image for -scrollbar-track-color example" src="https://mdn.mozillademos.org/files/15828/Image%20for%20example.png" style="height: 166px; width: 328px;"></p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.-ms-scrollbar-track-color")}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Pour IE 8, la propriété <code>-ms-scrollbar-track-color</code> est une extension et peut être utilisée comme synonyme de <code>scrollbar-track-color</code> en mode standard.</p> - -<p>La piste est l'élément de la barre sur laquelle on déplace le curseur verticalement ou horizontalement</p> - -<p>Cette propriété s'applique aux éléments affichant une barre de défilement. Pour activer le défilement sur différents éléments, voir la propriété {{CSSXref("overflow")}}.</p> diff --git a/files/fr/web/css/-ms-text-autospace/index.html b/files/fr/web/css/-ms-text-autospace/index.html deleted file mode 100644 index 972ef3bc1d..0000000000 --- a/files/fr/web/css/-ms-text-autospace/index.html +++ /dev/null @@ -1,59 +0,0 @@ ---- -title: '-ms-text-autospace' -slug: Web/CSS/-ms-text-autospace -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-text-autospace ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété <strong><code>-ms-text-autospace</code></strong> est <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">une propriété spécifique à Microsoft</a> qui définit l'espacement automatique et la réduction d'espace lorsque le texte doit être ajusté.</p> - -<h2 id="Syntax" name="Syntax">Syntaxe</h2> - -<h3 id="Values" name="Values">Valeurs</h3> - -<dl> - <dt><code>none</code></dt> - <dd> - <p>La valeur initiale de cette propriété. Aucun effet n'est appliqué, aucun espace supplémentaire n'est ajouté.</p> - </dd> - <dt><code>ideograph-alpha</code></dt> - <dd> - <p>Un espace supplémentaire est inséré entre le texte idéographique et le texte non-idéographique (alphabet latin, cyrillique, grec, arabe ou hébreu).</p> - </dd> - <dt><code>ideograph-numeric</code></dt> - <dd> - <p>Un espace supplémentaire est inséré entre le texte idéographique et les caractères numériques.</p> - </dd> - <dt><code>ideograph-parenthesis</code></dt> - <dd> - <p>Un espace supplémentaire est inséré entre les parenthèses (normales) et un idéographe.</p> - </dd> - <dt><code>ideograph-space</code></dt> - <dd> - <p>La largeur de l'espace est agrandie lorsque celui-ci est accolé à des idéogrammes.</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Notes">Notes</h2> - -<p>Cette propriété est disponible à partir de Windows 8.</p> - -<p>Cette propriété est une extension spécifique à CSS et peut être utilisée comme synonyme de <code>text-autospace</code> lorsqu'IE8 est en mode standard.</p> - -<p>Un idéogramme est un caractère provenant d'un système d'écriture asiatique qui représente un concept ou une idée mais qui ne correspond pas à un mot ou à une prononciation particulière.</p> diff --git a/files/fr/web/css/-ms-touch-select/index.html b/files/fr/web/css/-ms-touch-select/index.html deleted file mode 100644 index f59ffad593..0000000000 --- a/files/fr/web/css/-ms-touch-select/index.html +++ /dev/null @@ -1,49 +0,0 @@ ---- -title: '-ms-touch-select' -slug: Web/CSS/-ms-touch-select -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-touch-select ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété <strong><code>-ms-touch-select</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui active la barre d'accroche (<em>gripper</em>) pour les éléments qui permettent de sélectionner du texte au toucher.</p> - -<h2 id="Syntax" name="Syntax">Syntaxe</h2> - -<h3 id="Values" name="Values">Valeurs</h3> - -<dl> - <dt><code>grippers</code></dt> - <dd> - <p>La valeur initiale pour la propriété. Les points qui forment la barre d'accroche sont toujours activé. De plus, la sélection commencera même si un gestionnaire <code>onclick</code>, <code>onmsgesturetap</code> ou <code>onmouseup</code> est activé.</p> - </dd> - <dt><code>none</code></dt> - <dd> - <p>La barre d'accroche n'est jamais affichée et les fonctionnalités de sélection tactile par défaut ne sont pas fournies.</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Specification" name="Specification">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Remarks" name="Remarks">Notes</h2> - -<p>Cette propriété est disponible à partir de Windows 8.</p> - -<p>La propriété <code>-ms-touch-select</code> doit uniquement être utilisée par les applications qui fournissent leur propre mécanisme de sélection. La plupart des applications devraient plutôt utiliser la propriété {{cssxref("-ms-user-select")}}.</p> - -<p>Si vous choisissez de masquer la barre d'accroche, vous devrez vous assurer de fournir un mécanisme de sélection tactile. Pour réaliser cela avec JavaScript, vous pouvez voir <a href="/fr/docs/Web/API/Selection_API">les différentes API disponibles</a>.</p> - -<p>Cette propriété n'a aucun effet pour les interactions à la souris, au clavier ou au pavé tactile.</p> diff --git a/files/fr/web/css/-ms-wrap-flow/index.html b/files/fr/web/css/-ms-wrap-flow/index.html deleted file mode 100644 index 54c93a3ae6..0000000000 --- a/files/fr/web/css/-ms-wrap-flow/index.html +++ /dev/null @@ -1,63 +0,0 @@ ---- -title: '-ms-wrap-flow' -slug: Web/CSS/-ms-wrap-flow -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-wrap-flow ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété CSS <strong><code>-ms-wrap-flow</code></strong> est <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">une propriété spécifique à Microsoft</a> qui indique comment les exclusions jouent sur le contenu en ligne (<em>inline</em>) au sein des éléments de bloc.</p> - -<h2 id="Syntax" name="Syntax">Syntaxe</h2> - -<h3 id="Values" name="Values">Valeurs</h3> - -<dl> - <dt><code>auto</code></dt> - <dd> - <p>Une exclusion est créée pour les éléments flottants. Pour les éléments non-flottants, aucune exclusion n'est créée.</p> - </dd> - <dt><code>both</code></dt> - <dd> - <p>Le contenu en ligne peut s'écouler sur chaque côté de l'exclusion.</p> - </dd> - <dt><code>start</code></dt> - <dd> - <p>Le contenu en ligne peut passer à la ligne au début de la zone d'exclusion mais ne peut occuper la partie située après la zone d'exclusion.</p> - </dd> - <dt><code>end</code></dt> - <dd> - <p>Le contenu en ligne peut passer à la ligne après la zone d'exclusion mais ne peut occuper la partie située avant la zone d'exclusion.</p> - </dd> - <dt><code>maximum</code></dt> - <dd> - <p>Le contenu en ligne peut passer à ligne sur le côté de l'exclusion qui dispose de l'espace le plus grand pour cette ligne (l'autre côté est alors laissé vide).</p> - </dd> - <dt><code>clear</code></dt> - <dd> - <p>Le contenu en ligne peut uniquement passer à la ligne au dessus et en dessous de l'exclusion, les zones avant le début et après la fin de l'exclusion sont laissées vide.</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Specifications" name="Specifications">Spécifications</h2> - -<p>Cette propriété n'est pas une propriété standard et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Remarks" name="Remarks">Notes</h2> - -<p>La propriété <code>-ms-wrap-flow</code> transforme un élément en exclusion lorsque sa valeur calculée est différente de <code>auto</code>. Cette propriété définit le comportement du contenu en ligne autour de cet élément d'exclusion (de façon similaire aux éléments flottants).</p> - -<p>Lorsque <code>-ms-wrap-flow</code> a une valeur calculée différente de <code>auto</code>, l'élément ne devient pas un élément d'exclusion, sauf si la valeur calculée de la propriété <code>float</code> n'est pas <code>none</code>. Dans ce cas, l'élément fournit sa bordure au contexte du bloc englobant et le flux du contenu s'adapte selon la propriété {{cssxref("clear")}}.</p> - -<p>Pour plus d'informations sur l'impact d'un élément d'exclusion quant au flux du contenu, voir la section <a href="https://drafts.csswg.org/css-exclusions-1/#terms">Terminologie</a> de la spécification de niveau 1 pour les exclusions CSS.</p> diff --git a/files/fr/web/css/-ms-wrap-margin/index.html b/files/fr/web/css/-ms-wrap-margin/index.html deleted file mode 100644 index 164c64b9f2..0000000000 --- a/files/fr/web/css/-ms-wrap-margin/index.html +++ /dev/null @@ -1,39 +0,0 @@ ---- -title: '-ms-wrap-margin' -slug: Web/CSS/-ms-wrap-margin -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-wrap-margin ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété <strong><code>-ms-wrap-margin</code></strong> est <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">une propriété spécifique à Microsoft</a> qui définit une marge qui décale le retour à la ligne par rapport aux autres formes.</p> - -<h2 id="Syntax" name="Syntax">Syntaxe</h2> - -<h3 id="Values" name="Values">Valeurs</h3> - -<dl> - <dt>{{cssxref("<length>")}}</dt> - <dd> - <p>La taille de la marge avec une valeur non-négative.</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Specifications" name="Specifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Remarks" name="Remarks">Notes</h2> - -<p>Les décalages créés par la propriété <code>-ms-wrap-margin</code> sont décalés en en dehors de l'exclusion. Cette propriété peut être utilisée avec n'importe quelle valeur de longueur.</p> diff --git a/files/fr/web/css/-ms-wrap-through/index.html b/files/fr/web/css/-ms-wrap-through/index.html deleted file mode 100644 index d817d34bbb..0000000000 --- a/files/fr/web/css/-ms-wrap-through/index.html +++ /dev/null @@ -1,45 +0,0 @@ ---- -title: '-ms-wrap-through' -slug: Web/CSS/-ms-wrap-through -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Archive/Web/CSS/-ms-wrap-through ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La propriété CSS <strong><code>-ms-wrap-through</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une propriété spécifique à Microsoft</a> qui indique comment le contenu devrait s'écouler autour d'un élément d'exclusion.</p> - -<h2 id="Syntax" name="Syntax">Syntaxe</h2> - -<h3 id="Values" name="Values">Valeurs</h3> - -<dl> - <dt><code>wrap</code></dt> - <dd> - <p>L'élément d'exclusion hérite de la configuration de l'élément parent. Les éléments en ligne descendants s'écoulent autour des éléments d'exclusion définis en dehors de l'élément.</p> - </dd> - <dt><code>none</code></dt> - <dd> - <p>L'élément d'exclusion n'hérite pas de la configuration de l'élément parent. Les éléments descendants s'écoulent uniquement autour des éléments d'exclusion définis à l'intérieur de l'élément.</p> - </dd> -</dl> - -<h3 id="Formal_syntax" name="Formal_syntax">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Specifications" name="Specifications">Spécifications</h2> - -<p>Cette propriété est une propriété spécifique et ne fait partie d'aucune spécification.</p> - -<p>{{cssinfo}}</p> - -<h2 id="Remarks" name="Remarks">Notes</h2> - -<p>La propriété <code>-ms-wrap-through</code> peut être utilisée afin de contrôler l'effet des exclusions. On peut notamment avoir un contenu de bloc qui s'écoule autour d'un élément d'exclusion et un autre contenu de bloc de créer une intersection avec ce même élément d'exclusion.</p> - -<p>Le contour d'exclusion d'une boîte est formé par l'ensemble des zones d'exclusion associées à l'élément. Pour plus d'informations, voir la section <a href="https://drafts.csswg.org/css-exclusions-1/#terms">Terminologie</a> de la spécification de niveau 1 pour le module CSS Exclusions.</p> diff --git a/files/fr/web/css/@media/-moz-mac-graphite-theme/index.html b/files/fr/web/css/@media/-moz-mac-graphite-theme/index.html deleted file mode 100644 index 0e40cdfb52..0000000000 --- a/files/fr/web/css/@media/-moz-mac-graphite-theme/index.html +++ /dev/null @@ -1,34 +0,0 @@ ---- -title: '-moz-mac-graphite-theme' -slug: Web/CSS/@media/-moz-mac-graphite-theme -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-mac-graphite-theme ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<p>La <a href="/fr/docs/Web/CSS/Requêtes_média/Utiliser_les_Media_queries#Cibler_des_caractéristiques_média">caractéristique média</a> <strong><code>-moz-mac-graphite-theme</code></strong>, rattachée à la règle @ <a href="/fr/docs/Web/CSS/@media" title="The @media CSS at-rule lets you specify declarations that depend on the condition of a media query. The rule may be placed at the top level of your code or nested inside any other conditional group at-rule."><code>@media</code></a>, est spécifique à Gecko et peut être utilisée afin d'appliquer des styles si, sur macOS, l'utilisateur utilise le thème "Graphite".</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Si l'utilisateur a configuré son appareil afin d'utiliser le thème "Graphite" de macOS X, cette caractéristique vaut 1. Sinon, elle vaut 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> Non</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Cette caractéristiquee correspond à la pseudo-classe {{CSSxRef(":-moz-system-metric/mac-graphite-theme", ":-moz-system-metric(mac-graphite-theme)")}}.</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-maemo-classic/index.html b/files/fr/web/css/@media/-moz-maemo-classic/index.html deleted file mode 100644 index 1711266448..0000000000 --- a/files/fr/web/css/@media/-moz-maemo-classic/index.html +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: '-moz-maemo-classic' -slug: Web/CSS/@media/-moz-maemo-classic -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-maemo-classic ---- -<div>{{CSSRef}}{{Non-standard_Header}}{{Gecko_MinVersion_Header("1.9.2")}}</div> - -<p>La <a href="fr/docs/Web/CSS/Requêtes_média/Utiliser_les_Media_queries#Cibler_des_caractéristiques_média">caractérique média</a> <strong><code>-moz-maemo-classic</code></strong>, rattachée à la règle @ <a href="/fr/docs/Web/CSS/@media" title="The @media CSS at-rule lets you specify declarations that depend on the condition of a media query. The rule may be placed at the top level of your code or nested inside any other conditional group at-rule."><code>@media</code></a>, est spécifique à Gecko et permet d'appliquer des styles si l'agent utilisateur utilise le thème Maemo original.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Si l'agent utilisateur utilise Maemo avec le thème original, cette caractéristique vaut 1. Sinon, elle vaut 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> Non.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Cette caractéristique correspond à la pseudo-classe {{CSSxRef(":-moz-system-metric/maemo-classic", ":-moz-system-metric(maemo-classic)")}}.</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-os-version/index.html b/files/fr/web/css/@media/-moz-os-version/index.html deleted file mode 100644 index 5fafbdb5c5..0000000000 --- a/files/fr/web/css/@media/-moz-os-version/index.html +++ /dev/null @@ -1,34 +0,0 @@ ---- -title: '-moz-os-version' -slug: Web/CSS/@media/-moz-os-version -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-os-version ---- -<div>{{cssref}}{{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<p>La <a href="/fr/docs/Web/CSS/Requêtes_média/Utiliser_les_Media_queries#Cibler_des_caractéristiques_média">caractéristique média</a> <strong><code>-moz-os-version</code></strong>, rattachée à la règle @ <a href="/fr/docs/Web/CSS/@media" title="The @media CSS at-rule lets you specify declarations that depend on the condition of a media query. The rule may be placed at the top level of your code or nested inside any other conditional group at-rule."><code>@media</code></a>, est spécifique à Gecko et permet d'appliquer des styles en fonction de la version de Windows de l'utilisateur. Cela peut être utile afin d'adapter l'apparence d'une interface utilisateur en fonction de la version du système d'exploitation.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>windows-win7</code></dt> - <dd>Le système d'exploitation est Windows 7.</dd> - <dt><code>windows-win8</code></dt> - <dd>Le système d'exploitation est Windows 8.</dd> - <dt><code>windows-win10</code></dt> - <dd>Le système d'exploitation est Windows 10.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> Non</p> diff --git a/files/fr/web/css/@media/-moz-scrollbar-end-backward/index.html b/files/fr/web/css/@media/-moz-scrollbar-end-backward/index.html deleted file mode 100644 index 823591be7f..0000000000 --- a/files/fr/web/css/@media/-moz-scrollbar-end-backward/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: '-moz-scrollbar-end-backward' -slug: Web/CSS/@media/-moz-scrollbar-end-backward -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-scrollbar-end-backward ---- -<div>{{cssref}}{{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Si l'interface de l'appareil affiche une flèche à la fin des ascensceurs (<em>scrollbars</em>), cette caractéristique vaut 1 et sinon 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> Non</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>La pseudo-classe correspondante {{CSSxRef(":-moz-system-metric/scrollbar-end-backward", ":-moz-system-metric(scrollbar-end-backward)")}}.</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-scrollbar-end-forward/index.html b/files/fr/web/css/@media/-moz-scrollbar-end-forward/index.html deleted file mode 100644 index 2d7bb0dd8a..0000000000 --- a/files/fr/web/css/@media/-moz-scrollbar-end-forward/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: '-moz-scrollbar-end-forward' -slug: Web/CSS/@media/-moz-scrollbar-end-forward -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-scrollbar-end-forward ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Si l'interface de l'appareil affiche un bouton avec une flèche à la fin des ascenseurs (<em>scrollbars</em>), cette caractéristique vaut 1, sinon elle vaut 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> Non</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>La pseudo-classe correspondante {{CSSxRef(":-moz-system-metric/scrollbar-end-forward", ":-moz-system-metric(scrollbar-end-forward)")}}</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-scrollbar-start-backward/index.html b/files/fr/web/css/@media/-moz-scrollbar-start-backward/index.html deleted file mode 100644 index 1424cda885..0000000000 --- a/files/fr/web/css/@media/-moz-scrollbar-start-backward/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: '-moz-scrollbar-start-backward' -slug: Web/CSS/@media/-moz-scrollbar-start-backward -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-scrollbar-start-backward ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Si l'interface de l'appareil affiche un bouton avec une flèche vers l'arrière à la fin des ascenseurs (<em>scrollbars</em>), cette caractéristique vaut 1 et sinon 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> non</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>La pseudo-classe correspondante {{cssxref(":-moz-system-metric(scrollbar-start-backward)")}}</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-scrollbar-start-forward/index.html b/files/fr/web/css/@media/-moz-scrollbar-start-forward/index.html deleted file mode 100644 index 851323ed06..0000000000 --- a/files/fr/web/css/@media/-moz-scrollbar-start-forward/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: '-moz-scrollbar-start-forward' -slug: Web/CSS/@media/-moz-scrollbar-start-forward -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-scrollbar-start-forward ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Si l'interface de l'appareil affiche une flèche vers l'avant au début des ascenseurs (<em>scrollbars</em>), cette caractéristique vaut 1 et sinon 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> Non.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>La pseudo-classe correspondante {{CSSxRef(":-moz-system-metric/scrollbar-start-forward", ":-moz-system-metric(scrollbar-start-forward)")}}.</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-scrollbar-thumb-proportional/index.html b/files/fr/web/css/@media/-moz-scrollbar-thumb-proportional/index.html deleted file mode 100644 index 575085f65a..0000000000 --- a/files/fr/web/css/@media/-moz-scrollbar-thumb-proportional/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: '-moz-scrollbar-thumb-proportional' -slug: Web/CSS/@media/-moz-scrollbar-thumb-proportional -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-scrollbar-thumb-proportional ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Si l'interface de l'appareil affiche une barre de défilement dont la taille est proportionnelle au pourcentage du document visible, cette caractéristique vaut 1 et sinon 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> Non</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>La pseudo-classe correspondante {{CSSxRef(":-moz-system-metric/scrollbar-thumb-proportional", ":-moz-system-metric(scrollbar-thumb-proportional)")}}.</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-touch-enabled/index.html b/files/fr/web/css/@media/-moz-touch-enabled/index.html deleted file mode 100644 index 76b8621ab3..0000000000 --- a/files/fr/web/css/@media/-moz-touch-enabled/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: '-moz-touch-enabled' -slug: Web/CSS/@media/-moz-touch-enabled -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-touch-enabled ---- -<p>{{CSSRef}}{{Non-standard_Header}}{{Gecko_MinVersion_Header("1.9.2")}}</p> - -<div class="blockIndicator note"> -<p><strong>Note :</strong> Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média ne peut plus être utilisée pour du contenu web, elle est uniquement accessible pour du code pour le chrome/XUL. Voir {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Cette caractéristique vaut 1 si l'appareil prend en charge les évènements tactiles et 0 sinon.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> Non</p> - -<h2 id="Exemples">Exemples</h2> - -<p>Cette caractéristique peut être utilisée pour afficher des boutons plus gros si l'utilisateur emploie un appareil tactile.</p> - -<pre class="brush: css">button { - padding: .5em; -} - -@media (-moz-touch-enabled) { - button { - padding: 1em; - } -}</pre> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Cette fonctionnalité correspond à la pseudo-classe {{CSSxRef(":-moz-system-metric/touch-enabled", ":-moz-system-metric(touch-enabled)")}}.</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-windows-accent-color-in-titlebar/index.html b/files/fr/web/css/@media/-moz-windows-accent-color-in-titlebar/index.html deleted file mode 100644 index 3b2937525c..0000000000 --- a/files/fr/web/css/@media/-moz-windows-accent-color-in-titlebar/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: '-moz-windows-accent-color-in-titlebar' -slug: Web/CSS/@media/-moz-windows-accent-color-in-titlebar -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-windows-accent-color-in-titlebar ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<p>La <a href="/fr/docs/Web/CSS/Requêtes_média/Utiliser_les_Media_queries#Cibler_des_caractéristiques_média">caractéristique média</a> <code><strong>-moz-windows-accent-color-in-titlebar</strong></code>, spécifique à Gecko et rattachée à la règle @ <a href="/fr/docs/Web/CSS/@media" title="The @media CSS at-rule lets you specify declarations that depend on the condition of a media query. The rule may be placed at the top level of your code or nested inside any other conditional group at-rule."><code>@media</code></a>, peut-être utilisée afin d'appliquer des styles selon que les couleurs d'accentuation de Microsoft Windows pour les barres de titres sont activées ou non.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Cette caractéristique vaut 1 si les couleurs d'accentuation sont activées pour les barres de titre des fenêtres (pour les versions récentes de Windows, par exemple Windows 10). Sinon, elle vaut 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> non</p> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush: css">@media (-moz-windows-accent-color-in-titlebar: 1) { - h1 { - color: -moz-win-accentcolortext; - } - - body { - background-color: -moz-win-accentcolor; - } -}</pre> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Cette caractéristique est liée aux valeurs {{cssxref("<color>")}} <code>-moz-win-accentcolor</code> et <code>-moz-win-accentcolortext</code> qui permettent d'accéder aux couleurs d'accentuation de Windows depuis CSS.</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-windows-classic/index.html b/files/fr/web/css/@media/-moz-windows-classic/index.html deleted file mode 100644 index eed112dbf8..0000000000 --- a/files/fr/web/css/@media/-moz-windows-classic/index.html +++ /dev/null @@ -1,34 +0,0 @@ ---- -title: '-moz-windows-classic' -slug: Web/CSS/@media/-moz-windows-classic -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-windows-classic ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Cette caractéristique vaut 1 si l'utilisateur utilise Windows sans aucun thème (c'est-à-dire en mode classique plutôt qu'en mode uxtheme). Sinon, elle vaut 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des prefixes min/max :</strong> non</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Cette caractéristique correspond à la pseudo-classe {{CSSxRef(":-moz-system-metric/windows-classic", ":-moz-system-metric(windows-classic)")}}</li> - <li>{{CSSxRef("@media/-moz-windows-default-theme", "-moz-windows-default-theme")}}</li> - <li>{{CSSxRef("@media/-moz-windows-theme", "-moz-windows-theme")}}</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-windows-compositor/index.html b/files/fr/web/css/@media/-moz-windows-compositor/index.html deleted file mode 100644 index c590e35390..0000000000 --- a/files/fr/web/css/@media/-moz-windows-compositor/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: '-moz-windows-compositor' -slug: Web/CSS/@media/-moz-windows-compositor -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: 'Archive/Web/CSS/:-moz-system-metric/-moz-windows-compositor' ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Cette caractéristique vaut 1 si l'utilisateur utilise Windows avec le compositeur DWM. Sinon, elle vaut 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> non</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>La pseudo-classe correspondante {{CSSxRef(":-moz-system-metric/windows-compositor", ":-moz-system-metric(windows-compositor)")}}</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-windows-default-theme/index.html b/files/fr/web/css/@media/-moz-windows-default-theme/index.html deleted file mode 100644 index 8a84ca3119..0000000000 --- a/files/fr/web/css/@media/-moz-windows-default-theme/index.html +++ /dev/null @@ -1,34 +0,0 @@ ---- -title: '-moz-windows-default-theme' -slug: Web/CSS/@media/-moz-windows-default-theme -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-windows-default-theme ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Si l'utilisateur utilise un thème Windows par défaut (Luna, Royale, Zune ou Aero (incluant Vista Basic, Vista Advanced et Aero Glass)), cette caractéristique vaut 1 et sinon elle vaut 0.</dd> -</dl> - -<p><br> - <strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> non</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>La pseudo-classe correspondante {{CSSxRef(":-moz-system-metric(windows-default-theme)")}}</li> - <li>{{CSSxRef("@media/-moz-windows-classic", "-moz-windows-classic")}}</li> - <li>{{CSSxRef("@media/-moz-windows-theme", "-moz-windows-theme")}}</li> -</ul> diff --git a/files/fr/web/css/@media/-moz-windows-glass/index.html b/files/fr/web/css/@media/-moz-windows-glass/index.html deleted file mode 100644 index 9fdccd49a6..0000000000 --- a/files/fr/web/css/@media/-moz-windows-glass/index.html +++ /dev/null @@ -1,25 +0,0 @@ ---- -title: '-moz-windows-glass' -slug: Web/CSS/@media/-moz-windows-glass -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-windows-glass ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<dl> - <dt>{{cssxref("<integer>")}}</dt> - <dd>Cette caractéristique vaut 1 si l'utilisateur utilise l thème Windows Glass et 0 sinon. Note : ce thème n'existe que pour Windows 7 et les versions antérieures.</dd> -</dl> - -<p><strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> non</p> diff --git a/files/fr/web/css/@media/-moz-windows-theme/index.html b/files/fr/web/css/@media/-moz-windows-theme/index.html deleted file mode 100644 index c0bebdf7f1..0000000000 --- a/files/fr/web/css/@media/-moz-windows-theme/index.html +++ /dev/null @@ -1,43 +0,0 @@ ---- -title: '-moz-windows-theme' -slug: Web/CSS/@media/-moz-windows-theme -tags: - - '@media' - - CSS - - Caractéristique média - - Non-standard -translation_of: Archive/Web/CSS/@media/-moz-windows-theme ---- -<div>{{cssref}} {{Non-standard_header}}</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette caractéristique média n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<p>La <a href="/fr/docs/Web/CSS/Requêtes_média/Utiliser_les_Media_queries#Cibler_des_caractéristiques_média">caractéristique média</a> <strong><code>-moz-windows-theme</code></strong>, spécifique à Gecko et rattachée à la règle @ <a href="/fr/docs/Web/CSS/@media" title="The @media CSS at-rule lets you specify declarations that depend on the condition of a media query. The rule may be placed at the top level of your code or nested inside any other conditional group at-rule."><code>@media</code></a>, permet de personnaliser les éléments d'interfaces afin que ceux-ci soient bien intégrés par rapport au thème Windows utilisé par l'utilisateur.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<p>La caractéristique <code>-moz-windows-theme</code> est un mot-clé indiquant le thème Windows actuellement utilisé.</p> - -<h3 id="Valeurs">Valeurs</h3> - -<ul> - <li><code>aero</code></li> - <li><code>luna-blue</code></li> - <li><code>luna-olive</code></li> - <li><code>luna-silver</code></li> - <li><code>royale</code></li> - <li><code>generic</code></li> - <li><code>zune</code></li> -</ul> - -<p><strong>Média :</strong> {{cssxref("Media/Visual")}}<br> - <strong>Gestion des préfixes min/max :</strong> non</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{CSSxRef("@media/-moz-windows-classic", "-moz-windows-classic")}}</li> - <li>{{CSSxRef("@media/-moz-windows-default-theme", "-moz-windows-default-theme")}}</li> -</ul> diff --git a/files/fr/web/css/_colon_-moz-full-screen-ancestor/index.html b/files/fr/web/css/_colon_-moz-full-screen-ancestor/index.html deleted file mode 100644 index 4004032f1c..0000000000 --- a/files/fr/web/css/_colon_-moz-full-screen-ancestor/index.html +++ /dev/null @@ -1,41 +0,0 @@ ---- -title: ':-moz-full-screen-ancestor' -slug: 'Web/CSS/:-moz-full-screen-ancestor' -tags: - - CSS - - Non-standard - - Obsolete - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-full-screen-ancestor' ---- -<div>{{CSSRef}}{{non-standard_header}}{{deprecated_header}}</div> - -<p>La pseudo-classe <strong><code>:-moz-full-screen-ancestor</code></strong> permettait de cibler tous les ancêtres d'un élément affiché en plein écran à l'exception des <em>frames</em> contenues dans les documents parents.</p> - -<div class="warning"> -<p>Cette pseudo-classe a été retirée de Firefox 50</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-full-screen-ancestor")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/fr/docs/Web/Guide/DOM/Using_full_screen_mode">Utiliser le mode plein-écran</a></li> - <li>{{domxref("element.mozRequestFullScreen()")}}</li> - <li>{{domxref("document.mozCancelFullScreen()")}}</li> - <li>{{domxref("document.mozFullScreen")}}</li> - <li>{{domxref("document.mozFullScreenElement")}}</li> - <li>{{domxref("document.mozFullScreenEnabled")}}</li> - <li>{{HTMLAttrXRef("mozallowfullscreen", "iframe")}}</li> - <li>{{cssxref(":full-screen")}}</li> -</ul> diff --git a/files/fr/web/css/_colon_-moz-lwtheme-brighttext/index.html b/files/fr/web/css/_colon_-moz-lwtheme-brighttext/index.html deleted file mode 100644 index 68304a2c21..0000000000 --- a/files/fr/web/css/_colon_-moz-lwtheme-brighttext/index.html +++ /dev/null @@ -1,25 +0,0 @@ ---- -title: ':-moz-lwtheme-brighttext' -slug: 'Web/CSS/:-moz-lwtheme-brighttext' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Mozilla/Gecko/Chrome/CSS/:-moz-lwtheme-brighttext' ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La pseudo-classe <strong><code>:-moz-lwtheme-brighttext</code></strong> correspond à un élément de l'interface utilisateur du navigateur (le <em>chrome</em>) lorsque {{cssxref(":-moz-lwtheme")}} vaut <code>true</code> et qu'un thème léger avec une couleur de texte clair est sélectionné.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref(":-moz-lwtheme")}}</li> - <li>{{cssxref(":-moz-lwtheme-darktext")}}</li> - <li><a href="/fr/docs/Mozilla/Add-ons/Thèmes/Lightweight_themes">Les thèmes légers</a></li> -</ul> diff --git a/files/fr/web/css/_colon_-moz-lwtheme-darktext/index.html b/files/fr/web/css/_colon_-moz-lwtheme-darktext/index.html deleted file mode 100644 index 912ddbd7f6..0000000000 --- a/files/fr/web/css/_colon_-moz-lwtheme-darktext/index.html +++ /dev/null @@ -1,25 +0,0 @@ ---- -title: ':-moz-lwtheme-darktext' -slug: 'Web/CSS/:-moz-lwtheme-darktext' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Mozilla/Gecko/Chrome/CSS/:-moz-lwtheme-darktext' ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La pseudo-classe <strong><code>:-moz-lwtheme-darktext</code></strong> correspond à un élément de l'interface utilisateur du navigateur (le <em>chrome</em>) lorsque {{cssxref(":-moz-lwtheme")}} vaut <code>true</code> et qu'un thème léger avec une couleur de texte sombre est sélectionné.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref(":-moz-lwtheme")}}</li> - <li>{{cssxref(":-moz-lwtheme-brighttext")}}</li> - <li><a href="/fr/docs/Mozilla/Add-ons/Thèmes/Lightweight_themes">Les thèmes légers</a></li> -</ul> diff --git a/files/fr/web/css/_colon_-moz-lwtheme/index.html b/files/fr/web/css/_colon_-moz-lwtheme/index.html deleted file mode 100644 index 31b249d0ca..0000000000 --- a/files/fr/web/css/_colon_-moz-lwtheme/index.html +++ /dev/null @@ -1,25 +0,0 @@ ---- -title: ':-moz-lwtheme' -slug: 'Web/CSS/:-moz-lwtheme' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Mozilla/Gecko/Chrome/CSS/:-moz-lwtheme' ---- -<div>{{CSSRef}}{{non-standard_header}}</div> - -<p>La pseudo-classe <strong><code>:-moz-lwtheme</code></strong> permet de cibler les documents liés à l'interface utilisateur du navigateur (le <em>chrome</em>) lorsque l'attribut {{xulattr("lightweightthemes")}} de l'élément racine vaut <code>true</code> et qu'un thème est sélectionné.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref(":-moz-lwtheme-darktext")}}</li> - <li>{{cssxref(":-moz-lwtheme-brighttext")}}</li> - <li><a href="/fr/docs/Mozilla/Add-ons/Thèmes/Lightweight_themes">Les thèmes légers</a></li> -</ul> diff --git a/files/fr/web/css/_colon_-moz-system-metric/images-in-menus/index.html b/files/fr/web/css/_colon_-moz-system-metric/images-in-menus/index.html deleted file mode 100644 index dba93df04b..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/images-in-menus/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: ':-moz-system-metric(images-in-menus)' -slug: 'Web/CSS/:-moz-system-metric/images-in-menus' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-system-metric/images-in-menus' ---- -<div>{{CSSRef}}{{Non-standard_header}}{{Fx_minversion_header(3)}}</div> - -<p>La pseudo-classe <strong><code>:-moz-system-metric(images-in-menus)</code></strong> correspond à un élément si l'interface utilisateur de l'ordinateur utilisée permet d'utiliser des images dans les menus.</p> - -<p>Ce sélecteur est principalement destiné aux développeurs de thèmes.</p> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric.images-in-menus")}}</p> diff --git a/files/fr/web/css/_colon_-moz-system-metric/index.html b/files/fr/web/css/_colon_-moz-system-metric/index.html deleted file mode 100644 index 75e34f4f90..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/index.html +++ /dev/null @@ -1,39 +0,0 @@ ---- -title: ':-moz-system-metric()' -slug: 'Web/CSS/:-moz-system-metric' -tags: - - CSS - - Non-standard - - Obsolete - - Pseudo-classe -translation_of: 'Archive/Web/CSS/:-moz-system-metric' ---- -<p>{{CSSRef}}{{Draft}}{{Non-standard_Header}}{{Obsolete_Header("gecko58")}}</p> - -<p>{{wiki.localize("System.API.page-generated-for-subpage")}}</p> - -<div class="blockIndicator note"> -<p><strong>Note :</strong> Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur le Web. Elle ne peut être utilisée que de façon interne (pour du chrome ou du code XUL). Voir {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<p>{{SubpagesWithSummaries}}</p> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{CSSSyntax}}</pre> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{CSSxRef("@media")}}</li> -</ul> diff --git a/files/fr/web/css/_colon_-moz-system-metric/mac-graphite-theme/index.html b/files/fr/web/css/_colon_-moz-system-metric/mac-graphite-theme/index.html deleted file mode 100644 index fb3013b14f..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/mac-graphite-theme/index.html +++ /dev/null @@ -1,35 +0,0 @@ ---- -title: ':-moz-system-metric(mac-graphite-theme)' -slug: 'Web/CSS/:-moz-system-metric/mac-graphite-theme' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-system-metric/mac-graphite-theme' ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>La pseudo-classe <code>:-moz-system-metric(mac-graphite-theme)</code> correspond à un élément si l'utilisateur a sélectionné l'apparence <em>Graphite</em> dans l'écran des préférences système de Mac OS X.</p> - -<p>Ce sélecteur est principalement destiné aux développeurs de thèmes.</p> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric.mac-graphite-theme")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{Bug(448767)}}</li> -</ul> diff --git a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-end-backward/index.html b/files/fr/web/css/_colon_-moz-system-metric/scrollbar-end-backward/index.html deleted file mode 100644 index d5ff5941e3..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-end-backward/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: ':-moz-system-metric(scrollbar-end-backward)' -slug: 'Web/CSS/:-moz-system-metric/scrollbar-end-backward' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-system-metric/scrollbar-end-backward' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La pseudo-classe <strong><code>:-moz-system-metric(scrollbar-end-backward)</code></strong> correspond à un élément si l'interface utilisateur de l'ordinateur inclut un bouton de recul à la fin des barres de défilement.</p> - -<p>Ce sélecteur est principalement destiné aux développeurs de thèmes.</p> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric.scrollbar-end-backward")}}</p> diff --git a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-end-forward/index.html b/files/fr/web/css/_colon_-moz-system-metric/scrollbar-end-forward/index.html deleted file mode 100644 index abc2ef8c2e..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-end-forward/index.html +++ /dev/null @@ -1,27 +0,0 @@ ---- -title: ':-moz-system-metric(scrollbar-end-forward)' -slug: 'Web/CSS/:-moz-system-metric/scrollbar-end-forward' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-system-metric/scrollbar-end-forward' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La pseudo-classe <strong><code>:-moz-system-metric(scrollbar-end-forward)</code></strong> correspond à un élément si l'interface utilisateur de l'ordinateur inclut un bouton d'avancement à la fin des barres de défilement.</p> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric.scrollbar-end-forward")}}</p> diff --git a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-start-backward/index.html b/files/fr/web/css/_colon_-moz-system-metric/scrollbar-start-backward/index.html deleted file mode 100644 index 19c645904f..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-start-backward/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: ':-moz-system-metric(scrollbar-start-backward)' -slug: 'Web/CSS/:-moz-system-metric/scrollbar-start-backward' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-system-metric/scrollbar-start-backward' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La pseudo-classe <strong><code>:-moz-system-metric(scrollbar-start-backward)</code></strong> correspond à un élément si l'interface utilisateur de l'ordinateur utilisé inclut un bouton avec une flèche vers le bas à la fin des barres de défilement.</p> - -<p>Ce sélecteur est principalement destiné aux développeurs de thèmes.</p> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric.scrollbar-start-backward")}}</p> diff --git a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-start-forward/index.html b/files/fr/web/css/_colon_-moz-system-metric/scrollbar-start-forward/index.html deleted file mode 100644 index a6cc78db85..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-start-forward/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: ':-moz-system-metric(scrollbar-start-forward)' -slug: 'Web/CSS/:-moz-system-metric/scrollbar-start-forward' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-system-metric/scrollbar-start-forward' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La pseudo-classe <strong><code>:-moz-system-metric(scrollbar-start-forward)</code></strong> correspond à un élément si l'interface utilisateur de l'ordinateur inclue une flèche pour remonter au début des barres de défilement.</p> - -<p>Ce sélecteur est principalement destiné aux développeurs de thèmes.</p> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric.scrollbar-start-forward")}}</p> diff --git a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-thumb-proportional/index.html b/files/fr/web/css/_colon_-moz-system-metric/scrollbar-thumb-proportional/index.html deleted file mode 100644 index 14c1511f98..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/scrollbar-thumb-proportional/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: ':-moz-system-metric(scrollbar-thumb-proportional)' -slug: 'Web/CSS/:-moz-system-metric/scrollbar-thumb-proportional' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-system-metric/scrollbar-thumb-proportional' ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>La pseudo-classe <strong><code>:-moz-system-metric(scrollbar-thumb-proportional)</code></strong> correspondra à un élément si l'interface utilisateur de l'ordinateur utilise des curseurs de barre de défilement proportionnels à la taille de la zone visible du document à l'écran.</p> - -<p>Ce sélecteur est principalement destiné aux développeurs de thèmes.</p> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric.scrollbar-thumb-proportional")}}</p> diff --git a/files/fr/web/css/_colon_-moz-system-metric/touch-enabled/index.html b/files/fr/web/css/_colon_-moz-system-metric/touch-enabled/index.html deleted file mode 100644 index 4b48986029..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/touch-enabled/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: ':-moz-system-metric(touch-enabled)' -slug: 'Web/CSS/:-moz-system-metric/touch-enabled' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-system-metric/touch-enabled' ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>La pseudo-classe <strong><code>:-moz-system-metric(touch-enabled)</code></strong> correspondra à un élément si l'appareil sur lequel il est affiché est une interface tactile.</p> - -<div class="note"><strong>Note :</strong> Cette pseudo-classe n'est pas destinée à être utilisée sur le Web. Pour cela, on privilégiera la requête média {{cssxref("-moz-touch-enabled")}}.</div> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric.touch-enabled")}}</p> diff --git a/files/fr/web/css/_colon_-moz-system-metric/windows-default-theme/index.html b/files/fr/web/css/_colon_-moz-system-metric/windows-default-theme/index.html deleted file mode 100644 index ae0eaf8806..0000000000 --- a/files/fr/web/css/_colon_-moz-system-metric/windows-default-theme/index.html +++ /dev/null @@ -1,69 +0,0 @@ ---- -title: ':-moz-system-metric(windows-default-theme)' -slug: 'Web/CSS/:-moz-system-metric/windows-default-theme' -tags: - - CSS - - Non-standard - - Pseudo-classe - - Reference -translation_of: 'Archive/Web/CSS/:-moz-system-metric/windows-default-theme' ---- -<div>{{Non-standard_header}}{{CSSRef}}</div> - -<p>La pseudo-classe <strong><code>:-moz-system-metric(windows-default-theme)</code></strong> correspond à un élément si l'utilisateur utilise l'un des thèmes Windows suivant : Luna, Royale, Zune ou Aero (c'est-à-dire Vista Basic, Vista Standard ou Aero Glass). Les thèmes Windows classiques et les thèmes tiers sont exclus.</p> - -<p>Ce sélecteur est principalement destiné aux développeurs de thèmes.</p> - -<div class="note"> -<p><strong>Note </strong>: Depuis <a href="/fr/docs/Mozilla/Firefox/Releases/58">Firefox 58</a>, cette pseudo-classe n'est plus disponible pour être utilisée sur du contenu web. Elle ne peut être utilisée que de façon interne (c'est-à-dire avec XUL et pour le code du chrome). Cf. {{bug(1396066)}} pour plus de détails.</p> -</div> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">#defaultThemes, -#nonDefaultThemes { - background-color: #FFA0A0; -} - -#defaultThemes:-moz-system-metric(windows-default-theme) { - background-color: #A0FFA0; -} - -#nonDefaultThemes:not(-moz-system-metric(windows-default-theme)) { - background-color: #A0FFA0; -} - -#notSupported:-moz-system-metric(windows-default-theme), -#notSupported:not(:-moz-system-metric(windows-default-theme)) { - display: none; -}</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><p id="defaultThemes"> - Ce paragraphe devrait avoir un fond vert avec les thèmes Windows - Luna/Royale/Zune/Aero et un fond rouge avec les autres. -</p> - -<p id="nonDefaultThemes"> - Ce paragraphe devrait avoir un fond vert avec with Windows Classic - ou avec un thème tiers ou un fond rouge pour les autres. -</p> - -<p id="notSupported">La détection des thèmes n'est pas prise en charge.</p></pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples", "100%", 170)}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette pseudo-classe est une pseudo-classe propriétaire liée à Gecko/Mozilla et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-moz-system-metric.windows-default-theme")}}</p> diff --git a/files/fr/web/css/_doublecolon_-ms-browse/index.html b/files/fr/web/css/_doublecolon_-ms-browse/index.html deleted file mode 100644 index a1c0fc0ad9..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-browse/index.html +++ /dev/null @@ -1,108 +0,0 @@ ---- -title: '::-ms-browse' -slug: 'Web/CSS/::-ms-browse' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-browse' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-browse</code></strong> représente le bouton qui permet d'ouvrir l'explorateur de fichier d'un élément {{HTMLElement("input")}} de type <code>file</code>.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés CSS suivantes peuvent être utilisées avec une règle qui utilise un sélecteur avec <code>::-ms-browse</code>. Les autres propriétés sont ignorées.</p> - -<div class="index"> -<ul> - <li>{{CSSxRef("-ms-background-position-x")}}</li> - <li>{{CSSxRef("-ms-background-position-y")}}</li> - <li>{{CSSxRef("-ms-high-contrast-adjust")}}</li> - <li>{{CSSxRef("background-clip")}}</li> - <li>{{CSSxRef("background-color")}}</li> - <li>{{CSSxRef("background-image")}}</li> - <li>{{CSSxRef("background-origin")}}</li> - <li>{{CSSxRef("background-repeat")}}</li> - <li>{{CSSxRef("background-size")}}</li> - <li>{{CSSxRef("border-bottom-color")}}</li> - <li>{{CSSxRef("border-bottom-left-radius")}}</li> - <li>{{CSSxRef("border-bottom-right-radius")}}</li> - <li>{{CSSxRef("border-bottom-style")}}</li> - <li>{{CSSxRef("border-bottom-width")}}</li> - <li>{{CSSxRef("border-left-color")}}</li> - <li>{{CSSxRef("border-left-style")}}</li> - <li>{{CSSxRef("border-left-width")}}</li> - <li>{{CSSxRef("border-right-color")}}</li> - <li>{{CSSxRef("border-right-style ")}}</li> - <li>{{CSSxRef("border-right-width")}}</li> - <li>{{CSSxRef("border-top-color")}}</li> - <li>{{CSSxRef("border-top-left-radius")}}</li> - <li>{{CSSxRef("border-top-right-radius ")}}</li> - <li>{{CSSxRef("border-top-style")}}</li> - <li>{{CSSxRef("border-top-width")}}</li> - <li>{{CSSxRef("box-shadow")}}</li> - <li>{{CSSxRef("box-sizing")}}</li> - <li>{{CSSxRef("color")}}</li> - <li>{{CSSxRef("cursor")}}</li> - <li>{{CSSxRef("display")}} (valeurss <code>block</code>, <code>inline-block</code> et <code>none</code>)</li> - <li>{{CSSxRef("@font-face")}}</li> - <li>{{CSSxRef("font-size")}}</li> - <li>{{CSSxRef("font-style")}}</li> - <li>{{CSSxRef("font-weight")}}</li> - <li>{{CSSxRef("height")}}</li> - <li>{{CSSxRef("margin-bottom")}}</li> - <li>{{CSSxRef("margin-left")}}</li> - <li>{{CSSxRef("margin-right")}}</li> - <li>{{CSSxRef("margin-top")}}</li> - <li>{{CSSxRef("opacity")}}</li> - <li>{{CSSxRef("outline-color")}}</li> - <li>{{CSSxRef("outline-style")}}</li> - <li>{{CSSxRef("outline-width")}}</li> - <li>{{CSSxRef("padding-bottom")}}</li> - <li>{{CSSxRef("padding-left")}}</li> - <li>{{CSSxRef("padding-right")}}</li> - <li>{{CSSxRef("padding-top")}}</li> - <li>{{CSSxRef("transform")}}</li> - <li>{{CSSxRef("transform-origin")}}</li> - <li>{{CSSxRef("visibility")}}</li> - <li>{{CSSxRef("width")}}</li> -</ul> -</div> -<h2 id="Syntax" name="Syntax">Syntaxe</h2> - -<pre class="syntaxbox"> {{csssyntax}} -</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><label>Choisir une image : <input type="file"></label></pre> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">input[type="file"]::-ms-browse { - color: red; - background-color: yellow; -}</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample('Exemples')}}</p> - -<h3 id="Capture_d'écran_correspondante">Capture d'écran correspondante</h3> - -<p><img alt="" src="https://mdn.mozillademos.org/files/12744/bandicam%202016-03-11%2017-19-55-369.jpg" style="height: 188px; width: 680px;"></p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-ms-browse")}}</p> diff --git a/files/fr/web/css/_doublecolon_-ms-check/index.html b/files/fr/web/css/_doublecolon_-ms-check/index.html deleted file mode 100644 index 7696ee6792..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-check/index.html +++ /dev/null @@ -1,125 +0,0 @@ ---- -title: '::-ms-check' -slug: 'Web/CSS/::-ms-check' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-check' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-check</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une extension Microsoft</a> qui représente la marque visuelle d'un élément {{HTMLElement("input")}} de <code>type="checkbox"</code> or <code>type="radio"</code>. Ce pseudo-élément n'est pas standard et est uniquement pris en charge par Internet Explorer et Edge.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules certaines propriétés CSS peuvent être utilisées au sein d'une règle dont le sélecteur contient <code>::-ms-check</code>. Les autres propriétés seront ignorées.</p> - -<div class="index"> -<ul> - <li>{{CSSxRef("-ms-background-position-x")}}</li> - <li>{{CSSxRef("-ms-background-position-y")}}</li> - <li>{{CSSxRef("-ms-high-contrast-adjust")}}</li> - <li>{{CSSxRef("background-clip")}}</li> - <li>{{CSSxRef("background-color")}}</li> - <li>{{CSSxRef("background-image")}}</li> - <li>{{CSSxRef("background-origin")}}</li> - <li>{{CSSxRef("background-repeat")}}</li> - <li>{{CSSxRef("background-size")}}</li> - <li>{{CSSxRef("border-bottom-color")}}</li> - <li>{{CSSxRef("border-bottom-left-radius")}}</li> - <li>{{CSSxRef("border-bottom-right-radius")}}</li> - <li>{{CSSxRef("border-bottom-style")}}</li> - <li>{{CSSxRef("border-bottom-width")}}</li> - <li>{{CSSxRef("border-left-color")}}</li> - <li>{{CSSxRef("border-left-style")}}</li> - <li>{{CSSxRef("border-left-width")}}</li> - <li>{{CSSxRef("border-right-color")}}</li> - <li>{{CSSxRef("border-right-style ")}}</li> - <li>{{CSSxRef("border-right-width")}}</li> - <li>{{CSSxRef("border-top-color")}}</li> - <li>{{CSSxRef("border-top-left-radius")}}</li> - <li>{{CSSxRef("border-top-right-radius ")}}</li> - <li>{{CSSxRef("border-top-style")}}</li> - <li>{{CSSxRef("border-top-width")}}</li> - <li>{{CSSxRef("box-shadow")}}</li> - <li>{{CSSxRef("box-sizing")}}</li> - <li>{{CSSxRef("color")}}</li> - <li>{{CSSxRef("cursor")}}</li> - <li>{{CSSxRef("display")}} (valeurs <code>block</code>, <code>inline-block</code> et <code>none</code>)</li> - <li>{{CSSxRef("@font-face")}}</li> - <li>{{CSSxRef("font-size")}}</li> - <li>{{CSSxRef("font-style")}}</li> - <li>{{CSSxRef("font-weight")}}</li> - <li>{{CSSxRef("height")}}</li> - <li>{{CSSxRef("margin-bottom")}}</li> - <li>{{CSSxRef("margin-left")}}</li> - <li>{{CSSxRef("margin-right")}}</li> - <li>{{CSSxRef("margin-top")}}</li> - <li>{{CSSxRef("opacity")}}</li> - <li>{{CSSxRef("outline-color")}}</li> - <li>{{CSSxRef("outline-style")}}</li> - <li>{{CSSxRef("outline-width")}}</li> - <li>{{CSSxRef("padding-bottom")}}</li> - <li>{{CSSxRef("padding-left")}}</li> - <li>{{CSSxRef("padding-right")}}</li> - <li>{{CSSxRef("padding-top")}}</li> - <li>{{CSSxRef("transform")}}</li> - <li>{{CSSxRef("transform-origin")}}</li> - <li>{{CSSxRef("visibility")}}</li> - <li>{{CSSxRef("width")}}</li> -</ul> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox"><em>selecteur</em>::-ms-check -</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">input, label { - display: inline; -} - -input[type=radio]::-ms-check { - /* Le cercle sera rouge comme l'option sera sélectionnée. */ - color: red; - /* La bordure de l'élément sera rouge si l'option est sélectionnée */ - border-color: red; -} - -input[type=checkbox]::-ms-check { - /* La coche sera verte quand la case sera cochée. */ - color: green; - /* La bordure de l'élément sera verte si la case est cochée */ - border-color: red; -}</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><form> - <label for="redButton">Rouge</label> - <input type="radio" id="redButton"><br> - <label for="greenCheckbox">Verte</label> - <input type="checkbox" id="greenCheckbox"> -</form></pre> - -<h3 id="Résultat">Résultat</h3> - -<p>La capture d'écran à gauche illustre le résultat obtenu avec Internet Explorer ou Edge.</p> - -<p>{{EmbedLiveSample('Exemples', '', '', 'https://mdn.mozillademos.org/files/15814/ie11-example.PNG', 'Web/CSS/::-ms-check')}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-ms-check")}}</p> diff --git a/files/fr/web/css/_doublecolon_-ms-clear/index.html b/files/fr/web/css/_doublecolon_-ms-clear/index.html deleted file mode 100644 index fe06d95707..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-clear/index.html +++ /dev/null @@ -1,137 +0,0 @@ ---- -title: '::-ms-clear' -slug: 'Web/CSS/::-ms-clear' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-clear' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le <a href="/fr/docs/Web/CSS/Pseudo-éléments">pseudo-élément</a> <strong><code>::-ms-clear</code></strong> représente le bouton qui permet d'effacer la valeur saisie dans un champ {{HTMLElement("input")}}. Ce bouton et ce pseudo-élément ne sont pas standards et sont uniquement pris en charge par Internet Explorer 10, 11 et Edge. Le bouton est uniquement affichés pour les champs textuels {{HTMLElement("input")}} non-vides et qui ont le focus.</p> - -<p>Le bouton de remise à zéro est uniquement affiché pour les contrôles textuels qui ont le focus et qui ne sont pas vides. Les contrôles concernés sont :</p> - -<ul> - <li>{{HTMLElement("input/color", '<code><input type="color"></code>')}}</li> - <li>{{HTMLElement("input/date", '<code><input type="date"></code>')}}</li> - <li>{{HTMLElement("input/datetime", '<code><input type="datetime"></code>')}}</li> - <li>{{HTMLElement("input/datetime-local", '<code><input type="datetime-local"></code>')}}</li> - <li>{{HTMLElement("input/email", '<code><input type="email"></code>')}}</li> - <li>{{HTMLElement("input/month", '<code><input type="month"></code>')}}</li> - <li>{{HTMLElement("input/number", '<code><input type="number"></code>')}}</li> - <li>{{HTMLElement("input/search", '<code><input type="search"></code>')}}</li> - <li>{{HTMLElement("input/tel", '<code><input type="tel"></code>')}}</li> - <li>{{HTMLElement("input/time", '<code><input type="time"></code>')}}</li> - <li>{{HTMLElement("input/url", '<code><input type="url"></code>')}}</li> - <li>{{HTMLElement("input/week", '<code><input type="week"></code>')}}</li> -</ul> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés CSS suivantes peuvent être utilisées dans une règle qui contient <code>::-ms-clear</code> dans son sélecteur (les autres propriétés seront ignorées).</p> - -<div class="index"> -<ul> - <li>{{CSSxRef("-ms-high-contrast-adjust")}}</li> - <li>{{CSSxRef("background-clip")}}</li> - <li>{{CSSxRef("background-color")}}</li> - <li>{{CSSxRef("background-image")}}</li> - <li>{{CSSxRef("background-origin")}}</li> - <li>{{CSSxRef("background-position-x")}}</li> - <li>{{CSSxRef("background-position-y")}}</li> - <li>{{CSSxRef("background-repeat")}}</li> - <li>{{CSSxRef("background-size")}}</li> - <li>{{CSSxRef("border-bottom-color")}}</li> - <li>{{CSSxRef("border-bottom-left-radius")}}</li> - <li>{{CSSxRef("border-bottom-right-radius")}}</li> - <li>{{CSSxRef("border-bottom-style")}}</li> - <li>{{CSSxRef("border-bottom-width")}}</li> - <li>{{CSSxRef("border-left-color")}}</li> - <li>{{CSSxRef("border-left-style")}}</li> - <li>{{CSSxRef("border-left-width")}}</li> - <li>{{CSSxRef("border-right-color")}}</li> - <li>{{CSSxRef("border-right-style ")}}</li> - <li>{{CSSxRef("border-right-width")}}</li> - <li>{{CSSxRef("border-top-color")}}</li> - <li>{{CSSxRef("border-top-left-radius")}}</li> - <li>{{CSSxRef("border-top-right-radius ")}}</li> - <li>{{CSSxRef("border-top-style")}}</li> - <li>{{CSSxRef("border-top-width")}}</li> - <li>{{CSSxRef("box-shadow")}}</li> - <li>{{CSSxRef("box-sizing")}}</li> - <li>{{CSSxRef("color")}}</li> - <li>{{CSSxRef("cursor")}}</li> - <li>{{CSSxRef("display")}} (avec les valeurs <code>block</code>, <code>inline-block</code>, <code>none</code>)</li> - <li>{{CSSxRef("@font-face")}}</li> - <li>{{CSSxRef("font-size")}}</li> - <li>{{CSSxRef("font-style")}}</li> - <li>{{CSSxRef("font-weight")}}</li> - <li>{{CSSxRef("height")}}</li> - <li>{{CSSxRef("margin-bottom")}}</li> - <li>{{CSSxRef("margin-left")}}</li> - <li>{{CSSxRef("margin-right")}}</li> - <li>{{CSSxRef("margin-top")}}</li> - <li>{{CSSxRef("opacity")}}</li> - <li>{{CSSxRef("outline-color")}}</li> - <li>{{CSSxRef("outline-style")}}</li> - <li>{{CSSxRef("outline-width")}}</li> - <li>{{CSSxRef("padding-bottom")}}</li> - <li>{{CSSxRef("padding-left")}}</li> - <li>{{CSSxRef("padding-right")}}</li> - <li>{{CSSxRef("padding-top")}}</li> - <li>{{CSSxRef("transform")}}</li> - <li>{{CSSxRef("transform-origin")}}</li> - <li>{{CSSxRef("visibility")}}</li> - <li>{{CSSxRef("width")}}</li> -</ul> -</div> - -<h2 id="Syntaxe"><strong>Syntaxe</strong></h2> - -<pre class="syntaxbox"> <em>selecteur</em>::-ms-clear</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">input, -label { - display: block; -} - -input[type=text]::-ms-clear { - color: red;<em> </em>/* La croix du bouton sera rouge. */ - /* On peut cacher la croix avec display qui vaut "none" */ -}</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><form> - <label for="firstname">First name:</label> - <input type="text" id="firstname" name="firstname" placeholder="First name"><br> - - <label for="lastname">Last name:</label> - <input type="text" id="lastname" name="lastname" placeholder="Second name"> -</form> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample('Exemples')}}</p> - -<p>Voici une capture d'écran du résultat obtenu avec IE 10/11 :</p> - -<p> <img alt="" src="https://mdn.mozillademos.org/files/12263/ms-clear-example.png" style="display: block; height: 75px; margin: 0px auto; width: 611px;"></p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-ms-clear")}}</p> diff --git a/files/fr/web/css/_doublecolon_-ms-expand/index.html b/files/fr/web/css/_doublecolon_-ms-expand/index.html deleted file mode 100644 index f8f7b3ded3..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-expand/index.html +++ /dev/null @@ -1,88 +0,0 @@ ---- -title: '::-ms-expand' -slug: 'Web/CSS/::-ms-expand' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-expand' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-expand</code></strong> représente le bouton contenu dans un élément {{HTMLElement("select")}} et qui permet d'ouvrir ou de fermer le menu déroulant qui propose les options ({{HTMLElement("option")}}). Il est généralement représenté par un triangle orienté vers le bas.</p> - -<h2 id="Allowable_properties" name="Allowable_properties">Propriétés autorisées</h2> - -<p>Seules certaines propriétés CSS peuvent être utilisées dans une règle contenant <code>::-ms-expand</code> dans son sélecteur (les autres propriétés seront ignorées).</p> - - -<div class="index"> -<ul> - <li>{{CSSxRef("-ms-high-contrast-adjust")}}</li> - <li>{{CSSxRef("background-clip")}}</li> - <li>{{CSSxRef("background-color")}}</li> - <li>{{CSSxRef("background-image")}}</li> - <li>{{CSSxRef("background-origin")}}</li> - <li>{{CSSxRef("background-position-x")}}</li> - <li>{{CSSxRef("background-position-y")}}</li> - <li>{{CSSxRef("background-repeat")}}</li> - <li>{{CSSxRef("background-size")}}</li> - <li>{{CSSxRef("border-bottom-color")}}</li> - <li>{{CSSxRef("border-bottom-left-radius")}}</li> - <li>{{CSSxRef("border-bottom-right-radius")}}</li> - <li>{{CSSxRef("border-bottom-style")}}</li> - <li>{{CSSxRef("border-bottom-width")}}</li> - <li>{{CSSxRef("border-left-color")}}</li> - <li>{{CSSxRef("border-left-style")}}</li> - <li>{{CSSxRef("border-left-width")}}</li> - <li>{{CSSxRef("border-right-color")}}</li> - <li>{{CSSxRef("border-right-style ")}}</li> - <li>{{CSSxRef("border-right-width")}}</li> - <li>{{CSSxRef("border-top-color")}}</li> - <li>{{CSSxRef("border-top-left-radius")}}</li> - <li>{{CSSxRef("border-top-right-radius ")}}</li> - <li>{{CSSxRef("border-top-style")}}</li> - <li>{{CSSxRef("border-top-width")}}</li> - <li>{{CSSxRef("box-shadow")}}</li> - <li>{{CSSxRef("box-sizing")}}</li> - <li>{{CSSxRef("color")}}</li> - <li>{{CSSxRef("cursor")}}</li> - <li>{{CSSxRef("display")}} (valeurs <code>block</code>, <code>inline-block</code>, <code>none</code>)</li> - <li>{{CSSxRef("@font-face")}}</li> - <li>{{CSSxRef("font-size")}}</li> - <li>{{CSSxRef("font-style")}}</li> - <li>{{CSSxRef("font-weight")}}</li> - <li>{{CSSxRef("height")}}</li> - <li>{{CSSxRef("margin-bottom")}}</li> - <li>{{CSSxRef("margin-left")}}</li> - <li>{{CSSxRef("margin-right")}}</li> - <li>{{CSSxRef("margin-top")}}</li> - <li>{{CSSxRef("opacity")}}</li> - <li>{{CSSxRef("outline-color")}}</li> - <li>{{CSSxRef("outline-style")}}</li> - <li>{{CSSxRef("outline-width")}}</li> - <li>{{CSSxRef("padding-bottom")}}</li> - <li>{{CSSxRef("padding-left")}}</li> - <li>{{CSSxRef("padding-right")}}</li> - <li>{{CSSxRef("padding-top")}}</li> - <li>{{CSSxRef("transform")}}</li> - <li>{{CSSxRef("transform-origin")}}</li> - <li>{{CSSxRef("visibility")}}</li> - <li>{{CSSxRef("width")}}</li> -</ul> -</div> -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">::-ms-expand -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> -<p>{{Compat("css.selectors.-ms-expand")}}</p> diff --git a/files/fr/web/css/_doublecolon_-ms-fill-lower/index.html b/files/fr/web/css/_doublecolon_-ms-fill-lower/index.html deleted file mode 100644 index de4df1e4af..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-fill-lower/index.html +++ /dev/null @@ -1,96 +0,0 @@ ---- -title: '::-ms-fill-lower' -slug: 'Web/CSS/::-ms-fill-lower' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-fill-lower' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-fill-lower</code></strong> représente la portion de la piste d'un élément {{HTMLElement("input")}} de type <code>range</code> qui contient les valeurs inférieures à la valeur du curseur.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés CSS suivantes peuvent être utilisées dans une règle dont le sélecteur contient <code>::-ms-fill-lower</code> (les autres propriétés sont ignorées).</p> - -<ul> - <li>{{cssxref("background-clip")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("background-image")}}</li> - <li>{{cssxref("background-origin")}}</li> - <li>{{cssxref("background-repeat")}}</li> - <li>{{cssxref("background-size")}}</li> - <li>{{cssxref("border-bottom-color")}}</li> - <li>{{cssxref("border-bottom-left-radius")}}</li> - <li>{{cssxref("border-bottom-right-radius")}}</li> - <li>{{cssxref("border-bottom-style")}}</li> - <li>{{cssxref("border-bottom-width")}}</li> - <li>{{cssxref("border-left-color")}}</li> - <li>{{cssxref("border-left-style")}}</li> - <li>{{cssxref("border-left-width")}}</li> - <li>{{cssxref("border-right-color")}}</li> - <li>{{cssxref("border-right-style ")}}</li> - <li>{{cssxref("border-right-width")}}</li> - <li>{{cssxref("border-top-color")}}</li> - <li>{{cssxref("border-top-left-radius")}}</li> - <li>{{cssxref("border-top-right-radius ")}}</li> - <li>{{cssxref("border-top-style")}}</li> - <li>{{cssxref("border-top-width")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} (valeurs <code>block</code>, <code>inline-block</code>, <code>none</code>)</li> - <li>{{cssxref("@font-face")}}</li> - <li>{{cssxref("font-size")}}</li> - <li>{{cssxref("font-style")}}</li> - <li>{{cssxref("font-weight")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("margin-bottom")}}</li> - <li>{{cssxref("margin-left")}}</li> - <li>{{cssxref("margin-right")}}</li> - <li>{{cssxref("margin-top")}}</li> - <li><code>-ms-background-position-x</code></li> - <li><code>-ms-background-position-y</code></li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}</li> - <li>{{cssxref("outline-style")}}</li> - <li>{{cssxref("outline-width")}}</li> - <li>{{cssxref("padding-bottom")}}</li> - <li>{{cssxref("padding-left")}}</li> - <li>{{cssxref("padding-right")}}</li> - <li>{{cssxref("padding-top")}}</li> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> - <li>{{cssxref("width")}}</li> -</ul> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-ms-fill-lower")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Les pseudo-éléments utilisés par IE/Edge pour mettre en forme les autres parties des éléments {{HTMLElement("input")}} de type <code>range</code> : - - <ul> - <li>{{cssxref("::-ms-fill-upper")}}</li> - <li>{{cssxref("::-ms-track")}}</li> - <li>{{cssxref("::-ms-thumb")}}</li> - </ul> - </li> - <li>{{cssxref("::-moz-range-progress")}}</li> - <li><a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">CSS-Tricks : Gérer des champs <code>input</code> de type <code>range</code> de façon compatible entre les navigateurs (en anglais)</a></li> -</ul> diff --git a/files/fr/web/css/_doublecolon_-ms-fill-upper/index.html b/files/fr/web/css/_doublecolon_-ms-fill-upper/index.html deleted file mode 100644 index 3413848720..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-fill-upper/index.html +++ /dev/null @@ -1,101 +0,0 @@ ---- -title: '::-ms-fill-upper' -slug: 'Web/CSS/::-ms-fill-upper' -tags: - - CSS - - Non-standard - - Pseudo-élément(2) - - Référence(2) -translation_of: 'Archive/Web/CSS/::-ms-fill-upper' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-fill-upper</code></strong> représente la portion de la piste d'un élément {{HTMLElement("input")}} de type <code>range</code> qui contient les valeurs supérieures à la valeur du curseur.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés CSS suivantes peuvent être utilisées dans une règle dont le sélecteur contient <code>::-ms-fill-upper</code>. Les autres propriétés sont ignorées.</p> - -<ul> - <li>{{cssxref("background-clip")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("background-image")}}</li> - <li>{{cssxref("background-origin")}}</li> - <li>{{cssxref("background-repeat")}}</li> - <li>{{cssxref("background-size")}}</li> - <li>{{cssxref("border-bottom-color")}}</li> - <li>{{cssxref("border-bottom-left-radius")}}</li> - <li>{{cssxref("border-bottom-right-radius")}}</li> - <li>{{cssxref("border-bottom-style")}}</li> - <li>{{cssxref("border-bottom-width")}}</li> - <li>{{cssxref("border-left-color")}}</li> - <li>{{cssxref("border-left-style")}}</li> - <li>{{cssxref("border-left-width")}}</li> - <li>{{cssxref("border-right-color")}}</li> - <li>{{cssxref("border-right-style ")}}</li> - <li>{{cssxref("border-right-width")}}</li> - <li>{{cssxref("border-top-color")}}</li> - <li>{{cssxref("border-top-left-radius")}}</li> - <li>{{cssxref("border-top-right-radius ")}}</li> - <li>{{cssxref("border-top-style")}}</li> - <li>{{cssxref("border-top-width")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} (valeurs <code>block</code>, <code>inline-block</code>, <code>none</code>)</li> - <li>{{cssxref("@font-face")}}</li> - <li>{{cssxref("font-size")}}</li> - <li>{{cssxref("font-style")}}</li> - <li>{{cssxref("font-weight")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("margin-bottom")}}</li> - <li>{{cssxref("margin-left")}}</li> - <li>{{cssxref("margin-right")}}</li> - <li>{{cssxref("margin-top")}}</li> - <li><code>-ms-background-position-x</code></li> - <li><code>-ms-background-position-y</code></li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}</li> - <li>{{cssxref("outline-style")}}</li> - <li>{{cssxref("outline-width")}}</li> - <li>{{cssxref("padding-bottom")}}</li> - <li>{{cssxref("padding-left")}}</li> - <li>{{cssxref("padding-right")}}</li> - <li>{{cssxref("padding-top")}}</li> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> - <li>{{cssxref("width")}}</li> -</ul> - -<h2 id="Syntax">Syntax</h2> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-ms-fill-upper")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Les pseudo-éléments utilisés par IE/Edge pour mettre en forme les autres parties des éléments {{HTMLElement("input")}} de type <code>range</code> : - - <ul> - <li>{{cssxref("::-ms-fill-lower")}}</li> - <li>{{cssxref("::-ms-track")}}</li> - <li>{{cssxref("::-ms-thumb")}}</li> - </ul> - </li> - <li>{{cssxref("::-moz-range-progress")}}</li> - <li><a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">CSS-Tricks : Gérer des champs <code>input</code> de type <code>range</code> de façon compatible entre les navigateurs (en anglais)</a></li> -</ul> diff --git a/files/fr/web/css/_doublecolon_-ms-fill/index.html b/files/fr/web/css/_doublecolon_-ms-fill/index.html deleted file mode 100644 index e122d2104d..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-fill/index.html +++ /dev/null @@ -1,117 +0,0 @@ ---- -title: '::-ms-fill' -slug: 'Web/CSS/::-ms-fill' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-fill' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-fill</code></strong> est un pseudo-élément <a href="/fr/docs/Web/CSS/Microsoft_CSS_extensions">spécifique à Microsoft</a> qui représente la partie « remplie » d'un élément {{HTMLElement("progress")}}. Ce pseudo-élément n'est pas standard et est uniquement disponible avec Internet Explorer 10, Internet Explorer 11 et Microsoft Edge.</p> - -<p>Toutes les propriétés autorisées (à l'exception de {{cssxref("animation-name")}}) s'appliquent sur une barre de progression dans un état déterminé. Seule <code>animation-name</code> s'applique sur une barre dans un état indéterminée. Les éléments <code><progress></code> dans un état indéterminés sont ceux qui n'ont pas d'attribut {{htmlattrxref("value")}}, ils peuvent être sélectionnés grâce à la pseudo-classe {{cssxref(":indeterminate")}}.</p> - -<p>Par défaut, IE affiche un bordure avec des points qui se déplacent lorsque la barre est dans un état déterminée. En utilisant <code>animation-name</code> sur <code>::-ms-fill</code>, on peut modifier l'animation :</p> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Valeur</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><code>none</code></td> - <td>L'animation est désactivée, aucun point n'est affiché.</td> - </tr> - <tr> - <td><code>-ms-bar</code></td> - <td>Les points animés sont affichés sous la forme d'une barre.</td> - </tr> - <tr> - <td><code>-ms-ring</code></td> - <td>Les points animés sont affichés sous la forme d'un anneau.</td> - </tr> - </tbody> -</table> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés suivantes peuvent être utilisées avec <code>::-ms-fill</code> (les autres propriétés seront ignorées) :</p> - -<ul> - <li>{{cssxref("animation-name")}}</li> - <li>{{cssxref("background-clip")}}, {{cssxref("background-color")}}, {{cssxref("background-image")}}, {{cssxref("background-origin")}}, {{cssxref("background-repeat")}}, {{cssxref("background-size")}}</li> - <li>{{cssxref("border")}}</li> - <li>{{cssxref("border-radius")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} (avec les valeurs : <code>block</code>, <code>inline-block</code> et <code>none</code>.)</li> - <li>{{cssxref("font")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("margin")}}</li> - <li>{{cssxref("-ms-background-position-x")}}</li> - <li>{{cssxref("-ms-background-position-y")}}</li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}, {{cssxref("outline-style")}}, {{cssxref("outline-width")}}</li> - <li>{{cssxref("padding")}}</li> - <li>{{cssxref("transform")}} et {{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> -</ul> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<ul> -</ul> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">progress::-ms-fill { - background-color: orange; -}</pre> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><progress value="10" max="50"></progress> -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample("Exemples", 300, 50)}}</p> - -<p>Une barre de progression mise en forme avec cette feuille de style devrait ressembler à :</p> - -<p><img alt="Progress Bar with Orange Fill" src="https://mdn.mozillademos.org/files/13484/progress_bar.png" style="height: 44px; width: 308px;"></p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est spécifique à Microsoft et n'est décrit dans aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-ms-fill")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("::-moz-progress-bar")}}</li> - <li>{{cssxref("::-webkit-progress-bar")}}</li> - <li>{{cssxref("::-webkit-progress-value")}}</li> - <li>{{cssxref("::-webkit-progress-inner-element")}} - <ul> - </ul> - </li> -</ul> diff --git a/files/fr/web/css/_doublecolon_-ms-reveal/index.html b/files/fr/web/css/_doublecolon_-ms-reveal/index.html deleted file mode 100644 index e0e998ad5b..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-reveal/index.html +++ /dev/null @@ -1,91 +0,0 @@ ---- -title: '::-ms-reveal' -slug: 'Web/CSS/::-ms-reveal' -tags: - - CSS - - Microsoft - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-reveal' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-reveal</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">un pseudo-élément spécifique à Microsoft</a> qui est utilisé pour la représentation du bouton qui permet de révéler le mot de passe qui est généralement affiché juste après un élément {{HTMLElement("input/password", '<input type="password">')}} dans Internet Explorer 10+.</p> - -<p>Ce bouton permet d'afficher le contenu du mot de passe dans le champs (plutôt que les astérisques qui masquent les caractères).</p> - -<p>Ce pseudo-élément n'est pas standard et est spécifique à Internet Explorer 10+.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés suivantes peuvent être utilisées dans une règle dont le sélecteur contient <code>::-ms-reveal</code> (les autres propriétés seront ignorées).</p> - -<ul> - <li>{{cssxref("background-clip")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("background-image")}}</li> - <li>{{cssxref("background-origin")}}</li> - <li>{{cssxref("background-repeat")}}</li> - <li>{{cssxref("background-size")}}</li> - <li>{{cssxref("border-bottom-color")}}</li> - <li>{{cssxref("border-bottom-left-radius")}}</li> - <li>{{cssxref("border-bottom-right-radius")}}</li> - <li>{{cssxref("border-bottom-style")}}</li> - <li>{{cssxref("border-bottom-width")}}</li> - <li>{{cssxref("border-left-color")}}</li> - <li>{{cssxref("border-left-style")}}</li> - <li>{{cssxref("border-left-width")}}</li> - <li>{{cssxref("border-right-color")}}</li> - <li>{{cssxref("border-right-style ")}}</li> - <li>{{cssxref("border-right-width")}}</li> - <li>{{cssxref("border-top-color")}}</li> - <li>{{cssxref("border-top-left-radius")}}</li> - <li>{{cssxref("border-top-right-radius ")}}</li> - <li>{{cssxref("border-top-style")}}</li> - <li>{{cssxref("border-top-width")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} (valeurs <code>block</code>, <code>inline-block</code>, <code>none</code>)</li> - <li>{{cssxref("@font-face")}}</li> - <li>{{cssxref("font-size")}}</li> - <li>{{cssxref("font-style")}}</li> - <li>{{cssxref("font-weight")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("margin-bottom")}}</li> - <li>{{cssxref("margin-left")}}</li> - <li>{{cssxref("margin-right")}}</li> - <li>{{cssxref("margin-top")}}</li> - <li>{{CSSxRef("-ms-background-position-x")}}</li> - <li>{{CSSxRef("-ms-background-position-y")}}</li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}</li> - <li>{{cssxref("outline-style")}}</li> - <li>{{cssxref("outline-width")}}</li> - <li>{{cssxref("padding-bottom")}}</li> - <li>{{cssxref("padding-left")}}</li> - <li>{{cssxref("padding-right")}}</li> - <li>{{cssxref("padding-top")}}</li> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> - <li>{{cssxref("width")}}</li> -</ul> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">{{csssyntax("::-ms-reveal")}} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-ms-reveal")}}</p> diff --git a/files/fr/web/css/_doublecolon_-ms-thumb/index.html b/files/fr/web/css/_doublecolon_-ms-thumb/index.html deleted file mode 100644 index 895408d2b0..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-thumb/index.html +++ /dev/null @@ -1,100 +0,0 @@ ---- -title: '::-ms-thumb' -slug: 'Web/CSS/::-ms-thumb' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-thumb' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-thumb</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">un pseudo-élément spécifique à Microsoft</a> qui représente le curseur qui peut être déplacer le long de la piste d'un élément {{HTMLElement("input")}} de type <code>range</code> afin de modifier la valeur numérique associée.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés suivantes peuvent être utilisées dans une règle dont le sélecteur contient <code>::-ms-thumb</code> (les autres propriétés sont ignorées).</p> - -<ul> - <li>{{cssxref("background-clip")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("background-image")}}</li> - <li>{{cssxref("background-origin")}}</li> - <li>{{cssxref("background-repeat")}}</li> - <li>{{cssxref("background-size")}}</li> - <li>{{cssxref("border-bottom-color")}}</li> - <li>{{cssxref("border-bottom-left-radius")}}</li> - <li>{{cssxref("border-bottom-right-radius")}}</li> - <li>{{cssxref("border-bottom-style")}}</li> - <li>{{cssxref("border-bottom-width")}}</li> - <li>{{cssxref("border-left-color")}}</li> - <li>{{cssxref("border-left-style")}}</li> - <li>{{cssxref("border-left-width")}}</li> - <li>{{cssxref("border-right-color")}}</li> - <li>{{cssxref("border-right-style ")}}</li> - <li>{{cssxref("border-right-width")}}</li> - <li>{{cssxref("border-top-color")}}</li> - <li>{{cssxref("border-top-left-radius")}}</li> - <li>{{cssxref("border-top-right-radius ")}}</li> - <li>{{cssxref("border-top-style")}}</li> - <li>{{cssxref("border-top-width")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} (valeurs <code>block</code>, <code>inline-block</code>, <code>none</code>)</li> - <li>{{cssxref("@font-face")}}</li> - <li>{{cssxref("font-size")}}</li> - <li>{{cssxref("font-style")}}</li> - <li>{{cssxref("font-weight")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("margin-bottom")}}</li> - <li>{{cssxref("margin-left")}}</li> - <li>{{cssxref("margin-right")}}</li> - <li>{{cssxref("margin-top")}}</li> - <li><code>-ms-background-position-x</code></li> - <li><code>-ms-background-position-y</code></li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}</li> - <li>{{cssxref("outline-style")}}</li> - <li>{{cssxref("outline-width")}}</li> - <li>{{cssxref("padding-bottom")}}</li> - <li>{{cssxref("padding-left")}}</li> - <li>{{cssxref("padding-right")}}</li> - <li>{{cssxref("padding-top")}}</li> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> - <li>{{cssxref("width")}}</li> -</ul> - -<h2 id="Syntax">Syntax</h2> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Les pseudo-éléments utilisés par IE/Edge qui permettent de mettre en forme les éléments {{HTMLElement("input")}} de type <code>range</code> : - - <ul> - <li>{{cssxref("::-ms-track")}}</li> - <li>{{cssxref("::-ms-fill-upper")}}</li> - <li>{{cssxref("::-ms-fill-lower")}}</li> - </ul> - </li> - <li>Les pseudo-éléments similaires des autres navigateurs - <ul> - <li>{{cssxref("::-webkit-slider-thumb")}}</li> - <li>{{cssxref("::-moz-range-thumb")}}</li> - </ul> - </li> - <li><a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">CSS-Tricks : Gérer des champs <code>input</code> de type <code>range</code> de façon compatible entre les navigateurs (en anglais)</a></li> -</ul> diff --git a/files/fr/web/css/_doublecolon_-ms-ticks-after/index.html b/files/fr/web/css/_doublecolon_-ms-ticks-after/index.html deleted file mode 100644 index 02bf07507a..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-ticks-after/index.html +++ /dev/null @@ -1,91 +0,0 @@ ---- -title: '::-ms-ticks-after' -slug: 'Web/CSS/::-ms-ticks-after' -tags: - - CSS - - Microsoft - - Non-standard - - Pseudo-element - - Reference - - Web -translation_of: 'Archive/Web/CSS/::-ms-ticks-after' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le <a href="/fr/docs/Web/CSS/Pseudo-éléments">pseudo-élément</a> <strong><code>::-ms-ticks-after</code></strong> est une <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">extension Microsoft</a> qui permet d'appliquer un ou plusieurs styles aux graduations d'une piste qui sont situées après le curseur (la piste est celle d'un contrôle <code><a href="/fr/docs/Web/HTML/Element/input/range"><input type="range"></a></code>). Pour une disposition avec une écriture de gauche à droite, les marques sont situées sous la piste. Pour une disposition avec une écriture de haut en bas, les marques sont situées à droite de la piste.</p> - -<p>Par défaut, les marques ne sont pas affichées, il est nécessaire d'utiliser la valeur <code>block</code> pour la propriété {{cssxref("display")}}.</p> - -<p>Il est possible d'utiliser simultanément les sélecteurs <strong><code>::-ms-ticks-after</code></strong>, {{cssxref("::-ms-ticks-before")}}, et {{cssxref("::-ms-track")}} mais cela créera alors trois ensembles de marques, ce qui n'est pas recommandé. Pour une meilleure ergonomie, il est conseillé de n'utiliser qu'un seul ensemble de marque. Pour retirer les marques, on pourra utiliser la valeur <code>transparent</code> sur la propriété {{cssxref("color")}}.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Voici les propriétés qui peuvent être définies dans les styles associés à ce pseudo-élément (les autres propriétés seront ignorées) :</p> - -<ul> - <li>{{cssxref("background-clip")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("background-image")}}</li> - <li>{{cssxref("background-origin")}}</li> - <li>{{cssxref("-ms-background-position-x")}}</li> - <li>{{cssxref("-ms-background-position-y")}}</li> - <li>{{cssxref("background-repeat")}}</li> - <li>{{cssxref("background-size")}}</li> - <li>{{cssxref("border-bottom-color")}}</li> - <li>{{cssxref("border-bottom-left-radius")}}</li> - <li>{{cssxref("border-bottom-right-radius")}}</li> - <li>{{cssxref("border-bottom-style")}}</li> - <li>{{cssxref("border-bottom-width")}}</li> - <li>{{cssxref("border-left-color")}}</li> - <li>{{cssxref("border-left-style")}}</li> - <li>{{cssxref("border-left-width")}}</li> - <li>{{cssxref("border-right-color")}}</li> - <li>{{cssxref("border-right-style")}}</li> - <li>{{cssxref("border-right-width")}}</li> - <li>{{cssxref("border-top-color")}}</li> - <li>{{cssxref("border-top-left-radius")}}</li> - <li>{{cssxref("border-top-right-radius")}}</li> - <li>{{cssxref("border-top-style")}}</li> - <li>{{cssxref("border-top-width")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} : prise en charge pour ces valeurs : <code>block</code>, <code>inline-block</code>, <code>none</code>.</li> - <li>{{cssxref("@font-face")}}</li> - <li>{{cssxref("font-size")}}</li> - <li>{{cssxref("font-style")}}</li> - <li>{{cssxref("font-weight")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("margin-bottom")}}</li> - <li>{{cssxref("margin-left")}}</li> - <li>{{cssxref("margin-right")}}</li> - <li>{{cssxref("margin-top")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}</li> - <li>{{cssxref("outline-style")}}</li> - <li>{{cssxref("outline-width")}}</li> - <li>{{cssxref("padding-bottom")}}</li> - <li>{{cssxref("padding-left")}}</li> - <li>{{cssxref("padding-right")}}</li> - <li>{{cssxref("padding-top")}}</li> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> - <li>{{cssxref("width")}}</li> -</ul> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">{{csssyntax}} -</pre> - -<ul> -</ul> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><code><a href="/fr/docs/Web/HTML/Element/input/range"><input type="range"></a></code></li> -</ul> diff --git a/files/fr/web/css/_doublecolon_-ms-ticks-before/index.html b/files/fr/web/css/_doublecolon_-ms-ticks-before/index.html deleted file mode 100644 index 371ff710ec..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-ticks-before/index.html +++ /dev/null @@ -1,89 +0,0 @@ ---- -title: '::-ms-ticks-before' -slug: 'Web/CSS/::-ms-ticks-before' -tags: - - CSS - - Microsoft - - Non-standard - - Pseudo-element - - Reference - - Web -translation_of: 'Archive/Web/CSS/::-ms-ticks-before' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le <a href="/fr/docs/Web/CSS/Pseudo-éléments">pseudo-élément</a> <strong><code>::-ms-ticks-before</code></strong> est une <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">extension Microsoft</a> qui permet d'appliquer un ou plusieurs styles aux graduations d'une piste qui sont situées avant le curseur (la piste est celle d'un contrôle <code><a href="/fr/docs/Web/HTML/Element/input/range"><input type="range"></a></code>). Pour une disposition avec une écriture de gauche à droite, les marques sont situées au-dessus de la piste. Pour une disposition avec une écriture de haut en bas, les marques sont situées à gauche de la piste.</p> - -<p>Par défaut, les marques ne sont pas affichées, il est nécessaire d'utiliser la valeur <code>block</code> pour la propriété {{cssxref("display")}}.</p> - -<p>Il est possible d'utiliser simultanément les sélecteurs {{cssxref("::-ms-ticks-after")}}, <strong><code>::-ms-ticks-before</code></strong> et {{cssxref("::-ms-track")}} mais cela créera alors trois ensembles de marques, ce qui n'est pas recommandé. Pour une meilleure ergonomie, il est conseillé de n'utiliser qu'un seul ensemble de marque. Pour retirer les marques, on pourra utiliser la valeur <code>transparent</code> sur la propriété {{cssxref("color")}}.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p> </p> - -<p>Voici les propriétés qui peuvent être définies dans les styles associés à ce pseudo-élément (les autres propriétés seront ignorées) :</p> - -<ul> - <li>{{cssxref("background-clip")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("background-image")}}</li> - <li>{{cssxref("background-origin")}}</li> - <li>{{cssxref("-ms-background-position-x")}}</li> - <li>{{cssxref("-ms-background-position-y")}}</li> - <li>{{cssxref("background-repeat")}}</li> - <li>{{cssxref("background-size")}}</li> - <li>{{cssxref("border-bottom-color")}}</li> - <li>{{cssxref("border-bottom-left-radius")}}</li> - <li>{{cssxref("border-bottom-right-radius")}}</li> - <li>{{cssxref("border-bottom-style")}}</li> - <li>{{cssxref("border-bottom-width")}}</li> - <li>{{cssxref("border-left-color")}}</li> - <li>{{cssxref("border-left-style")}}</li> - <li>{{cssxref("border-left-width")}}</li> - <li>{{cssxref("border-right-color")}}</li> - <li>{{cssxref("border-right-style")}}</li> - <li>{{cssxref("border-right-width")}}</li> - <li>{{cssxref("border-top-color")}}</li> - <li>{{cssxref("border-top-left-radius")}}</li> - <li>{{cssxref("border-top-right-radius")}}</li> - <li>{{cssxref("border-top-style")}}</li> - <li>{{cssxref("border-top-width")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} : prise en charge pour ces valeurs : <code>block</code>, <code>inline-block</code>, <code>none</code>.</li> - <li>{{cssxref("@font-face")}}</li> - <li>{{cssxref("font-size")}}</li> - <li>{{cssxref("font-style")}}</li> - <li>{{cssxref("font-weight")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("margin-bottom")}}</li> - <li>{{cssxref("margin-left")}}</li> - <li>{{cssxref("margin-right")}}</li> - <li>{{cssxref("margin-top")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}</li> - <li>{{cssxref("outline-style")}}</li> - <li>{{cssxref("outline-width")}}</li> - <li>{{cssxref("padding-bottom")}}</li> - <li>{{cssxref("padding-left")}}</li> - <li>{{cssxref("padding-right")}}</li> - <li>{{cssxref("padding-top")}}</li> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> - <li>{{cssxref("width")}}</li> -</ul> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><code><a href="/fr/docs/Web/HTML/Element/input/range"><input type="range"></a></code><a href="/en-US/docs/Web/HTML/Element/input/range"> </a></li> -</ul> diff --git a/files/fr/web/css/_doublecolon_-ms-tooltip/index.html b/files/fr/web/css/_doublecolon_-ms-tooltip/index.html deleted file mode 100644 index e4d68b6bcc..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-tooltip/index.html +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: '::-ms-tooltip' -slug: 'Web/CSS/::-ms-tooltip' -tags: - - CSS - - Extension - - Microsoft - - Non-standard - - Pseudo-element - - Reference - - Web -translation_of: 'Archive/Web/CSS/::-ms-tooltip' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le <a href="/fr/docs/Web/CSS/Pseudo-éléments">pseudo-élément</a> <strong><code>::-ms-tooltip</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">une extension Microsoft</a> qui permet d'appliquer un ou plusieurs styles à la bulle d'information du curseur d'un élément <code><a href="/fr/docs/Web/HTML/Element/input/range"><input type="range"></a></code>.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés {{cssxref("display")}} et {{cssxref("visibility")}} peuvent être utilisées avec <code>::-ms-tooltip</code>.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><code><a href="/fr/docs/Web/HTML/Element/input/range"><input type="range"></a></code></li> -</ul> diff --git a/files/fr/web/css/_doublecolon_-ms-track/index.html b/files/fr/web/css/_doublecolon_-ms-track/index.html deleted file mode 100644 index 5dda04462a..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-track/index.html +++ /dev/null @@ -1,104 +0,0 @@ ---- -title: '::-ms-track' -slug: 'Web/CSS/::-ms-track' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-track' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-track</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">un pseudo-élément spécifique à Microsoft</a> qui permet de représenter la piste sur laquelle on peut déplacer le curseur d'un élément {{HTMLElement("input")}} de <code>range</code>.</p> - -<p>La propriété {{cssxref("color")}}, appliquée au sein d'un sélecteur <code>::-ms-track</code> modifiera la couleur des graduations le long de la piste. Si on souhaite les masquer, on pourra utiliser la valeur <code>transparent</code>.</p> - -<p>On peut utiliser les pseudo-éléments {{cssxref("::-ms-ticks-after")}}, {{cssxref("::-ms-ticks-before")}} et <code>::-ms-track</code> ensemble afin de créer trois ensembles graduations. Toutefois, pour des raisons d'ergonomie, il est conseillé de n'avoir qu'une seule mise en forme pour ces graudations.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés CSS suivantes sont autorisées dans une règle dont le sélecteur contient <code>::-ms-track</code> (les autres propriétés sont ignorées).</p> - -<ul> - <li>{{cssxref("background-clip")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("background-image")}}</li> - <li>{{cssxref("background-origin")}}</li> - <li>{{cssxref("background-repeat")}}</li> - <li>{{cssxref("background-size")}}</li> - <li>{{cssxref("border-bottom-color")}}</li> - <li>{{cssxref("border-bottom-left-radius")}}</li> - <li>{{cssxref("border-bottom-right-radius")}}</li> - <li>{{cssxref("border-bottom-style")}}</li> - <li>{{cssxref("border-bottom-width")}}</li> - <li>{{cssxref("border-left-color")}}</li> - <li>{{cssxref("border-left-style")}}</li> - <li>{{cssxref("border-left-width")}}</li> - <li>{{cssxref("border-right-color")}}</li> - <li>{{cssxref("border-right-style ")}}</li> - <li>{{cssxref("border-right-width")}}</li> - <li>{{cssxref("border-top-color")}}</li> - <li>{{cssxref("border-top-left-radius")}}</li> - <li>{{cssxref("border-top-right-radius ")}}</li> - <li>{{cssxref("border-top-style")}}</li> - <li>{{cssxref("border-top-width")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} (valeurs <code>block</code>, <code>inline-block</code>, <code>none</code>)</li> - <li>{{cssxref("@font-face")}}</li> - <li>{{cssxref("font-size")}}</li> - <li>{{cssxref("font-style")}}</li> - <li>{{cssxref("font-weight")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("margin-bottom")}}</li> - <li>{{cssxref("margin-left")}}</li> - <li>{{cssxref("margin-right")}}</li> - <li>{{cssxref("margin-top")}}</li> - <li><code>-ms-background-position-x</code></li> - <li><code>-ms-background-position-y</code></li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}</li> - <li>{{cssxref("outline-style")}}</li> - <li>{{cssxref("outline-width")}}</li> - <li>{{cssxref("padding-bottom")}}</li> - <li>{{cssxref("padding-left")}}</li> - <li>{{cssxref("padding-right")}}</li> - <li>{{cssxref("padding-top")}}</li> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> - <li>{{cssxref("width")}}</li> -</ul> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox"> {{csssyntax}} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>Les pseudo-élément utilisés par IE/Edge et qui permettent de mettre en forme un élément {{HTMLElement("input")}} de type <code>range</code> : - - <ul> - <li>{{cssxref("::-ms-thumb")}}</li> - <li>{{cssxref("::-ms-fill-upper")}}</li> - <li>{{cssxref("::-ms-fill-lower")}}</li> - </ul> - </li> - <li>Les pseudo-éléments similaires des autres navigateurs - <ul> - <li>{{cssxref("::-webkit-slider-runnable-track")}}</li> - <li>{{cssxref("::-moz-range-track")}}</li> - </ul> - </li> - <li><a href="https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/">CSS-Tricks : Mettre en forme les champs de saisie des formulaires pour les différents navigateurs avec CSS (en anglais)</a></li> -</ul> diff --git a/files/fr/web/css/_doublecolon_-ms-value/index.html b/files/fr/web/css/_doublecolon_-ms-value/index.html deleted file mode 100644 index 264ead8b53..0000000000 --- a/files/fr/web/css/_doublecolon_-ms-value/index.html +++ /dev/null @@ -1,92 +0,0 @@ ---- -title: '::-ms-value' -slug: 'Web/CSS/::-ms-value' -tags: - - CSS - - Non-standard - - Pseudo-element - - Reference -translation_of: 'Archive/Web/CSS/::-ms-value' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>Le pseudo-élément <strong><code>::-ms-value</code></strong> est <a href="/fr/docs/Web/CSS/Extensions_CSS_Microsoft">un pseudo-élément spécifique à Microsoft</a> qui permet d'appliquer des règles sur les éléments {{HTMLElement("input")}} ou {{HTMLElement("select")}}. Seules certaines propriétés peuvent être paramétrées via ce pseudo-élément, les règles agissant sur d'autres propriétés n'auront donc aucun effet.</p> - -<h2 id="Propriétés_autorisées">Propriétés autorisées</h2> - -<p>Seules les propriétés suivantes peuvent être utilisées dans une règle dont le sélecteur contient <code>::-ms-value</code> (les autres propriétés sont ignorées).</p> - -<ul> - <li>{{cssxref("background-clip")}}</li> - <li>{{cssxref("background-color")}}</li> - <li>{{cssxref("background-image")}}</li> - <li>{{cssxref("background-origin")}}</li> - <li>{{cssxref("background-repeat")}}</li> - <li>{{cssxref("background-size")}}</li> - <li>{{cssxref("border-bottom-color")}}</li> - <li>{{cssxref("border-bottom-left-radius")}}</li> - <li>{{cssxref("border-bottom-right-radius")}}</li> - <li>{{cssxref("border-bottom-style")}}</li> - <li>{{cssxref("border-bottom-width")}}</li> - <li>{{cssxref("border-left-color")}}</li> - <li>{{cssxref("border-left-style")}}</li> - <li>{{cssxref("border-left-width")}}</li> - <li>{{cssxref("border-right-color")}}</li> - <li>{{cssxref("border-right-style ")}}</li> - <li>{{cssxref("border-right-width")}}</li> - <li>{{cssxref("border-top-color")}}</li> - <li>{{cssxref("border-top-left-radius")}}</li> - <li>{{cssxref("border-top-right-radius ")}}</li> - <li>{{cssxref("border-top-style")}}</li> - <li>{{cssxref("border-top-width")}}</li> - <li>{{cssxref("box-shadow")}}</li> - <li>{{cssxref("box-sizing")}}</li> - <li>{{cssxref("color")}}</li> - <li>{{cssxref("cursor")}}</li> - <li>{{cssxref("display")}} (valeurs <code>block</code>, <code>inline-block</code>, <code>none</code>)</li> - <li>{{cssxref("@font-face")}}</li> - <li>{{cssxref("font-size")}}</li> - <li>{{cssxref("font-style")}}</li> - <li>{{cssxref("font-weight")}}</li> - <li>{{cssxref("height")}}</li> - <li>{{cssxref("margin-bottom")}}</li> - <li>{{cssxref("margin-left")}}</li> - <li>{{cssxref("margin-right")}}</li> - <li>{{cssxref("margin-top")}}</li> - <li><code>-ms-background-position-x</code></li> - <li><code>-ms-background-position-y</code></li> - <li>{{cssxref("-ms-high-contrast-adjust")}}</li> - <li>{{cssxref("opacity")}}</li> - <li>{{cssxref("outline-color")}}</li> - <li>{{cssxref("outline-style")}}</li> - <li>{{cssxref("outline-width")}}</li> - <li>{{cssxref("padding-bottom")}}</li> - <li>{{cssxref("padding-left")}}</li> - <li>{{cssxref("padding-right")}}</li> - <li>{{cssxref("padding-top")}}</li> - <li>{{cssxref("transform")}}</li> - <li>{{cssxref("transform-origin")}}</li> - <li>{{cssxref("visibility")}}</li> - <li>{{cssxref("width")}}</li> -</ul> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush: css">input::-ms-value { - color: lime; - font-style: italic; -}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce pseudo-élément est un pseudo-élément propriétaire lié à Trident/Microsoft et ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.selectors.-ms-value")}}</p> diff --git a/files/fr/web/css/azimuth/index.html b/files/fr/web/css/azimuth/index.html deleted file mode 100644 index c8143dcaac..0000000000 --- a/files/fr/web/css/azimuth/index.html +++ /dev/null @@ -1,104 +0,0 @@ ---- -title: azimuth -slug: Web/CSS/azimuth -tags: - - CSS - - Obsolete - - Propriété - - Reference -translation_of: Archive/Web/CSS/azimuth ---- -<div>{{CSSRef}}{{obsolete_header}}{{outdated}}</div> - -<p>Utilisée avec la propriété {{cssxref("elevation")}}, <strong><code>azimuth</code></strong> permet de positionner différentes sources audio dans l'espace pour une présentation auditive. Cela permet de séparer les voix de façons naturelles, qui pourront donc provenir de différents emplacements. Une sortie <em>stereo</em> permettra d'obtenir un son avec des sources situées sur deux dimensions, des écouteurs binauriculaires permettent d'obtenir un son tri-dimensionnel.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt>angle</dt> - <dd>Un angle indiquant la position de la source dans l'intervalle <code>-360deg</code> - <code>360deg</code>. La valeur <code>0deg</code> (la valeur par défaut) est dirigée vers le centre, <code>90deg</code> vers la droite, <code>180deg</code> vers l'arrière et <code>270deg</code> ou <code>-90deg</code> vers la gauche.</dd> -</dl> - -<p><img alt="Image:Azimuth.png" src="/@api/deki/files/37/=Azimuth.png"></p> - -<h4 id="Mots-clés_pour_cette_propriété">Mots-clés pour cette propriété</h4> - -<ul> - <li><strong><code>left-side</code></strong> : Synonyme de <code>270deg</code>.</li> - <li><strong><code>left-side behind</code></strong> : Synonyme de <code>270deg</code>.</li> - <li><strong><code>far-left</code></strong> : Synonyme de <code>300deg</code>.</li> - <li><strong><code>far-left behind</code></strong> : Synonyme de <code>240deg</code>.</li> - <li><strong><code>left</code></strong> : Synonyme de <code>320deg</code>.</li> - <li><strong><code>left behind </code></strong>: Synonyme de <code>220deg</code>.</li> - <li><strong><code>center-left</code></strong> : Synonyme de <code>340deg</code>.</li> - <li><strong><code>center-left behind</code></strong> : Synonyme de <code>200deg</code>.</li> - <li><strong><code>center</code></strong> : Synonyme de <code>0deg</code>.</li> - <li><strong><code>center behind </code></strong>: Synonyme de <code>180deg</code>.</li> - <li><strong><code>center-right</code></strong> : Synonyme de <code>20deg</code>.</li> - <li><strong><code>center-right behind</code></strong> : Synonyme de <code>160deg</code>.</li> - <li><strong><code>right</code></strong> : Synonyme de <code>40deg</code>.</li> - <li><strong><code>right behind</code></strong> : Synonyme de <code>140deg</code>.</li> - <li><strong><code>far-right</code></strong> : Synonyme de <code>60deg</code>.</li> - <li><strong><code>far-right behind</code></strong> : Synonyme de <code>120deg</code>.</li> - <li><strong><code>right-side</code></strong> : Synonyme de <code>90deg</code>.</li> - <li><strong><code>right-side behind</code></strong> : Synonyme de <code>90deg</code>.</li> - <li><strong><code>behind</code></strong> : Synonyme de <code>180deg</code>. Also used as a modifier for other positional keyword values, as above.</li> - <li><strong><code>leftwards </code></strong>: Moves the sound counter-clockwise by 20 degrees, relative to the current angle.</li> - <li><strong><code>rightwards </code></strong>: Moves the sound clockwise by 20 degrees, relative to the current angle.</li> -</ul> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush:css;">h1 { - azimuth: 30deg; -} - -td.a { - azimuth: far-right; -} - -#12 { - azimuth: behind far-right; /* 120deg */ -} - -p.comment { - azimuth: behind; /* 180deg */ -} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('CSS2.1', 'aural.html#spatial-props', 'azimuth')}}</td> - <td>{{Spec2('CSS2.1')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<p>{{cssinfo}}</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("css.properties.azimuth")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("elevation")}}</li> -</ul> diff --git a/files/fr/web/css/overflow-clip-box-block/index.html b/files/fr/web/css/overflow-clip-box-block/index.html deleted file mode 100644 index 54c60574d8..0000000000 --- a/files/fr/web/css/overflow-clip-box-block/index.html +++ /dev/null @@ -1,157 +0,0 @@ ---- -title: overflow-clip-box-block -slug: Web/CSS/overflow-clip-box-block -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Mozilla/Gecko/Chrome/CSS/overflow-clip-box-block ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <strong><code>overflow-clip-box-block</code></strong> définit par rapport à quelle boîte est appliqué le rognement lorsque le contenu dépasse dans la direction de bloc (la direction orthogonale au sens d'écriture).</p> - -<pre class="brush:css no-line-numbers">/* Valeurs avec un mot-clé */ -overflow-clip-box-block: padding-box; -overflow-clip-box-block: content-box; - -/* Valeurs globales */ -overflow-clip-box-block: inherited; -overflow-clip-box-block: initial; -overflow-clip-box-block: unset; -</pre> - -<div class="note"> -<p><strong>Note :</strong> Sur Gecko, <code>padding-box</code> est, par défaut utilisé partout sauf pour <code><input type="text"></code> et les éléments semblables qui utilisent <code>content-box</code>. Par défaut, cette propriété est uniquement activée pour les feuilles de style de l'agent utilisateur et le contexte du chrome.</p> -</div> - -<p>{{cssinfo}}</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>padding-box</code></dt> - <dd>Avec ce mot-clé, le rognage est relatif à <a href="/fr/Apprendre/CSS/Introduction_%C3%A0_CSS/Le_mod%C3%A8le_de_bo%C3%AEte#Les_propri%C3%A9t%C3%A9s_des_bo%C3%AEtes">la boîte de remplissage (<em>padding</em>)</a>.</dd> - <dt><code>content-box</code></dt> - <dd>Avec ce mot-clé, le rognage est relatif à <a href="/fr/Apprendre/CSS/Introduction_%C3%A0_CSS/Le_mod%C3%A8le_de_bo%C3%AEte#Les_propri%C3%A9t%C3%A9s_des_bo%C3%AEtes">la boîte de contenu</a>.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="padding-box">padding-box</h3> - -<h4 id="HTML">HTML</h4> - -<pre class="brush: html"><div class="things"> - <input value="ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ" class="scroll padding-box"> - <div class="scroll padding-box"><span>ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ</span></div> -</div> -</pre> - -<h4 id="CSS">CSS</h4> - -<pre class="brush: css">.scroll { - overflow: auto; - padding: 0 30px; - width: 6em; - border: 1px solid black; - background: lime content-box; -} - -.padding-box { - overflow-clip-box-block: padding-box; -}</pre> - -<h4 id="JavaScript">JavaScript</h4> - -<pre class="brush: js">function scrollSomeElements() { - var elms = document.querySelectorAll('.scroll'); - for (i=0; i < elms.length; ++i) { - elms[i].scrollLeft=80; - } -} -var elt = document.queryElementsByTagName('body')[0]; - -elt.addEventListener("load", scrollSomeElements, false); -</pre> - -<h4 id="Résultat">Résultat</h4> - -<p>{{EmbedLiveSample('padding-box')}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété a été proposée au groupe de travail CSSWG du W3C. Elle n'est pas encore en voie de standardisation mais devrait apparaître dans {{SpecName("CSS3 Overflow")}} si c'est le cas.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Firefox (Gecko)</th> - <th>Chrome</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Support simple</td> - <td>{{CompatGeckoDesktop(59)}}<sup>[1]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Firefox Mobile (Gecko)</th> - <th>Android</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Support simple</td> - <td>{{CompatGeckoMobile(59)}}<sup>[1]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Cette propriété est contrôlée par la préférence <code>layout.css.overflow-clip-box.enabled</code> dont la valeur par défaut est <code>false</code>. Elle est uniquement activée pour les feuilles de style de l'agent utilisateur ou le contexte du chrome. Voir {{bug(966992)}}.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("text-overflow")}},</li> - <li>{{cssxref("white-space")}},</li> - <li>{{cssxref("overflow")}},</li> - <li>{{cssxref("overflow-x")}},</li> - <li>{{cssxref("overflow-y")}},</li> - <li>{{cssxref("clip")}},</li> - <li>{{cssxref("display")}}</li> -</ul> - -<p> </p> diff --git a/files/fr/web/css/overflow-clip-box-inline/index.html b/files/fr/web/css/overflow-clip-box-inline/index.html deleted file mode 100644 index e7df371778..0000000000 --- a/files/fr/web/css/overflow-clip-box-inline/index.html +++ /dev/null @@ -1,157 +0,0 @@ ---- -title: overflow-clip-box-inline -slug: Web/CSS/overflow-clip-box-inline -tags: - - CSS - - Non-standard - - Propriété - - Reference -translation_of: Mozilla/Gecko/Chrome/CSS/overflow-clip-box-inline ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété CSS <strong><code>overflow-clip-box-inline</code></strong> définit par rapport à quelle boîte est appliqué le rognement lorsque le contenu dépasse dans la direction en ligne (la direction correspondant au sens d'écriture).</p> - -<pre class="brush:css no-line-numbers">/* Valeurs avec un mot-clé */ -overflow-clip-box-inline: padding-box; -overflow-clip-box-inline: content-box; - -/* Valeurs globales */ -overflow-clip-box-inline: inherited; -overflow-clip-box-inline: initial; -overflow-clip-box-inline: unset; -</pre> - -<div class="note"> -<p><strong>Note :</strong> Sur Gecko, <code>padding-box</code> est, par défaut utilisé partout sauf pour <code><input type="text"></code> et les éléments semblables qui utilisent <code>content-box</code>. Par défaut, cette propriété est uniquement activée pour les feuilles de style de l'agent utilisateur et le contexte du chrome.</p> -</div> - -<p>{{cssinfo}}</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>padding-box</code></dt> - <dd>Avec ce mot-clé, le rognage est relatif à <a href="/fr/Apprendre/CSS/Introduction_%C3%A0_CSS/Le_mod%C3%A8le_de_bo%C3%AEte#Les_propri%C3%A9t%C3%A9s_des_bo%C3%AEtes">la boîte de remplissage (<em>padding</em>)</a>.</dd> - <dt><code>content-box</code></dt> - <dd>Avec ce mot-clé, le rognage est relatif à <a href="/fr/Apprendre/CSS/Introduction_%C3%A0_CSS/Le_mod%C3%A8le_de_bo%C3%AEte#Les_propri%C3%A9t%C3%A9s_des_bo%C3%AEtes">la boîte de contenu</a>.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="padding-box">padding-box</h3> - -<h4 id="HTML">HTML</h4> - -<pre class="brush: html"><div class="things"> - <input value="ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ" class="scroll padding-box"> - <div class="scroll padding-box"><span>ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ</span></div> -</div> -</pre> - -<h4 id="CSS">CSS</h4> - -<pre class="brush: css">.scroll { - overflow: auto; - padding: 0 30px; - width: 6em; - border: 1px solid black; - background: lime content-box; -} - -.padding-box { - overflow-clip-box-inline: padding-box; -}</pre> - -<h4 id="JavaScript">JavaScript</h4> - -<pre class="brush: js">function scrollSomeElements() { - var elms = document.querySelectorAll('.scroll'); - for (i=0; i < elms.length; ++i) { - elms[i].scrollLeft=80; - } -} -var elt = document.queryElementsByTagName('body')[0]; - -elt.addEventListener("load", scrollSomeElements, false); -</pre> - -<h4 id="Résultat">Résultat</h4> - -<p>{{EmbedLiveSample('padding-box')}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété a été proposée au groupe de travail CSSWG du W3C. Elle n'est pas encore en voie de standardisation mais devrait apparaître dans {{SpecName("CSS3 Overflow")}} si c'est le cas.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Firefox (Gecko)</th> - <th>Chrome</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Support simple</td> - <td>{{CompatGeckoDesktop(59)}}<sup>[1]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Firefox Mobile (Gecko)</th> - <th>Android</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Support simple</td> - <td>{{CompatGeckoMobile(59)}}<sup>[1]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Cette propriété est contrôlée par la préférence <code>layout.css.overflow-clip-box.enabled</code> dont la valeur par défaut est <code>false</code>. Elle est uniquement activée pour les feuilles de style de l'agent utilisateur ou le contexte du chrome. Voir {{bug(966992)}}.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("text-overflow")}},</li> - <li>{{cssxref("white-space")}},</li> - <li>{{cssxref("overflow")}},</li> - <li>{{cssxref("overflow-x")}},</li> - <li>{{cssxref("overflow-y")}},</li> - <li>{{cssxref("clip")}},</li> - <li>{{cssxref("display")}}</li> -</ul> - -<p> </p> diff --git a/files/fr/web/css/overflow-clip-box/index.html b/files/fr/web/css/overflow-clip-box/index.html deleted file mode 100644 index 997137220e..0000000000 --- a/files/fr/web/css/overflow-clip-box/index.html +++ /dev/null @@ -1,175 +0,0 @@ ---- -title: overflow-clip-box -slug: Web/CSS/overflow-clip-box -tags: - - CSS - - Non-standard - - Propriété - - Propriété raccourcie - - Reference -translation_of: Mozilla/Gecko/Chrome/CSS/overflow-clip-box ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p>La propriété <strong><code>overflow-clip-box</code></strong> permet de définir la boîte à laquelle faire référence lorsqu'il y a un dépassement du contenu. C'est une propriété raccourcie pour les propriétés {{cssxref("overflow-clip-box-inline")}} et {{cssxref("overflow-clip-box-block")}}.</p> - -<pre class="brush:css no-line-numbers">/* Valeurs avec un mot-clé */ -overflow-clip-box: padding-box; -overflow-clip-box: content-box; - -/* Deux valeurs */ -overflow-clip-box: padding-box content-box; -overflow-clip-box: content-box content-box; - -/* Valeurs globales */ -overflow-clip-box: inherited; -overflow-clip-box: initial; -overflow-clip-box: unset; -</pre> - -<div class="note"> -<p><strong>Note :</strong> Par défaut, sur Gecko, <code>padding-box</code> est utilisé partout mais <code><input type="text"></code> et les éléments similaires utilisent la valeur <code>content-box</code>. Avant Firefox 29, ce comportement était intégré en dur. Depuis, le comportement se base sur cette propriété qui peut être utilisée à d'autres endroits. On notera que cette propriété est uniquement activée pour les feuilles de styles définies au niveau de l'agent utilisateur et pour les contextes liés au chrome de l'application.</p> -</div> - -<p>{{cssinfo}}</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<h3 id="Valeurs">Valeurs</h3> - -<dl> - <dt><code>padding-box</code></dt> - <dd>Ce mot-clé indique que le rognage du contenu qui dépasse sera fait par rapport à <a href="/fr/Apprendre/CSS/Les_bases/Le_modèle_de_boîte">la boîte de remplissage (<em>padding</em>)</a>.</dd> - <dt><code>content-box</code></dt> - <dd>Ce mot-clé indique que le rognage du contenu qui dépasse sera fait par rapport à <a href="/fr/Apprendre/CSS/Les_bases/Le_modèle_de_boîte">la boîte de contenu</a>.</dd> -</dl> - -<h3 id="Syntaxe_formelle">Syntaxe formelle</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><div class="things"> - <input value="ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ" class="scroll padding-box"> - <div class="scroll padding-box"><span>ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ</span></div> -</div> -</pre> - -<h3 id="CSS">CSS</h3> - -<pre class="brush: css">.scroll { - overflow: auto; - padding: 0 30px; - width: 6em; - border: 1px solid black; - background: lime content-box; -} - -.padding-box { - overflow-clip-box: padding-box; -} -</pre> - -<h3 id="JavaScript">JavaScript</h3> - -<pre class="brush: js">function scrollSomeElements() { - var elms = document.querySelectorAll('.scroll'); - for (i=0; i < elms.length; ++i) { - elms[i].scrollLeft=80; - } -} -var elt = document.queryElementsByTagName('body')[0]; - -elt.addEventListener("load", scrollSomeElements, false); -</pre> - -<h3 id="Résultat">Résultat</h3> - -<p>{{EmbedLiveSample('Exemples')}}</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété a été proposée dans le cadre du groupe de travail CSS du W3C. Elle n'est pas encore sur le chemin du processus standard mais si elle est acceptée, elle fera vraisemblablement partie de la spécification {{SpecName("CSS3 Overflow")}}.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Firefox (Gecko)</th> - <th>Chrome</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Support simple</td> - <td>{{CompatGeckoDesktop("29.0")}}<sup>[1]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Propriété raccourcie, gestion de deux valeurs</td> - <td>{{CompatGeckoDesktop("59")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Firefox Mobile (Gecko)</th> - <th>Android</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Support simple</td> - <td>{{CompatGeckoMobile("29.0")}}<sup>[1]</sup></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td>Propriété raccourcie, gestion de deux valeurs</td> - <td>{{CompatGeckoMobile("59")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Cette propriété est contrôlée grâce à la préférence <code>layout.css.overflow-clip-box.enabled</code> dont la valeur par défaut est <code>false</code>. Elle est uniquement activée au sein des feuilles de style de l'agent utilisateur pour le chrome. Pour plus d'informations, voir {{bug(966992)}}.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{cssxref("text-overflow")}},</li> - <li>{{cssxref("white-space")}},</li> - <li>{{cssxref("overflow")}},</li> - <li>{{cssxref("overflow-x")}},</li> - <li>{{cssxref("overflow-y")}},</li> - <li>{{cssxref("clip")}},</li> - <li>{{cssxref("display")}}</li> -</ul> diff --git a/files/fr/web/events/cached/index.html b/files/fr/web/events/cached/index.html deleted file mode 100644 index eb0abd8d1f..0000000000 --- a/files/fr/web/events/cached/index.html +++ /dev/null @@ -1,82 +0,0 @@ ---- -title: cached -slug: Web/Events/cached -translation_of: Archive/Events/cached ---- -<p>L'événement <strong>cached</strong> est déclenché lorsque les resources <span id="result_box" lang="fr"><span>répertoriées dans le manifeste du cache de l'application ont été téléchargées et que l'application est maintenant mise en cache.</span></span></p> - -<h2 id="Informations_générales">Informations générales</h2> - -<dl> - <dt style="float: left; text-align: right; width: 120px;">Spécification</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="https://html.spec.whatwg.org/multipage/browsers.html#offline">Offline</a></dd> - <dt style="float: left; text-align: right; width: 120px;">Interface</dt> - <dd style="margin: 0 0 0 120px;">Event</dd> - <dt style="float: left; text-align: right; width: 120px;">Propagation</dt> - <dd style="margin: 0 0 0 120px;">Non</dd> - <dt style="float: left; text-align: right; width: 120px;">Annulable</dt> - <dd style="margin: 0 0 0 120px;">Non</dd> - <dt style="float: left; text-align: right; width: 120px;">Cible</dt> - <dd style="margin: 0 0 0 120px;">applicationCache</dd> - <dt style="float: left; text-align: right; width: 120px;">Action par défaut</dt> - <dd style="margin: 0 0 0 120px;">Aucune</dd> -</dl> - -<h2 id="Propriétés">Propriétés</h2> - -<table class="standard-table"> - <tbody> - <tr> - <td class="header">Propriété</td> - <td class="header">Type</td> - <td class="header">Description</td> - </tr> - <tr> - <td> - <p><code>target</code> {{ReadOnlyInline}}</p> - </td> - <td>{{domxref("EventTarget")}}</td> - <td>La cible de l'événement (la plus haute cible dans l'arbre du DOM).</td> - </tr> - <tr> - <td> - <p><code>type</code> {{ReadOnlyInline}}</p> - </td> - <td>{{domxref("DOMString")}}</td> - <td>Le type de l'événement.</td> - </tr> - <tr> - <td> - <p><code>canBubble</code> {{ReadOnlyInline}}</p> - </td> - <td>boolean</td> - <td>Est-ce que l'événement se propage?</td> - </tr> - <tr> - <td> - <p><code>cancelable</code> {{ReadOnlyInline}}</p> - </td> - <td>boolean</td> - <td>Est-il possible d'annuler l'événement?</td> - </tr> - </tbody> -</table> - -<h2 id="Evénements_liés">Evénements liés</h2> - -<ul> - <li>{{Event("checking")}}</li> - <li>{{Event("noupdate")}}</li> - <li>{{Event("downloading")}}</li> - <li>{{Event("progress_(appcache_event)", "progress")}}</li> - <li>{{Event("cached")}}</li> - <li>{{Event("updateready")}}</li> - <li>{{Event("obsolete")}}</li> - <li>{{Event("error_(appcache_event)", "error")}}</li> -</ul> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/fr/docs/Offline_resources_in_Firefox">Utilisation du cache d'application</a></li> -</ul> diff --git a/files/fr/web/events/chargingchange/index.html b/files/fr/web/events/chargingchange/index.html deleted file mode 100644 index faf96a2b44..0000000000 --- a/files/fr/web/events/chargingchange/index.html +++ /dev/null @@ -1,63 +0,0 @@ ---- -title: chargingchange -slug: Web/Events/chargingchange -translation_of: Archive/Events/chargingchange ---- -<p>L'événement <code><strong>chargingchange</strong> est déclenché lorsque l'attribut <em>charging</em> de l'<a href="https://developer.mozilla.org/fr/docs/DOM/window.navigator.battery">API batterie</a> est modifié.</code></p> - -<h2 id="Informations_générales">Informations générales</h2> - -<dl> - <dt style="float: left; text-align: right; width: 120px;">Spécification</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/battery-status/">Battery</a></dd> - <dt style="float: left; text-align: right; width: 120px;">Interface</dt> - <dd style="margin: 0 0 0 120px;">Event</dd> - <dt style="float: left; text-align: right; width: 120px;">Propagation</dt> - <dd style="margin: 0 0 0 120px;">Non</dd> - <dt style="float: left; text-align: right; width: 120px;">Annulable</dt> - <dd style="margin: 0 0 0 120px;">Non</dd> - <dt style="float: left; text-align: right; width: 120px;">Cible</dt> - <dd style="margin: 0 0 0 120px;">{{domxref("BatteryManager")}}</dd> - <dt style="float: left; text-align: right; width: 120px;">Action par défaut</dt> - <dd style="margin: 0 0 0 120px;">Aucune</dd> -</dl> - -<h2 id="Properties" name="Properties">Propriétés</h2> - -<p>Le callback de l'événement ne reçoit aucun objet événement, mais les propriétés peuvent être lues à partir de l'objet {{domxref("BatteryManager")}} reçu par la méthode {{domxref("navigator.getBattery")}}.</p> - -<table class="standard-table"> - <tbody> - <tr> - <td class="header">Property</td> - <td class="header">Type</td> - <td class="header">Description</td> - </tr> - <tr> - <td>{{domxref("BatteryManager.charging")}} {{readOnlyInline}}</td> - <td>boolean</td> - <td>Etat de charge de la batterie du système. Retourne true si la batterie est en chargement. Si l'état de la batterie du système est non-déterminé, aucune batterie n'est rattachée au système ou si si la batterie se décharge, retourne false.</td> - </tr> - </tbody> -</table> - -<h2 id="Example" name="Example">Exemple</h2> - -<pre class="brush: js">navigator.getBattery().then(function(battery) { - - console.log("Battery charging? " + (battery.charging ? "Yes" : "No")); - - battery.addEventListener('chargingchange', function() { - console.log("Battery charging? " + (battery.charging ? "Yes" : "No")); - }); - -}); -</pre> - -<h2 id="Evénements_liés">Evénements liés</h2> - -<ul> - <li>{{Event("chargingtimechange")}}</li> - <li>{{Event("dischargingtimechange")}}</li> - <li>{{Event("levelchange")}}</li> -</ul> diff --git a/files/fr/web/events/chargingtimechange/index.html b/files/fr/web/events/chargingtimechange/index.html deleted file mode 100644 index da83eed90c..0000000000 --- a/files/fr/web/events/chargingtimechange/index.html +++ /dev/null @@ -1,63 +0,0 @@ ---- -title: chargingtimechange -slug: Web/Events/chargingtimechange -translation_of: Archive/Events/chargingtimechange ---- -<p>L'événement <strong>chargingtimechange</strong> est déclenché quand l'attribut <em>chargingTime</em> de l'<a href="/fr/docs/DOM/window.navigator.battery">API batterie</a> a été modifié.</p> - -<h2 id="Informations_générales">Informations générales</h2> - -<dl> - <dt style="float: left; text-align: right; width: 120px;">Spécification</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/battery-status/">Battery</a></dd> - <dt style="float: left; text-align: right; width: 120px;">Interface</dt> - <dd style="margin: 0 0 0 120px;">Event</dd> - <dt style="float: left; text-align: right; width: 120px;">Propagation</dt> - <dd style="margin: 0 0 0 120px;">Non</dd> - <dt style="float: left; text-align: right; width: 120px;">Annulable</dt> - <dd style="margin: 0 0 0 120px;">Non</dd> - <dt style="float: left; text-align: right; width: 120px;">Cible</dt> - <dd style="margin: 0 0 0 120px;">{{domxref("BatteryManager")}}</dd> - <dt style="float: left; text-align: right; width: 120px;">Action par défaut</dt> - <dd style="margin: 0 0 0 120px;">Aucune</dd> -</dl> - -<h2 id="Properties" name="Properties">Propriétés</h2> - -<p>Le callback de l'événement ne reçoit aucun objet événement, mais les propriétés peuvent être lues à partir de l'objet {{domxref("BatteryManager")}} reçu par la méthode {{domxref("navigator.getBattery")}}.</p> - -<table class="standard-table"> - <tbody> - <tr> - <td class="header">Property</td> - <td class="header">Type</td> - <td class="header">Description</td> - </tr> - <tr> - <td>{{domxref("BatteryManager.chargingTime")}} {{readOnlyInline}}</td> - <td>double (float)</td> - <td>Le temps restant en seconde jusqu'à ce que la batterie du système soit pleine. Retourne 0 si la batterie est chargée. Retourne l'infini positif si la batterie se décharge ou si l'implémentation est incapable de trouver le temps restant de charge.</td> - </tr> - </tbody> -</table> - -<h2 id="Example" name="Example">Exemple</h2> - -<pre class="brush: js">navigator.getBattery().then(function(battery) { - - console.log("Battery charging time: " + battery.chargingTime + " seconds"); - - battery.addEventListener('chargingtimechange', function() { - console.log("Battery charging time: " + battery.chargingTime + " seconds"); - }); - -}); -</pre> - -<h2 id="Evénements_liés">Evénements liés</h2> - -<ul> - <li>{{Event("chargingchange")}}</li> - <li>{{Event("dischargingtimechange")}}</li> - <li>{{Event("levelchange")}}</li> -</ul> diff --git a/files/fr/web/events/checking/index.html b/files/fr/web/events/checking/index.html deleted file mode 100644 index 4260ed04cf..0000000000 --- a/files/fr/web/events/checking/index.html +++ /dev/null @@ -1,74 +0,0 @@ ---- -title: checking -slug: Web/Events/checking -translation_of: Archive/Events/checking ---- -<p>L'événement checking est déclenché lorsque le user agent recherche une mise à jour ou tente de télécharger le manifeste de cache pour la première fois</p> - -<h2 id="Informations_générales">Informations générales</h2> - -<dl> - <dt style="float: left; text-align: right; width: 120px;">Spécification</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="https://html.spec.whatwg.org/multipage/browsers.html#offline">Offline</a></dd> - <dt style="float: left; text-align: right; width: 120px;">Interface</dt> - <dd style="margin: 0 0 0 120px;">Event</dd> - <dt style="float: left; text-align: right; width: 120px;">Propagation</dt> - <dd style="margin: 0 0 0 120px;">Non</dd> - <dt style="float: left; text-align: right; width: 120px;">Annulable</dt> - <dd style="margin: 0 0 0 120px;">Non</dd> - <dt style="float: left; text-align: right; width: 120px;">Cible</dt> - <dd style="margin: 0 0 0 120px;">applicationCache</dd> - <dt style="float: left; text-align: right; width: 120px;">Action par défaut</dt> - <dd style="margin: 0 0 0 120px;">Aucune</dd> -</dl> - -<h2 id="Propriétés">Propriétés</h2> - -<table class="standard-table"> - <tbody> - <tr> - <td class="header">Property</td> - <td class="header">Type</td> - <td class="header">Description</td> - </tr> - <tr> - <td><code>target </code>{{ReadOnlyInline}}</td> - <td>EventTarget (DOM element)</td> - <td>La cible de l'événement (la plus haute cible dans l'arbre du DOM).</td> - </tr> - <tr> - <td><code>type </code>{{ReadOnlyInline}}</td> - <td>string</td> - <td>Le type de l'événement.</td> - </tr> - <tr> - <td><code>canBubble </code>{{ReadOnlyInline}}</td> - <td>boolean</td> - <td>Est-ce que l'événement se propage?</td> - </tr> - <tr> - <td><code>cancelable </code>{{ReadOnlyInline}}</td> - <td>boolean</td> - <td>Est-il possible d'annuler l'événement?</td> - </tr> - </tbody> -</table> - -<h2 id="Evénements_liés">Evénements liés</h2> - -<ul> - <li>{{Event("checking")}}</li> - <li>{{Event("noupdate")}}</li> - <li>{{Event("downloading")}}</li> - <li>{{Event("progress_(appcache_event)", "progress")}}</li> - <li>{{Event("cached")}}</li> - <li>{{Event("updateready")}}</li> - <li>{{Event("obsolete")}}</li> - <li>{{Event("error_(appcache_event)", "error")}}</li> -</ul> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/fr/docs/Offline_resources_in_Firefox">Utiliser Application Cache</a></li> -</ul> diff --git a/files/fr/web/events/downloading/index.html b/files/fr/web/events/downloading/index.html deleted file mode 100644 index bcb9af0622..0000000000 --- a/files/fr/web/events/downloading/index.html +++ /dev/null @@ -1,74 +0,0 @@ ---- -title: downloading -slug: Web/Events/downloading -translation_of: Archive/Events/downloading ---- -<p>L'événement <strong>downloading</strong> est déclenché après la vérification de la mise à jour du cache d'application, si le user-agent a trouvé une mise à jour et la récupère ou télécharge les resources répertoriées par le manifeste du cache pour la première fois.</p> - -<h2 id="Informations_générales">Informations générales</h2> - -<dl> - <dt style="float: left; text-align: right; width: 120px;">Spécification</dt> - <dd style="margin: 0 0 0 120px;"><a class="external" href="https://html.spec.whatwg.org/multipage/browsers.html#offline">Offline</a></dd> - <dt style="float: left; text-align: right; width: 120px;">Interface</dt> - <dd style="margin: 0 0 0 120px;">Event</dd> - <dt style="float: left; text-align: right; width: 120px;">Ppropagation</dt> - <dd style="margin: 0 0 0 120px;">Non</dd> - <dt style="float: left; text-align: right; width: 120px;">Annulable</dt> - <dd style="margin: 0 0 0 120px;">Non</dd> - <dt style="float: left; text-align: right; width: 120px;">Cible</dt> - <dd style="margin: 0 0 0 120px;">applicationCache</dd> - <dt style="float: left; text-align: right; width: 120px;">Action par défaut</dt> - <dd style="margin: 0 0 0 120px;">Aucune</dd> -</dl> - -<h2 id="Propriétés">Propriétés</h2> - -<table class="standard-table"> - <tbody> - <tr> - <td class="header">Property</td> - <td class="header">Type</td> - <td class="header">Description</td> - </tr> - <tr> - <td><code>target {{ReadOnlyInline}}</code></td> - <td>EventTarget (DOM element)</td> - <td>La cible de l'événement ( La cible la plus haute dans l'arbre DOM).</td> - </tr> - <tr> - <td><code>type {{ReadOnlyInline}}</code></td> - <td>string</td> - <td>Le type d'événement.</td> - </tr> - <tr> - <td><code>canBubble {{ReadOnlyInline}}</code></td> - <td>boolean</td> - <td>Est-ce que l'événement se propage?</td> - </tr> - <tr> - <td><code>cancelable {{ReadOnlyInline}}</code></td> - <td>boolean</td> - <td>Est-il possible d'annuler l'événement.</td> - </tr> - </tbody> -</table> - -<h2 id="Evénements_liés">Evénements liés</h2> - -<ul> - <li>{{Event("checking")}}</li> - <li>{{Event("noupdate")}}</li> - <li>{{Event("downloading")}}</li> - <li>{{Event("progress_(appcache_event)", "progress")}}</li> - <li>{{Event("cached")}}</li> - <li>{{Event("updateready")}}</li> - <li>{{Event("obsolete")}}</li> - <li>{{Event("error_(appcache_event)", "error")}}</li> -</ul> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/fr/docs/Offline_resources_in_Firefox">Utilisation d'Application Cache</a></li> -</ul> diff --git a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.1/index.html b/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.1/index.html deleted file mode 100644 index f5f42abe9d..0000000000 --- a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.1/index.html +++ /dev/null @@ -1,76 +0,0 @@ ---- -title: Nouveautés de JavaScript 1.1 -slug: Web/JavaScript/Nouveautés_et_historique_de_JavaScript/1.1 -tags: - - JavaScript - - Versions -translation_of: Archive/Web/JavaScript/New_in_JavaScript/1.1 ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<p>Ce document liste les modifications apportées à JavaScript entre Netscape Navigator 2.0 et 3.0. L'ancienne documentation Netscape décrit ceci comme <a href="http://web.archive.org/web/20060318153542/wp.netscape.com/eng/mozilla/3.0/handbook/javascript/index.html">« les fonctionnalités ajoutées après la version 1 »</a>. Netscape Navigator 3.0 est sorti le 19 août 1996. Netscape Navigator 3.0 était la deuxième version majeure du navigateur à supporter JavaScript.</p> - -<h2 id="Versions_de_JavaScript">Versions de JavaScript</h2> - -<p>Netscape Navigator 3.0 a introduit des versions pour le langage JavaScript :</p> - -<pre class="brush: html"><SCRIPT LANGUAGE="JavaScript"> <!-- JavaScript pour Navigator 2.0. --> -<SCRIPT LANGUAGE="JavaScript1.1"> <!-- JavaScript pour Navigator 3.0. --></pre> - -<h2 id="Nouvelles_fonctionnalités_de_JavaScript_1.1">Nouvelles fonctionnalités de JavaScript 1.1</h2> - -<h3 id="Nouveaux_objets">Nouveaux objets</h3> - -<ul> - <li>{{jsxref("Array")}}</li> - <li>{{jsxref("Boolean")}}</li> - <li>{{jsxref("Function")}}</li> - <li>{{jsxref("Number")}}</li> -</ul> - -<h3 id="Nouvelles_propriétés">Nouvelles propriétés</h3> - -<ul> - <li>{{jsxref("Number.MAX_VALUE")}}</li> - <li>{{jsxref("Number.MIN_VALUE")}}</li> - <li>{{jsxref("NaN")}}</li> - <li>{{jsxref("Number.NEGATIVE_INFINITY")}}</li> - <li>{{jsxref("Number.POSITIVE_INFINITY")}}</li> -</ul> - -<h3 id="Nouvelles_méthodes">Nouvelles méthodes</h3> - -<ul> - <li>{{jsxref("Array.prototype.join()")}}</li> - <li>{{jsxref("Array.prototype.reverse()")}}</li> - <li>{{jsxref("Array.prototype.sort()")}}</li> - <li>{{jsxref("Array.prototype.split()")}}</li> -</ul> - -<h3 id="Nouveaux_opérateurs">Nouveaux opérateurs</h3> - -<ul> - <li><code><a href="/fr/docs/Web/JavaScript/Reference/Opérateurs/L_opérateur_typeof">typeof</a></code></li> - <li><code><a href="/fr/docs/Web/JavaScript/Reference/Opérateurs/L_opérateur_void">void</a></code></li> -</ul> - -<h3 id="Autres_fonctionnalités_apparues">Autres fonctionnalités apparues</h3> - -<ul> - <li><code><a href="/fr/docs/Web/HTML/Element/noscript"><noscript></a></code></li> - <li><a href="/en-US/docs/Archive/Web/LiveConnect">LiveConnect</a> pour effectuer des communications entre Java et JavaScript.</li> -</ul> - -<h2 id="Fonctionnalités_modifiées_avec_JavaScript_1.1">Fonctionnalités modifiées avec JavaScript 1.1</h2> - -<ul> - <li>Suppression d'objet : il est possible de retirer un objet en faisant pointer sa référence vers <code>null</code>.</li> - <li>Les propriétés <code>constructor</code> et <code>prototype</code> sont ajoutées sur les objets.</li> - <li><code><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/eval">eval()</a></code> est désormais une méthode de chaque objet (ce n'est plus une fonction native). Elle évalue une chaîne de code JavaScript dans le contexte de l'objet donné.</li> - <li><code><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Math/random">Math.random()</a></code> fonctionne pour toutes les plateformes.</li> - <li><code><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Object/toString">toString()</a></code> : Ajout du paramètre permettant de spécifier la base dans laquelle représenter les valeurs numériques.</li> - <li><code><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/isNaN">isNaN()</a></code> fonctionne pour toutes les plateformes (et plus seulement sur Unix)</li> - <li><code><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/parseFloat">parseFloat()</a></code> et <code><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/parseInt">parseint()</a></code> renvoient désormais <code>NaN</code> sur toutes les plateformes si le premier caractère de la chaîne fournie ne peut pas être converti en un nombre. Auparavant, elles renvoyaient <code>NaN</code> sur Solaris et Irix et zéro (0) sur les autres plateformes.</li> -</ul> - -<p> </p> diff --git a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.2/index.html b/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.2/index.html deleted file mode 100644 index c5d42ee62b..0000000000 --- a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.2/index.html +++ /dev/null @@ -1,92 +0,0 @@ ---- -title: Nouveautés de JavaScript 1.2 -slug: Web/JavaScript/Nouveautés_et_historique_de_JavaScript/1.2 -tags: - - JavaScript - - Versions -translation_of: Archive/Web/JavaScript/New_in_JavaScript/1.2 ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<p>Ce document liste les modifications apportées à JavaScript entre Netscape Navigator 3.0 et Netscape Navigator 4.0. L'ancienne documentation de Netscape peut être consultée sur <a href="http://web.archive.org/web/19971015223714/http://developer.netscape.com/library/documentation/communicator/jsguide/js1_2.htm">archive.org</a>. Netscape Navigator 4.0 est sorti le 11 juin 1997. Netscape Navigator 4.0 était la troisième version majeure du navigateur à supporter JavaScript.</p> - -<h2 id="Versions_de_JavaScript">Versions de JavaScript</h2> - -<p>Netscape Navigator 4.0 permet d'exécuter les versions de JavaScript inférieures ou égales à 1.2. On notera que Netscape Navigator 3.0, ainsi que les versions antérieures, ignoraient les scripts dont l'attribut <code>LANGUAGE</code> correspondait à "JavaScript1.2" ou à une autre version ultérieure.</p> - -<pre class="brush: html"><SCRIPT LANGUAGE="JavaScript1.1"> <!-- JavaScript pour Navigator 3.0. --> -<SCRIPT LANGUAGE="JavaScript1.2"> <!-- JavaScript pour Navigator 4.0. --></pre> - -<h2 id="Nouvelles_fonctionnalités_de_JavaScript_1.2">Nouvelles fonctionnalités de JavaScript 1.2</h2> - -<h3 id="Nouveaux_objets">Nouveaux objets</h3> - -<ul> - <li>Il est possible de créer des objets avec des littéraux (nouvelle notation inspirée par la syntaxe pour les littéraux des dictionnaires de Python 1.x)</li> - <li><code><a href="/fr/docs/Web/JavaScript/Reference/Fonctions_et_portee_des_fonctions/arguments">arguments</a></code></li> - <li>Les tableaux (<em>arrays</em>) peuvent être créés avec des littéraux (nouvelle notation inspirée par la syntaxe littérale de Python 1.x).</li> -</ul> - -<h3 id="Nouvelles_propriétés">Nouvelles propriétés</h3> - -<ul> - <li>{{jsxref("Function.arity")}}</li> -</ul> - -<h3 id="Nouvelles_méthodes">Nouvelles méthodes</h3> - -<ul> - <li>{{jsxref("Array.prototype.concat()")}}</li> - <li>{{jsxref("Array.prototype.slice()")}}</li> - <li>{{jsxref("String.prototype.charCodeAt()")}}</li> - <li>{{jsxref("String.prototype.concat()")}}</li> - <li>{{jsxref("String.fromCharCode()")}}</li> - <li>{{jsxref("String.prototype.match()")}}</li> - <li>{{jsxref("String.prototype.replace()")}}</li> - <li>{{jsxref("String.prototype.search()")}}</li> - <li>{{jsxref("String.prototype.slice()")}}</li> - <li>{{jsxref("String.prototype.substr()")}}</li> -</ul> - -<h3 id="Nouveaux_opérateurs">Nouveaux opérateurs</h3> - -<ul> - <li><a href="/fr/docs/Web/JavaScript/Reference/Opérateurs/L_opérateur_delete"><code>delete</code></a></li> - <li><a href="/en-US/docs/Web/JavaScript/Equality_comparisons_and_when_to_use_them">Opérateurs d'égalité</a> (<code>==</code> et <code>!=</code>)</li> -</ul> - -<h3 id="Nouvelles_instructions">Nouvelles instructions</h3> - -<ul> - <li><a href="/fr/docs/JavaScript/Reference/Instructions/label">Instructions étiquetées (<em>labeled</em>)</a></li> - <li><a href="/fr/docs/JavaScript/Reference/Instructions/switch"><code>switch</code></a></li> - <li><a href="/fr/docs/JavaScript/Reference/Instructions/do...while"><code>do...while</code></a></li> - <li><a href="/fr/docs/JavaScript/Reference/Instructions/import"><code>import</code></a></li> - <li><a href="/fr/docs/JavaScript/Reference/Instructions/export"><code>export</code></a></li> -</ul> - -<h3 id="Nouvelles_fonctionnalités_supplémentaires">Nouvelles fonctionnalités supplémentaires</h3> - -<ul> - <li><a href="/fr/docs/Web/JavaScript/Guide/Expressions_régulières">Les expressions rationnelles</a></li> - <li><a href="http://web.archive.org/web/19971015223714/http://developer.netscape.com/library/documentation/communicator/jsguide/js1_2.htm">Les scripts signés</a></li> -</ul> - -<h2 id="Les_fonctionnalités_modifiées_avec_JavaScript_1.2">Les fonctionnalités modifiées avec JavaScript 1.2</h2> - -<ul> - <li>Il est possible d'avoir des fonctions imbriquées dans des fonctions.</li> - <li><code>Number</code> peut convertir un objet donné en un nombre.</li> - <li><code>Number</code> produira désormais <code>NaN</code> plutôt qu'une erreur si une chaîne <code>x</code> ne contient pas de littéral numérique bien formé.</li> - <li><code>String</code> peut convertir un objet donné en une chaîne de caractères.</li> - <li>{{jsxref("Array.prototype.sort()")}} fonctionne sur toutes les plateformes. Les éléments <code>undefined</code> ne sont plus convertis en <code>null</code> et ceux-ci sont placés au début du tableau.</li> - <li>{{jsxref("String.prototype.split()")}} - <ul> - <li>La méthode peut désormais prendre une expression rationnellle comme argument. L'argument peut également être une chaîne de caractères donnée, selon laquelle découper l'objet <code>String</code>.</li> - <li>La méthode peut prendre en compte un seuil, qui permet de ne pas inclure les éléments vides de la fin du tableau créé.</li> - </ul> - </li> - <li>{{jsxref("String.prototype.substring()")}}: la méthode n'échange pas les deux indices utilisés si le premier est supérieur au second.</li> - <li><code>toString() </code>: permet de convertir un objet ou un tableau en une chaîne de caractères qui est un littéral.</li> - <li>Les instructions <a href="/fr/docs/JavaScript/Reference/Instructions/break"><code>break</code></a> et <a href="/fr/docs/JavaScript/Reference/Instructions/continue"><code>continue</code></a> peuvent être utilisés avec les instructions étiquetées (<em>labeled statements</em>).</li> -</ul> diff --git a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.3/index.html b/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.3/index.html deleted file mode 100644 index 19bb50046e..0000000000 --- a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.3/index.html +++ /dev/null @@ -1,141 +0,0 @@ ---- -title: Nouveautés de JavaScript 1.3 -slug: Web/JavaScript/Nouveautés_et_historique_de_JavaScript/1.3 -tags: - - JavaScript - - Versions -translation_of: Archive/Web/JavaScript/New_in_JavaScript/1.3 ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<p>Le document qui suit est un journal des modifications concernant JavaScript entre les versions de Netscape Navigator 4.0 et 4.5. L'ancienne documentation de Netscape peut être consultée sur <a href="http://web.archive.org/web/20000815081640/http://developer.netscape.com/docs/manuals/communicator/jsref/js13.html">archive.org</a>. Netscape Navigator 4.5 est sorti le 19 octobre 1998.</p> - -<p>Le changement le plus important concernant JavaScript 1.3 fut la conformité avec ECMA-262 et Unicode grâce au retrait des incohérences entre JavaScript 1.2 et le nouveau standard ECMA (publié en juin 1997). Certaines fonctionnalités supplémentaires de la version 1.2, non définies par ECMA-262, furent conservées dans le langage JavaScript (voir ci-après la liste des différences).</p> - -<h2 id="Versions_de_JavaScript">Versions de JavaScript</h2> - -<p>Netscape Communicator et Navigator 4.06 et 4.5 exécutent les versions de JavaScript inférieures ou égales à 1.3. Les versions de Communicator et Navigator 4.0-4.05 et inférieures ignoraient les scripts dont l'attribut LANGUAGE avait la valeur "JavaScript1.3" ou supérieur.</p> - -<pre class="brush: html"><SCRIPT LANGUAGE="JavaScript1.2"> <!-- JavaScript pour Navigator 4.0. --> -<SCRIPT LANGUAGE="JavaScript1.3"> <!-- JavaScript pour Navigator 4.5. --></pre> - -<h2 id="Nouvelles_fonctionnalités_de_JavaScript_1.3">Nouvelles fonctionnalités de JavaScript 1.3</h2> - -<h3 id="Nouveaux_objets_globaux">Nouveaux objets globaux</h3> - -<ul> - <li>{{jsxref("NaN")}}</li> - <li>{{jsxref("Infinity")}}</li> - <li>{{jsxref("undefined")}}</li> -</ul> - -<h3 id="Nouvelles_méthodes">Nouvelles méthodes</h3> - -<ul> - <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/isFinite"><code>isFinite()</code></a></li> - <li>{{jsxref("Function.prototype.call()")}}</li> - <li>{{jsxref("Function.prototype.apply()")}}</li> - <li>{{jsxref("Date.UTC()")}}</li> - <li>{{jsxref("Date.prototype.getFullYear()")}}</li> - <li>{{jsxref("Date.prototype.setFullYear()")}}</li> - <li>{{jsxref("Date.prototype.getMilliseconds()")}}</li> - <li>{{jsxref("Date.prototype.setMilliseconds()")}}</li> - <li>{{jsxref("Date.prototype.getUTCFullYear()")}}</li> - <li>{{jsxref("Date.prototype.getUTCMonth()")}}</li> - <li>{{jsxref("Date.prototype.getUTCDate()")}}</li> - <li>{{jsxref("Date.prototype.getUTCHours()")}}</li> - <li>{{jsxref("Date.prototype.getUTCMinutes()")}}</li> - <li>{{jsxref("Date.prototype.getUTCSeconds()")}}</li> - <li>{{jsxref("Date.prototype.getUTCMilliseconds()")}}</li> - <li>{{jsxref("Date.prototype.toUTCString()")}}</li> - <li>{{jsxref("Date.prototype.setUTCFullYear()")}}</li> - <li>{{jsxref("Date.prototype.setUTCMonth()")}}</li> - <li>{{jsxref("Date.prototype.setUTCDate()")}}</li> - <li>{{jsxref("Date.prototype.setUTCHours()")}}</li> - <li>{{jsxref("Date.prototype.setUTCMinutes()")}}</li> - <li>{{jsxref("Date.prototype.setUTCSeconds()")}}</li> - <li>{{jsxref("Date.prototype.setUTCMilliseconds()")}}</li> -</ul> - -<h3 id="Nouvelles_fonctionnalités_supplémentaires">Nouvelles fonctionnalités supplémentaires</h3> - -<ul> - <li><a href="/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_de_comparaison#Utilisation_des_op.C3.A9rateurs_d.27.C3.A9galit.C3.A9" title="JavaScript/Reference/Operators/Comparison_Operators#Using_the_Equality_Operators">Opérateurs d'égalité stricte</a></li> - <li>Support d'Unicode</li> - <li>Une console JavaScript a été introduite</li> -</ul> - -<h2 id="Les_fonctionnalités_modifiées_avec_JavaScript_1.3">Les fonctionnalités modifiées avec JavaScript 1.3</h2> - -<ul> - <li>Modifications à l'objet <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Date" title="JavaScript/Reference/Global_Objects/Date"><code>Date</code></a> pour qu'il soit conforme avec ECMA-262 - - <ul> - <li>Nouveau constructeur <code>Date(year, month, day, [,<em>hours</em> [<em>, minutes</em> [<em>, seconds</em> [<em>, milliseconds</em> ]]]])</code></li> - <li>Arguments supplémentaires pour les méthodes - <ul> - <li><code>setMonth(month[, date])</code></li> - <li><code>setHours(hours[, min[, sec[, ms]]])</code></li> - <li><code>setMinutes(min[, sec[, ms]])</code></li> - <li><code>setSeconds(sec[, ms])</code></li> - </ul> - </li> - </ul> - </li> - <li>La longueur d'un tableau (la propriété <code>length</code>) est désormais un entier non signé sur 32 bits.</li> - <li>{{jsxref("Array.prototype.push()")}} : avec JavaScript 1.2, la méthode <code>push</code> renvoyait le dernier élément ajouté au tableau. Avec JavaScript 1.3, <code>push</code> renvoie la nouvelle longueur.</li> - <li>{{jsxref("Array.prototype.splice()")}} : Avec JavaScript 1.2, la méthode <code>splice</code> renvoyait l'élément supprimé si un seul élément était supprimé (le paramètre <code>howMany</code> valait <code>1</code>). Avec JavaScript 1.3, <code>splice</code> renvoie toujours un tableau avec les éléments retirés. Si un seul élément est retiré, un tableau constitué d'un seul élément sera renvoyé.</li> - <li><a href="http://web.archive.org/web/20000815081640/http://developer.netscape.com/docs/manuals/communicator/jsref/js13.html#replace">Modifications apportées</a> à <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/String/replace"><code>String.prototype.replace()</code></a>.</li> - <li><a href="http://web.archive.org/web/20000815081640/http://developer.netscape.com/docs/manuals/communicator/jsref/js13.html#Boolean">Modifications apportées</a> à l'objet <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Boolean"><code>Boolean</code></a>.</li> - <li><a href="http://web.archive.org/web/20000815081640/http://developer.netscape.com/docs/manuals/communicator/jsref/js13.html#toString">Modifications apportées</a> à la méthode <code>toString()</code>.</li> -</ul> - -<h2 id="Les_fonctionnalités_de_JavaScript_1.3_hors_d'ECMA-262">Les fonctionnalités de JavaScript 1.3 hors d'ECMA-262</h2> - -<p>Les listes qui suivent comparent la version d'ECMA-262 avant juin 1998 et JavaScript 1.3. Les fonctionnalités qui suivent ne faisaient pas parties du standard mais furent implémentées avec JavaScript 1.3.</p> - -<h3 id="Les_opérateurs_et_mots-clés">Les opérateurs et mots-clés</h3> - -<ul> - <li><a href="/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateurs_de_comparaison#Utilisation_des_op.C3.A9rateurs_d.27.C3.A9galit.C3.A9">Les opérateurs d'égalité stricte</a></li> - <li>La tabulation verticale (<code>\v</code> ou <code>\u000B</code>) en tant que séquence d'échappement</li> -</ul> - -<h3 id="Les_instructions">Les instructions</h3> - -<ul> - <li><a href="/fr/docs/JavaScript/Reference/Instructions/label"><code>label</code></a></li> - <li><a href="/fr/docs/JavaScript/Reference/Instructions/switch"><code>switch</code></a></li> - <li><a href="/fr/docs/JavaScript/Reference/Instructions/do...while"><code>do...while</code></a></li> - <li><a href="/fr/docs/JavaScript/Reference/Instructions/export"><code>export</code></a></li> - <li><a href="/fr/docs/JavaScript/Reference/Instructions/import"><code>import</code></a></li> -</ul> - -<h3 id="Les_objets_natifs">Les objets natifs</h3> - -<ul> - <li>{{jsxref("RegExp")}}</li> -</ul> - -<h3 id="Les_méthodes_d'objets_natifs">Les méthodes d'objets natifs</h3> - -<ul> - <li><code><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Object/toSource">toSource()</a></code></li> - <li>{{jsxref("Object.prototype.watch()")}}</li> - <li>{{jsxref("Object.prototype.unwatch()")}}</li> - <li>{{jsxref("Function.arity")}}</li> - <li>{{jsxref("Function.prototype.apply()")}}</li> - <li>{{jsxref("Function.prototype.call()")}}</li> - <li>{{jsxref("Array.prototype.concat()")}}</li> - <li>{{jsxref("Array.prototype.pop()")}}</li> - <li>{{jsxref("Array.prototype.push()")}}</li> - <li>{{jsxref("Array.prototype.shift()")}}</li> - <li>{{jsxref("Array.prototype.slice()")}}</li> - <li>{{jsxref("Array.prototype.splice()")}}</li> - <li>{{jsxref("String.prototype.concat()")}}</li> - <li>{{jsxref("String.prototype.concat()")}}</li> - <li>{{jsxref("String.prototype.match()")}}</li> - <li>{{jsxref("String.prototype.search()")}}</li> - <li>{{jsxref("String.prototype.slice()")}}</li> - <li>{{jsxref("String.prototype.substr()")}}</li> -</ul> diff --git a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.4/index.html b/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.4/index.html deleted file mode 100644 index 990ecbe991..0000000000 --- a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.4/index.html +++ /dev/null @@ -1,28 +0,0 @@ ---- -title: Nouveautés de JavaScript 1.4 -slug: Web/JavaScript/Nouveautés_et_historique_de_JavaScript/1.4 -tags: - - JavaScript - - Versions -translation_of: Archive/Web/JavaScript/New_in_JavaScript/1.4 ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<p>Ce document liste les modifications apportées avec JavaScript 1.4 qui fut uniquement utilisé côté serveur pour Nescape, il fut sorti en 1999. L'ancienne documentation pour Netscape peut être trouvée sur <a href="http://web.archive.org/web/20040802225238/http://developer.netscape.com/docs/manuals/js/core/jsref/index.htm">archive.org</a>.</p> - -<h2 id="Nouvelles_fonctionnalités_de_JavaScript_1.4">Nouvelles fonctionnalités de JavaScript 1.4</h2> - -<ul> - <li>Gestion des exceptions (<a href="/fr/docs/Web/JavaScript/Reference/Instructions/throw"><code>throw</code></a> et <a href="/fr/docs/Web/JavaScript/Reference/Instructions/try...catch"><code>try...catch</code></a>)</li> - <li>L'opérateur <code><a href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/L_op%C3%A9rateur_in">in</a></code></li> - <li>L'opérateur <code><a href="/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/instanceof">instanceof</a></code></li> -</ul> - -<h2 id="Les_fonctionnalités_modifiées_avec_JavaScript_1.4">Les fonctionnalités modifiées avec JavaScript 1.4</h2> - -<ul> - <li><code><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/eval">eval()</a></code> (ne peut être appelé indirectement et n'est plus une méthode d'<code>Object</code>)</li> - <li><code><a href="/fr/docs/Web/JavaScript/Reference/Fonctions/arguments">arguments</a></code> n'est pas une propriété des fonctions</li> - <li>{{jsxref("Function.arity")}} est déprécié pour être remplacé par {{jsxref("Function.length")}}</li> - <li>Diverses modifications apportées à <a href="/en-US/docs/Archive/Web/LiveConnect">LiveConnect</a></li> -</ul> diff --git a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.5/index.html b/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.5/index.html deleted file mode 100644 index 6b506a0ba6..0000000000 --- a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.5/index.html +++ /dev/null @@ -1,40 +0,0 @@ ---- -title: Nouveautés de JavaScript 1.5 -slug: Web/JavaScript/Nouveautés_et_historique_de_JavaScript/1.5 -tags: - - JavaScript - - Versions -translation_of: Archive/Web/JavaScript/New_in_JavaScript/1.5 ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<div>Ce document liste les modifications apportées avec JavaScript 1.5. Cette version était incluse dans Netscape Navigator 6.0 qui est sorti le 14 novembre 2000. Cette version de JavaScript fut également utilisée dans les versions suivantes de Netscape Navigator et dans Firefox 1.0. JavaScript 1.5 peut être comparé à JScript 5.5 et Internet Explorer 5.5, qui fut sorti en juillet 2000. Le standard ECMA correspondant est la troisième édition d'ECMA-262 (décembre 1999).</div> - -<h2 id="Nouvelles_fonctionnalités_de_JavaScript_1.5">Nouvelles fonctionnalités de JavaScript 1.5</h2> - -<ul> - <li>{{jsxref("Number.prototype.toExponential()")}}</li> - <li>{{jsxref("Number.prototype.toFixed()")}}</li> - <li>{{jsxref("Number.prototype.toPrecision()")}}</li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Instructions/const"><code>const</code></a> est désormais <a href="/fr/docs/Web/JavaScript/Reference/Grammaire_lexicale#Mots-clés_réservés_selon_ECMAScript_2015">un mot réservé</a></li> - <li>Il est possible d'utiliser plusieurs clauses <code>catch</code> au sein d'une instruction <a href="/fr/docs/Web/JavaScript/Reference/Instructions/try...catch"><code>try...catch</code></a>.</li> - <li>Il est désormais possible d'ajouter des accesseurs et des mutateurs pour les propriétés d'un objet.</li> -</ul> - -<h2 id="Fonctionnalités_modifiées_avec_JavaScript_1.5">Fonctionnalités modifiées avec JavaScript 1.5</h2> - -<ul> - <li>Les erreurs d'exécution sont désormais rapportées comme des exceptions.</li> - <li>Les modifications liées aux expressions rationnelles : - <ul> - <li>Les quantificateurs — +, *, ? et {} — peuvent désormais être suivis par un ? pour ne pas être gloutons.</li> - <li>Les parenthèses non-capturantes (?:x) peuvent être utilisées à la place des parenthèses capturantes. Les expressions correspondantes pour ces groupes ne pourront pas être utilisées dans des références.</li> - <li>Les assertions pour le contexte avant et après sont supportées.</li> - <li>Le drapeau (<em>flag</em>) <code>m</code> a été ajouté pour spécifier si l'expression rationnelle doit rechercher une correspondance sur plusieurs lignes ou non.</li> - </ul> - </li> - <li>Les fonctions peuvent désormais être déclarées au sein d'une clause <code>if</code>.</li> - <li> - <p>Les fonctions peuvent désormais être déclarées au sein d'une expression.</p> - </li> -</ul> diff --git a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.6/index.html b/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.6/index.html deleted file mode 100644 index c45e80840a..0000000000 --- a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.6/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: Nouveautés de JavaScript 1.6 -slug: Web/JavaScript/Nouveautés_et_historique_de_JavaScript/1.6 -tags: - - JavaScript - - Versions -translation_of: Archive/Web/JavaScript/New_in_JavaScript/1.6 ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<p>Ce document liste les modifications apportées avec JavaScript 1.6. Cette version fut incluse avec Firefox 1.5 (Gecko 1.8) sorti en novembre 2005. Le standard ECMA correspondant est la troisième édition d'ECMA-262 et ECMAScript for XML (E4X) définit des fonctionnalités additionnelles. Plusieurs fonctionnalités furent introduites avec cette version : E4X, des nouvelles méthodes pour <code>Array</code> et les méthodes génériques pour <code>Array</code> et <code>String</code>.</p> - -<h2 id="Nouvelles_fonctionnalités_de_JavaScript_1.6">Nouvelles fonctionnalités de JavaScript 1.6</h2> - -<ul> - <li>Ajout du support pour ECMAScript pour XML (<a href="/en-US/docs/Archive/Web/E4X">E4X</a>) afin de créer et de traiter des documents <a href="/en-US/docs/Glossary/XML">XML</a> avec <a href="/en-US/docs/Web/JavaScript">JavaScript</a>. Voir la page <a href="/en-US/docs/Archive/Web/E4X/Processing_XML_with_E4X">manipuler du XML avec E4X</a> pour plus de détails.</li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array/indexOf"><code>Array.prototype.indexOf()</code></a></li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array/lastIndexOf"><code>Array.prototype.lastIndexof()</code></a></li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array/every"><code>Array.prototype.every()</code></a></li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array/filter"><code>Array.prototype.filter()</code></a></li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array/forEach"><code>Array.prototype.forEach()</code></a></li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array/map"><code>Array.prototype.map()</code></a></li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array/some"><code>Array.prototype.some()</code></a></li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array#Array_generic_methods">Méthodes génériques pour les tableaux</a></li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/String#M.C3.A9thodes_g.C3.A9n.C3.A9riques_de_String">Méthodes génériques pour les chaînes </a></li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Instructions/for_each...in"><code>for each...in</code></a></li> -</ul> - -<h2 id="Fonctionnalités_modifiées_avec_JavaScript_1.6">Fonctionnalités modifiées avec JavaScript 1.6</h2> - -<ul> - <li>Le {{bug(292215)}} a été corrigé : <a href="/fr/docs/Web/JavaScript/Reference/Fonctions/arguments"><code>arguments[n]</code></a> ne pouvait être défini/modifié si <code>n</code> était supérieur au nombre d'arguments explicitement déclarés dans la fonction.</li> -</ul> diff --git a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.7/index.html b/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.7/index.html deleted file mode 100644 index b88fa1606e..0000000000 --- a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.7/index.html +++ /dev/null @@ -1,38 +0,0 @@ ---- -title: Nouveautés de JavaScript 1.7 -slug: Web/JavaScript/Nouveautés_et_historique_de_JavaScript/1.7 -tags: - - JavaScript - - Versions -translation_of: Archive/Web/JavaScript/New_in_JavaScript/1.7 ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<p>Cette page présente le journal des modifications (<em>changelog</em>) pour JavaScript 1.7. Cette version de Javascript a été incluse dans <a href="/fr/Firefox/Releases/2">Firefox 2</a> (Octobre 2006).</p> - -<p>JavaScript 1.7 est une mise à jour du langage qui introduit plusieurs nouvelles fonctionnalités, en particulier : les générateurs et les itérateurs, la définition de tableaux par compréhension, les expressions <code>let</code> et l'assignation par décomposition.</p> - -<h2 id="Utilisation_de_JavaScript_1.7">Utilisation de JavaScript 1.7</h2> - -<p>Afin de pouvoir utiliser certaines des nouvelles fonctionnalités de JavaScript 1.7, il est nécessaire de spécifier qu'on utilise JavaScript 1.7. Dans du code HTML ou XUL, on utilisera :</p> - -<pre class="brush: html"><script type="application/javascript;version=1.7"></script> -</pre> - -<p>Si vous utilisez le <a href="/fr/Introduction_au_shell_JavaScript">shell JavaScript</a>, vous devrez définir la version utilisée à l'aide de l'argument en ligne de commande <code>-version 170</code> ou de la fonction <code>version()</code> :</p> - -<pre class="eval">version(170); -</pre> - -<p>Pour utiliser les fonctionnalités nécessitant l'utilisation des nouveaux mots-clés « <code>yield</code> » et « <code>let</code> », il est obligatoire de spécifier l'utilisation de la version 1.7, les scripts existants pouvant utiliser ces mots-clés comme noms de variables ou de fonctions. Les fonctionnalités n'utilisant pas de nouveaux mots-clés (assignations déstructurantes et définitions de tableaux par compréhension) peuvent être utilisées sans préciser la version de JavaScript.</p> - -<h2 id="Nouvelles_fonctionnalités_dans_JavaScript_1.7">Nouvelles fonctionnalités dans JavaScript 1.7</h2> - -<p>Les fonctionnalités suivantes ont été ajoutées à JavaScript 1.7 et ne faisaient partie d'aucun standard ECMA-262 lors de leur introduction. Dans les versions plus récentes de Firefox, leur implémentation a été mise à jour de façon à respecter la sémantique de ECMAScript Edition 6. Veuillez consulter les pages de référence pour plus d'informations sur ces évolutions.</p> - -<ul> - <li><a href="/fr/docs/Web/JavaScript/Guide/iterateurs_et_generateurs">Itérateur et générateurs</a></li> - <li>{{jsxref('Opérateurs/Compréhensions_de_tableau', 'Compréhension de tableau', '#Diff.C3.A9rences_avec_les_compr.C3.A9hensions_pr.C3.A9c.C3.A9dentes_JS1.7.2FJS1.8', '1')}}</li> - <li>Instruction {{jsxref('Instructions/let', 'let')}}, le support de l'expression <code>let</code> est abandonné à partir de Gecko 41 ({{bug(1023609)}}).</li> - <li>{{jsxref('Opérateurs/Affecter_par_décomposition', 'Affectation par décomposition', '', '1')}} (Le support de la méthode de décomposition qui était anciennement utilisée pour JS1.7 pour for...in a été abandonnée avec Gecko 40 ({{bug(1083498)}}))</li> -</ul> diff --git a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.8.1/index.html b/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.8.1/index.html deleted file mode 100644 index 3b2a3b16a0..0000000000 --- a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.8.1/index.html +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: Nouveautés de JavaScript 1.8.1 -slug: Web/JavaScript/Nouveautés_et_historique_de_JavaScript/1.8.1 -tags: - - Firefox 3.5 - - JavaScript - - Versions -translation_of: Archive/Web/JavaScript/New_in_JavaScript/1.8.1 ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<p>Cette page présente le journal des modifications (<em>changelog</em>) pour JavaScript 1.8.5. Cette version de Javascript a été introduite dans <a href="/fr/Firefox/Releases/3.5">Firefox 3.5</a>.</p> - -<p>JavaScript 1.8.1 est une version de mise à jour mineure de JavaScript du point de vue de la syntaxe. Le principal changement lié à cette version est l'ajout du <a href="/en-US/docs/SpiderMonkey/Internals/Tracing_JIT" title="SpiderMonkey/Internals/Tracing JIT">compilateur juste-à-temps Tracemonkey <em>(en anglais)</em></a>, qui améliore les performances.</p> - -<h2 id="Nouvelles_fonctionnalités_dans_JavaScript_1.8.1">Nouvelles fonctionnalités dans JavaScript 1.8.1</h2> - -<ul> - <li>{{jsxref("Object.getPrototypeOf()")}}</li> - <li><a href="/fr/docs/JavaScript/Guide/Utiliser_le_JSON_natif" title="Utiliser JSON avec Firefox">Support de JSON en natif</a></li> - <li>{{jsxref("String.prototype.trim()")}}</li> - <li>{{jsxref("String.prototype.trimLeft()")}}</li> - <li>{{jsxref("String.prototype.trimRight()")}}</li> -</ul> - -<h2 id="Changements_apportés_par_JavaScript_1.8.1">Changements apportés par JavaScript 1.8.1</h2> - -<ul> - <li>La définition implicite de propriétés dans les initialisateurs d'objets et de tableaux n'utilisent plus les setters. Cela permet de rendre le comportement des définitions plus prévisible et compréhensible.</li> -</ul> diff --git a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.8.5/index.html b/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.8.5/index.html deleted file mode 100644 index 1e03d6f2a0..0000000000 --- a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.8.5/index.html +++ /dev/null @@ -1,128 +0,0 @@ ---- -title: Nouveautés de JavaScript 1.8.5 -slug: Web/JavaScript/Nouveautés_et_historique_de_JavaScript/1.8.5 -tags: - - ECMAScript 5 - - Firefox 4 - - JavaScript - - JavaScript 1.8.5 - - Versions -translation_of: Archive/Web/JavaScript/New_in_JavaScript/1.8.5 ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<p>Cette page présente le journal des modifications (<em>changelog</em>) pour JavaScript 1.8.5. Cette version de Javascript a été introduite dans <a href="/fr/Firefox/Releases/4">Firefox 4</a>.</p> - -<h2 id="Nouvelles_fonctionnalités_dans_JavaScript_1.8.5">Nouvelles fonctionnalités dans JavaScript 1.8.5</h2> - -<h3 id="Nouvelles_fonctions">Nouvelles fonctions</h3> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Fonction</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{jsxref("Object.create")}}</td> - <td>Crée un nouvel objet avec l'objet prototype et les propriétés fournies. {{bug("492840")}}</td> - </tr> - <tr> - <td>{{jsxref("Object.defineProperty")}}</td> - <td>Ajoute une propriété nommée et avec un descripteur à un objet.</td> - </tr> - <tr> - <td>{{jsxref("Object.defineProperties")}}</td> - <td>Ajoute des propriétés nommées et avec descripteurs à un object.</td> - </tr> - <tr> - <td>{{jsxref("Object.getOwnPropertyDescriptor")}}</td> - <td>Renvoie un descripteur de propriété d'une propriété nommée ou d'un objet. {{bug("505587")}}</td> - </tr> - <tr> - <td>{{jsxref("Object.keys")}}</td> - <td>Renvoie un tableau avec toutes les propriétés énumérables d'un objet. {{bug("307791")}}</td> - </tr> - <tr> - <td>{{jsxref("Object.getOwnPropertyNames")}}</td> - <td>Renvoie un tableau avec toutes les propriétés (énumérables et non énumérables) d'un objet. {{bug("518663")}}</td> - </tr> - <tr> - <td>{{jsxref("Object.preventExtensions")}}</td> - <td>Empêche l'ajout de nouvelles propriétés à un objet. {{bug("492849")}}</td> - </tr> - <tr> - <td>{{jsxref("Object.isExtensible")}}</td> - <td>Détermine s'il est possible d'étendre un objet. {{bug("492849")}}</td> - </tr> - <tr> - <td>{{jsxref("Object.seal")}}</td> - <td>Empêche la suppression des propriétés d'un objet par un autre code. {{bug("492845")}}</td> - </tr> - <tr> - <td>{{jsxref("Object.isSealed")}}</td> - <td>Détermine si un objet est scellé. {{bug("492845")}}</td> - </tr> - <tr> - <td>{{jsxref("Object.freeze")}}</td> - <td>« Gèle » un objet : un code externe ne peut pas supprimer ou changer des propriétés {{bug("492844")}}</td> - </tr> - <tr> - <td>{{jsxref("Object.isFrozen")}}</td> - <td>Détermine si un objet a été gelé. {{bug("492844")}}</td> - </tr> - <tr> - <td>{{jsxref("Array.isArray")}}</td> - <td>Vérifie si une variable est un tableau. {{bug("510537")}}</td> - </tr> - <tr> - <td>{{jsxref("Date.prototype.toJSON")}}</td> - <td>Renvoie une chaîne de caractères JSON depuis un objet <code>Date</code>.</td> - </tr> - <tr> - <td>{{jsxref("Function.prototype.bind")}}</td> - <td>Crée une nouvelle fonction qui, lorsqu'elle est appelée, appelle elle-même cette fonction dans le contexte fourni (avec une séquence d'arguments) {{bug("429507")}}</td> - </tr> - </tbody> -</table> - -<h3 id="Nouvelles_fonctionnalités_ECMAScript5">Nouvelles fonctionnalités ECMAScript5</h3> - -<ul> - <li>Les opérateurs {{jsxref("Fonctions/get", "get")}} et {{jsxref("Fonctions/set", "set")}} permettent désormais à l'identifiant d'être une chaîne ou un nombre. {{bug("520696")}}</li> - <li>{{jsxref("Function.prototype.apply()")}} accepte désormais les objets analogues à des tableaux et non plus seulement des tableaux</li> - <li>{{jsxref("Fonctions_et_portee_des_fonctions/Strict_mode", "Support du mode strict")}}</li> - <li>{{jsxref("Array.prototype.toString()")}} fonctionne désormais sur les objets qui ne sont pas des tableaux en renvoyant le résultat de sa méthode {{jsxref("Array.prototype.join()", "join()")}} si elle existe, ou bien en appelant sa méthode {{jsxref("Object.prototype.toString()", "toString()")}}.</li> -</ul> - -<h3 id="Avancées_de_standardisation">Avancées de standardisation</h3> - -<p>Les diverses syntaxes non-standard utilisées pour définir les getters et les setters ont été retirées. La syntaxe définie dans ECMAScript 5 n'a pas été changée. Ces syntaxes étaient assez obscures et rarement utilisées : si vous pensez être concerné, veuillez lire cet <a class="external" href="http://whereswalden.com/2010/04/16/more-spidermonkey-changes-ancient-esoteric-very-rarely-used-syntax-for-creating-getters-and-setters-is-being-removed/">article de blog (<em>anglais</em>)</a> pour plus de détails.</p> - -<h3 id="Nouveaux_objets">Nouveaux objets</h3> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Objet</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td><a href="/en-US/docs/Archive/Web/Old_Proxy_API">Ancienne API Proxy</a></td> - <td>Offre un support pour la création de proxies d'<code>Object</code> et <code>Function</code> permettant la méta-programmation en JavaScript.</td> - </tr> - </tbody> -</table> - -<h2 id="Changements_apportés_par_JavaScript_1.8.5">Changements apportés par JavaScript 1.8.5</h2> - -<ul> - <li>ISO 8601 est supporté pour l'objet <code>Date</code> : La méthode {{jsxref("Date.parse()", "parse()")}} de l'objet {{jsxref("Date")}} supporte désormais les chaînes de date au format ISO 8601.</li> - <li>Les objets globaux sont en lecture seule : Les objets globaux {{jsxref("NaN")}}, {{jsxref("Infinity")}}, et {{jsxref("undefined")}} ont été passés en lecture seule afin de respecter la spécification ECMAScript5.</li> - <li>{{jsxref("Object.Parent", "Object.prototype.__parent__")}} et {{jsxref("Object.Count", "Object.prototype.__count__")}} deviennent obsolètes. Pour plus d'informations à ce sujet vous pouvez consulter les pages suivantes (<em>en anglais</em>) : <a class="external" href="http://whereswalden.com/2010/05/07/spidermonkey-change-du-jour-the-special-__parent__-property-has-been-removed/">SpiderMonkey change du jour: the special __parent__ property has been removed (<em>anglais</em>)</a>, {{bug("551529")}} et {{bug("552560")}}.</li> - <li>Les virgules en fin de chaines ne sont plus acceptées par la méthode {{jsxref("JSON.parse()")}}.</li> -</ul> diff --git a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.8/index.html b/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.8/index.html deleted file mode 100644 index b9574c34ab..0000000000 --- a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/1.8/index.html +++ /dev/null @@ -1,41 +0,0 @@ ---- -title: Nouveautés de JavaScript 1.8 -slug: Web/JavaScript/Nouveautés_et_historique_de_JavaScript/1.8 -tags: - - JavaScript - - Versions -translation_of: Archive/Web/JavaScript/New_in_JavaScript/1.8 ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<p>Cette page présente le journal des modifications (<em>changelog</em>) pour JavaScript 1.8. Cette version de Javascript a été introduite dans <a href="/fr/Firefox/Releases/3">Firefox 3</a> avec Gecko 1.9. Consultez le {{ Bug(380236) }} pour suivre les progrès du développement de JavaScript 1.8.</p> - -<h2 id="Utilisation_de_JavaScript_1.8" name="Utilisation_de_JavaScript_1.8">Utilisation de JavaScript 1.8</h2> - -<p>Afin d'utiliser certaines des nouvelles fonctionnalités de JavaScript 1.8, utilisez :</p> - -<pre class="brush: html"><script type="application/javascript;version=1.8"> - ... votre code ... -</script> -</pre> - -<p>Une autre méthode (non recommandée) consiste à utiliser l'attribut déprécié <code>language</code> de la balise <code> <script></code> avec la valeur « JavaScript1.8 ».</p> - -<p>Lorsque vous utilisez le <a href="/fr/Introduction_au_shell_JavaScript">shell JavaScript</a>, des composants XPCOM JavaScript ou des éléments <code><script></code> XUL, la dernière version de JavaScript (JavaScript 1.8 dans Mozilla 1.9) est utilisée automatiquement (cf. {{ Bug(381031) }}, {{ Bug(385159) }}).</p> - -<p>Pour utiliser les fonctionnalités nécessitant l'utilisation des nouveaux mots-clés « <code>yield</code> » et « <code>let</code> », la version 1.7 ou supérieure doit être spécifiée, car du code existant peut utiliser ces mots-clés comme noms de variables ou de fonctions. Les fonctionnalités qui n'utilisent pas de nouveaux mots-clés (comme les expressions génératrices) peuvent être utilisés sans préciser la version de JavaScript.</p> - -<h2 id="Nouvelles_fonctionnalités_dans_JavaScript_1.8">Nouvelles fonctionnalités dans JavaScript 1.8</h2> - -<ul> - <li>{{jsxref("Opérateurs/Expression_Closures", "Expressions de fermetures")}} (<em>Expression Closures</em>).</li> - <li><a href="/fr/docs/Web/JavaScript/Guide/iterateurs_et_generateurs#Expression_g.C3.A9n.C3.A9ratrices">Expression génératrices</a>. Facilite la création de générateurs (introduits avec <a href="/fr/docs/Web/JavaScript/New_in_JavaScript/1.7" title="Nouveauté dans JavaScript 1.7">JavaScript 1.7</a>). Auparavant pour créer un générateur il fallait écrire une fonction contenant l'instruction <code>yield</code>. Les expressions génératrices permettent de créer le même générateur à l'aide d'une syntaxe proche d'une liste en compréhension.</li> - <li>{{jsxref('Array.prototype.reduce()')}}</li> - <li>{{jsxref('Array.prototype.reduceRight()')}}</li> -</ul> - -<h2 id="Changements_apportés_par_JavaScript_1.8">Changements apportés par JavaScript 1.8</h2> - -<h3 id="Affectation_par_décomposition_dans_les_boucles_for...in">Affectation par décomposition dans les boucles <code>for...in</code></h3> - -<p>L'une des modifications apportées par JavaScript 1.8 est la correction d'un bug lié à l'{{ jsxref('Opérateurs/Affecter_par_décomposition', 'Affection par décomposition de tableaux') }}, introduite avec JavaScript 1.7. Il était auparavant possible de décomposer les clés et valeurs d'un tableau avec la syntaxe <code>for ( var [clé, valeur] in tableau )</code>. Cela rendait cependant impossible la décomposition des valeurs d'un tableau de tableaux. Ce bug a été résolu ({{ Bug("366941") }}), et la syntaxe a utiliser est devenue la suivante : <code>for ( var [clé, valeur] in Iterator(tableau))</code>.</p> diff --git a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/index.html b/files/fr/web/javascript/nouveautés_et_historique_de_javascript/index.html deleted file mode 100644 index c6140c5323..0000000000 --- a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/index.html +++ /dev/null @@ -1,72 +0,0 @@ ---- -title: Nouveautés et historique de JavaScript -slug: Web/JavaScript/Nouveautés_et_historique_de_JavaScript -tags: - - ECMAScript - - JavaScript - - Versions -translation_of: Archive/Web/JavaScript/New_in_JavaScript ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<p>Ce chapitre contient des informations sur l'historique des versions de JavaScript et sur le statut de l'implémentation des applications basées sur SpiderMonkey telles que Firefox.</p> - -<h2 id="Versions_d'ECMAScript">Versions d'ECMAScript</h2> - -<dl> - <dt><a href="/fr/docs/Web/JavaScript/Language_Resources">Ressources sur le language</a></dt> - <dd>Plus d'informations sur les standards ECMAScript sur lesquels est basé JavaScript.</dd> - <dt><a href="/fr/docs/Web/JavaScript/New_in_JavaScript/Support_ECMAScript_5_par_Mozilla">Support d'ECMAScript 5</a></dt> - <dd>Le statut d'implémentation relatif à l'édition 5.1 du standard ECMA-262 pour les moteurs et les produits Mozilla.</dd> - <dt><a href="/fr/docs/Web/JavaScript/New_in_JavaScript/Support_ECMAScript_2015_par_Mozilla">Support d'ECMAScript 2015</a></dt> - <dd>Le statut d'implémentation relatif à l'édition 6 du standard ECMA-262 (ES2015/ES6) pour les moteurs et les produits Mozilla.</dd> - <dt><a href="/fr/docs/Web/JavaScript/New_in_JavaScript/Support_ECMAScript_Next_par_Mozilla">Support d'ECMAScript Next</a></dt> - <dd>Le statut d'implémentation relatif aux éditions à venir du standard ECMA-262 qui suit désormais un rythme annuel (ES2016/ES2017/ES2018/etc.) pour les moteurs et les produits Mozilla.</dd> -</dl> - -<h2 id="Notes_des_versions_JavaScript">Notes des versions JavaScript</h2> - -<dl> - <dt><a href="/fr/docs/Web/JavaScript/New_in_JavaScript/liste_changements_JavaScript_par_version_Firefox">Notes des versions de Firefox pour les fonctionnalités liées à JavaScript</a></dt> - <dd>Ces notes de versions décrivent les fonctionnalités JavaScript implémentées à partir de Firefox 5.</dd> -</dl> - -<h2 id="Versions_de_JavaScript">Versions de JavaScript</h2> - -<p><strong>Notion dépréciée</strong> ({{deprecated_inline()}}). Le versionnement de JavaScript et le ciblage de la version pour les fonctionnalités est spécifique à Mozilla et <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=867609">est en cours de suppression</a>. Firefox 4 fut la dernière version de Firefox qui fait référence à une version de JavaScript (en l'occurence la version 1.8.5). Avec les standards ECMA, les fonctionnalités de JavaScript sont désormais mentionnées avec l'édition ECMA-262 qui comporte leur définition initiale, par exemple ECMAScript 2015 (ES2015/ES6).</p> - -<p>JavaScript fut publié avec la version 1.0 en mars 1996 dans les logiciels Netscape Navigator 2.0 et Internet Explorer 2.0.</p> - -<dl> - <dt><a href="/fr/docs/Web/JavaScript/New_in_JavaScript/1.1">JavaScript 1.1</a></dt> - <dd>La version livrée avec Netscape Navigator 3.0. Sortie le 19 août 1996.</dd> - <dt><a href="/fr/docs/Web/JavaScript/New_in_JavaScript/1.2">JavaScript 1.2</a></dt> - <dd>La version livrée avec Netscape Navigator 4.0-4.05. Sortie le 11 juin 1997.</dd> - <dt><a href="/fr/docs/Web/JavaScript/New_in_JavaScript/1.3">JavaScript 1.3</a></dt> - <dd>La version livrée avec Netscape Navigator 4.06-4.7x. Sortie le 19 octobre 1998.<br> - Travail de standardisation pour la mise aux normes par rapport aux deux premières édition d'ECMA-262.</dd> - <dt><a href="/fr/docs/Web/JavaScript/New_in_JavaScript/1.4">JavaScript 1.4</a></dt> - <dd>La version livrée pour le JavaScript côté serveur de Netscape. Sortie en 1999.</dd> - <dt><a href="/fr/docs/Web/JavaScript/New_in_JavaScript/1.5">JavaScript 1.5</a></dt> - <dd>La version livrée avec Netscape Navigator 6.0 et Firefox 1.0. Sortie le 14 novembre 2000.<br> - Travail de standardisation pour la mise aux normes par rapport à la troisième édition d'ECMA-262.</dd> - <dt><a href="/fr/docs/Web/JavaScript/New_in_JavaScript/1.6">JavaScript 1.6</a></dt> - <dd>Version livrée avec Firefox 1.5. Sortie en novembre 2005.<br> - Inclue ECMAScript pour XML (E4X), de nouvelles méthodes pour <code>Array</code> et les méthodes génériques pour <code>String</code> et <code>Array</code>.</dd> - <dt><a href="/fr/docs/Web/JavaScript/New_in_JavaScript/1.7">JavaScript 1.7</a></dt> - <dd>Version livrée avec Firefox 2. Sortie en octobre 2006.<br> - Inclue les générateurs et itérateurs historiques (différents de ceux définis par ECMAScript 2015 (ES6)), les compréhensions de tableaux, les expressions <code>let</code> et l'affectation par décomposition.</dd> - <dt><a href="/fr/docs/Web/JavaScript/New_in_JavaScript/1.8">JavaScript 1.8</a></dt> - <dd>Version livrée avec Firefox 3. Sortie en juin 2008.<br> - Inclue les expressions pour les fermetures, les expressions de générateurs (ancienne version, différente de celles d'ECMAScript 2015 (ES6)) et <code>Array.reduce()</code></dd> - <dt><a href="/fr/docs/Web/JavaScript/New_in_JavaScript/1.8.1">JavaScript 1.8.1</a></dt> - <dd>Version livrée avec Firefox 3.5. Sortie le 30 juin 2009.<br> - Inclue le compilateur JIT TraceMonkey et le support du JSON natif.</dd> - <dt>JavaScript 1.8.2</dt> - <dd>Version livrée avec Firefox 3.6. Sortie le 22 juin 2009.<br> - Inclue uniquement quelques changements mineurs.</dd> - <dt><a href="/fr/docs/Web/JavaScript/New_in_JavaScript/1.8.5">JavaScript 1.8.5</a></dt> - <dd>Version livrée avec Firefox 4. Sortie le 27 juillet 2010.<br> - Inclue de nombreuses fonctionnalités pour la mise aux normes par rapport à la cinquième édition d'ECMA-262 Edition 5.<br> - Cette version est la dernière version de JavaScript utilisant cette méthode dépréciée pour la numérotation.</dd> -</dl> diff --git a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/support_ecmascript_2015_par_mozilla/index.html b/files/fr/web/javascript/nouveautés_et_historique_de_javascript/support_ecmascript_2015_par_mozilla/index.html deleted file mode 100644 index cbfddccb7a..0000000000 --- a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/support_ecmascript_2015_par_mozilla/index.html +++ /dev/null @@ -1,273 +0,0 @@ ---- -title: Support d'ECMAScript 6 par Mozilla -slug: >- - Web/JavaScript/Nouveautés_et_historique_de_JavaScript/Support_ECMAScript_2015_par_Mozilla -tags: - - ECMAScript 2015 - - Firefox - - JavaScript -translation_of: Archive/Web/JavaScript/New_in_JavaScript/ECMAScript_2015_support_in_Mozilla ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<p>ECMAScript 2015 (sixième édition) est la version actuelle pour le langage ECMAScript. C'est le standard qui définit l'implémentation de <a href="/fr/docs/Web/JavaScript">JavaScript</a>, notamment pour <a href="/fr/docs/SpiderMonkey">SpiderMonkey</a>, le moteur utilisé par Firefox et les autres applications Mozilla.</p> - -<p>Cette version est appelée avec le nom de code « ES.next », « Harmony » ou « ECMAScript 6 ». <a href="https://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts">Les brouillons de spécification</a> (aussi appelés <em>drafts</em>) se trouvent sur le wiki officiel d'ECMA. Le premier draft basé sur ECMAScript 5.1, a été publié le 12 juillet 2011 sous le nom « ES.next ». À partir d'août 2014, ECMAScript 2015 n'a plus accepté de nouvelles fonctionnalités et a été stabilisé. Il a été officiellement approuvé et fut publié le 17 juin 2015 par l'assemblée générale ECMA. Ce standard apparaîtra également sur le standard international ISO/IEC 16262:2016.</p> - -<p>Une version <a href="https://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf">PDF</a> et une version <a href="https://www.ecma-international.org/ecma-262/6.0/index.html">HTML</a> du standard sont disponibles et peuvent être librement téléchargéees sur <a href="https://www.ecma-international.org/publications/standards/Ecma-262.htm">ecma-international.org</a>.</p> - -<p>La liste de diffusion <a href="https://mail.mozilla.org/listinfo/es-discuss">es-discuss</a> permet de discuter des standards ECMAScript.</p> - -<h2 id="Bibliothèque_standard">Bibliothèque standard</h2> - -<h3 id="Ajouts_à_l'objet_Array">Ajouts à l'objet <code>Array</code></h3> - -<ul> - <li>{{jsxref("Array")}} : itération grâce à {{jsxref("Instructions/for...of","for...of")}} (<a href="/fr/Firefox/Releases/13">Firefox 13</a>)</li> - <li>{{jsxref("Array.from()")}} (<a href="/fr/Firefox/Versions/32">Firefox 32</a>)</li> - <li>{{jsxref("Array.of()")}} (<a href="/fr/Firefox/Releases/25">Firefox 25</a>)</li> - <li>{{jsxref("Array.prototype.fill()")}} (<a href="/fr/Firefox/Releases/31">Firefox 31</a>)</li> - <li>{{jsxref("Array.prototype.find()")}}, {{jsxref("Array.prototype.findIndex()")}} (<a href="/fr/Firefox/Releases/25">Firefox 25</a>)</li> - <li>{{jsxref("Array.prototype.entries()")}}, {{jsxref("Array.prototype.keys()")}} (<a href="/fr/Firefox/Releases/28">Firefox 28</a>), {{jsxref("Array.prototype.values()")}}</li> - <li>{{jsxref("Array.prototype.copyWithin()")}} (<a href="/fr/Firefox/Releases/32">Firefox 32</a>)</li> - <li>{{jsxref("Array.@@species", "get Array[@@species]")}} (<a href="/fr/Firefox/Releases/48">Firefox 48</a>)</li> -</ul> - -<h3 id="Les_objets_Map_et_Set_et_leurs_équivalents_avec_références_faibles">Les objets <code>Map</code> et <code>Set</code> et leurs équivalents avec références faibles</h3> - -<ul> - <li>{{jsxref("Map")}} (<a href="/fr/Firefox/Releases/13">Firefox 13</a>) - - <ul> - <li>{{jsxref("Map")}} : itération grâce à {{jsxref("Instructions/for...of","for...of")}} (<a href="/fr/Firefox/Releases/17">Firefox 17</a>)</li> - <li>{{jsxref("Map.prototype.forEach()")}} (<a href="/fr/Firefox/Releases/25">Firefox 25</a>)</li> - <li>{{jsxref("Map.prototype.entries()")}} (<a href="/fr/Firefox/Releases/20">Firefox 20</a>)</li> - <li>{{jsxref("Map.prototype.keys()")}} (<a href="/fr/Firefox/Releases/20">Firefox 20</a>)</li> - <li>{{jsxref("Map.prototype.values()")}}</li> - <li>Argument pour le constructeur : <code>new {{jsxref("Map")}}(null)</code> (<a href="/fr/Firefox/Releases/37">Firefox 37</a>)</li> - <li>Méthode <code>set()</code> corrigée (<em>monkey-patched</em>) avec le constructeur (<a href="/fr/Firefox/Releases/37">Firefox 37</a>)</li> - <li>{{jsxref("Map.@@species", "get Map[@@species]")}} (<a href="/fr/Firefox/Releases/41">Firefox 41</a>)</li> - </ul> - </li> - <li>{{jsxref("Set")}} (<a href="/fr/Firefox/Releases/13">Firefox 13</a>) - <ul> - <li>{{jsxref("Set")}} : itération grâce à {{jsxref("Instructions/for...of","for...of")}} (<a href="/fr/Firefox/Releases/17">Firefox 17</a>)</li> - <li>{{jsxref("Set.prototype.forEach()")}} (<a href="/fr/Firefox/Releases/25">Firefox 25</a>)</li> - <li>{{jsxref("Set.prototype.entries()")}},<br> - {{jsxref("Set.prototype.keys()")}},<br> - {{jsxref("Set.prototype.values()")}} (<a href="/fr/Firefox/Releases/24">Firefox 24</a>)</li> - <li>Argument pour le constructeur : <code>new {{jsxref("Set")}}(null)</code> (<a href="/fr/Firefox/Releases/37">Firefox 37</a>)</li> - <li>Méthode <code>add()</code> corrigée (<em>monkey-patched</em>) avec le constructeur (<a href="/fr/Firefox/Releases/37">Firefox 37</a>)</li> - <li>{{jsxref("Set.@@species", "get Set[@@species]")}} (<a href="/fr/Firefox/Releases/41">Firefox 41</a>)</li> - </ul> - </li> - <li>{{jsxref("WeakMap")}} (<a href="/fr/Firefox/Releases/6">Firefox 6</a>) - <ul> - <li>{{jsxref("WeakMap.clear()")}} (<a href="/fr/Firefox/Releases/20">Firefox 20</a>)</li> - <li>Argument itérable optionnel pour le constructeur {{jsxref("WeakMap")}} (<a href="/fr/Firefox/Releases/36">Firefox 36</a>)</li> - <li>Argumement pour le constructeur : <code>new {{jsxref("WeakMap")}}(null)</code> (<a href="/fr//Firefox/Releases/37">Firefox 37</a>)</li> - <li>Méthode <code>set()</code> corrigée (<em>monkey-patched</em>) avec le constructor (<a href="/fr/Firefox/Releases/37">Firefox 37</a>)</li> - </ul> - </li> - <li>{{jsxref("WeakSet")}} (<a href="/fr/Firefox/Releases/34">Firefox 34</a>) - <ul> - <li>Constructor argument: <code>new {{jsxref("WeakSet")}}(null)</code> (<a href="/fr/Firefox/Releases/37">Firefox 37</a>)</li> - <li>Monkey-patched <code>add()</code> in Constructor (<a href="/fr/Firefox/Releases/37">Firefox 37</a>)</li> - </ul> - </li> -</ul> - -<h3 id="Nouvelles_fonctions_pour_l'objet_Math">Nouvelles fonctions pour l'objet <code>Math</code></h3> - -<ul> - <li>{{jsxref("Math.imul()")}} (<a href="/fr/Firefox/Releases/20">Firefox 20</a>)</li> - <li>{{jsxref("Math.clz32()")}} (<a href="/fr/Firefox/Releases/31">Firefox 31</a>)</li> - <li>{{jsxref("Math.fround()")}} (<a href="/fr/Firefox/Releases/26">Firefox 26</a>)</li> - <li>{{jsxref("Math.log10()")}}, {{jsxref("Math.log2()")}}, {{jsxref("Math.log1p()")}}, {{jsxref("Math.expm1()")}}, {{jsxref("Math.cosh()")}}, {{jsxref("Math.sinh()")}}, {{jsxref("Math.tanh()")}}, {{jsxref("Math.acosh()")}}, {{jsxref("Math.asinh()")}}, {{jsxref("Math.atanh()")}}, {{jsxref("Math.hypot()")}}, {{jsxref("Math.trunc()")}}, {{jsxref("Math.sign()")}}, {{jsxref("Math.cbrt()")}} (<a href="/fr/Firefox/Releases/25">Firefox 25</a>)</li> -</ul> - -<h3 id="Ajouts_à_l'objet_Number">Ajouts à l'objet <code>Number</code></h3> - -<ul> - <li>{{jsxref("Number.isNaN()")}} (<a href="/fr/Firefox/Releases/16">Firefox 16</a>)</li> - <li>{{jsxref("Number.isFinite()")}} (<a href="/fr/Firefox/Releases/16">Firefox 16</a>)</li> - <li>{{jsxref("Number.isInteger()")}} (<a href="/fr/Firefox/Releases/16">Firefox 16</a>)</li> - <li>{{jsxref("Number.parseInt()")}} (<a href="/fr/Firefox/Releases/25">Firefox 25</a>)</li> - <li>{{jsxref("Number.parseFloat()")}} (<a href="/fr/Firefox/Releases/25">Firefox 25</a>)</li> - <li>{{jsxref("Number.EPSILON")}} (<a href="/fr/Firefox/Releases/25">Firefox 25</a>)</li> - <li>{{jsxref("Number.MAX_SAFE_INTEGER")}}, {{jsxref("Number.MIN_SAFE_INTEGER")}} (<a href="/fr/Firefox/Releases/31">Firefox 31</a>)</li> - <li>{{jsxref("Number.isSafeInteger()")}} (<a href="/fr/Firefox/Releases/32">Firefox 32</a>)</li> -</ul> - -<h3 id="Ajouts_à_l'objet_Object">Ajouts à l'objet <code>Object</code></h3> - -<ul> - <li>{{jsxref("Object.prototype.__proto__")}} a été standardisé</li> - <li>{{jsxref("Object.is()")}} (<a href="/fr/Firefox/Releases/22">Firefox 22</a>)</li> - <li>{{jsxref("Object.setPrototypeOf()")}} (<a href="/fr/Firefox/Releases/31">Firefox 31</a>)</li> - <li>{{jsxref("Object.assign()")}} (<a href="/fr/Firefox/Releases/34">Firefox 34</a>)</li> - <li>{{jsxref("Object.getOwnPropertySymbols()")}} (<a href="/fr/Firefox/Releases/33">Firefox 33</a>)</li> -</ul> - -<h3 id="Ajouts_à_l'objet_Date">Ajouts à l'objet <code>Date</code></h3> - -<ul> - <li>{{jsxref("Date.prototype")}} est un objet ordinaire (<a href="/fr/Firefox/Releases/41">Firefox 41</a>)</li> - <li>{{jsxref("Date.prototype.toString")}} est générique (<a href="/fr/Firefox/Releases/41">Firefox 41</a>)</li> - <li>{{jsxref("Date.prototype.@@toPrimitive", "Date.prototype[@@toPrimitive]")}} (<a href="/fr/Firefox/Releases/44">Firefox 44</a>)</li> -</ul> - -<h3 id="Nouvel_objet_Promise">Nouvel objet <code>Promise</code></h3> - -<ul> - <li>{{jsxref("Promise")}} (<a href="/fr/Firefox/Releases/24">Firefox 24</a>, activé par défaut dans <a href="/fr/Firefox/Releases/29">Firefox 29</a>)</li> -</ul> - -<h3 id="Nouvel_objet_Proxy">Nouvel objet <code>Proxy</code></h3> - -<ul> - <li>{{jsxref("Proxy")}} (<a href="/fr/Firefox/Releases/18">Firefox 18</a>)</li> - <li>La trappe {{jsxref("Objets_globaux/Proxy/handler/preventExtensions", "preventExtensions()")}} (<a href="/fr/Firefox/Releases/22">Firefox 22</a>)</li> - <li>La trappe {{jsxref("Objets_globaux/Proxy/handler/isExtensible", "isExtensible()")}} (<a href="/fr/Firefox/Releases/31">Firefox 31</a>)</li> - <li>Les trappes {{jsxref("Objets_globaux/Proxy/handler/getPrototypeOf", "getPrototypeOf()")}} et {{jsxref("Objets_globaux/Proxy/handler/setPrototypeOf", "setPrototypeOf()")}} (<a href="/fr/Firefox/Releases/49">Firefox 49</a>)</li> -</ul> - -<h3 id="Nouvel_objet_Reflect">Nouvel objet <code>Reflect</code></h3> - -<ul> - <li>{{jsxref("Reflect")}} (<a href="/fr/Firefox/Releases/42">Firefox 42</a>)</li> -</ul> - -<h3 id="Ajouts_à_l'objet_RegExp">Ajouts à l'objet <code>RegExp</code></h3> - -<ul> - <li>{{jsxref("RegExp")}} marqueur (<em>flag</em>) pour l'adhérence (y) (<a href="/fr/Firefox/Releases/38">Firefox 38</a>)</li> - <li>{{jsxref("RegExp")}} marqueur (<em>flag</em>) unicode (u) (<a href="/fr/Firefox/Releases/3">Firefox 46</a>)</li> - <li>Méthode générique {{jsxref("RegExp.prototype.toString()")}} (<a href="/fr/Firefox/Releases/39">Firefox 39</a>)</li> - <li>{{jsxref("RegExp.prototype.@@match()", "RegExp.prototype[@@match]()")}} (<a href="/fr/Firefox/Releases/49">Firefox 49</a>)</li> - <li>{{jsxref("RegExp.prototype.@@replace()", "RegExp.prototype[@@replace]()")}} (<a href="/fr/Firefox/Releases/49">Firefox 49</a>)</li> - <li>{{jsxref("RegExp.prototype.@@search()", "RegExp.prototype[@@search]()")}} (<a href="/fr/Firefox/Releases/49">Firefox 49</a>)</li> - <li>{{jsxref("RegExp.prototype.@@split()", "RegExp.prototype[@@split]()")}} (<a href="/fr/Firefox/Releases/49">Firefox 49</a>)</li> - <li>{{jsxref("RegExp.@@species", "get RegExp[@@species]")}} (<a href="/fr/Firefox/Releases/49">Firefox 49</a>)</li> -</ul> - -<h3 id="Ajouts_à_l'objet_String">Ajouts à l'objet <code>String</code></h3> - -<ul> - <li>{{jsxref("String.fromCodePoint()")}} (<a href="/fr/Firefox/Releases/29">Firefox 29</a>)</li> - <li>{{jsxref("String.prototype.codePointAt()")}} (<a href="/fr/Firefox/Releases/29">Firefox 29</a>)</li> - <li>{{jsxref("String.prototype.startsWith()")}}, {{jsxref("String.prototype.endsWith()")}} (<a href="/fr/Firefox/Releases/17">Firefox 17</a>)</li> - <li>{{jsxref("String.prototype.includes()")}} (<a href="/fr/Firefox/Releases/40">Firefox 40</a>) (anciennement String.prototype.contains() (<a href="/fr/Firefox/Releases/17">Firefox 17</a>))</li> - <li>{{jsxref("String.prototype.repeat()")}} (<a href="/fr/Firefox/Releases/24">Firefox 24</a>)</li> - <li>{{jsxref("String.prototype.normalize()")}} (<a href="/fr/Firefox/Releases/31">Firefox 31</a>)</li> - <li>{{jsxref("String.raw()")}} (<a href="/fr/Firefox/Releases/34">Firefox 34</a>)</li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Grammaire_lexicale#Littéraux_de_chaînes_de_caractères">\u{XXXXXX}</a> séquences d'échappement étendues pour Unicode (<a href="/fr/Firefox/Releases/40">Firefox 40</a>)</li> -</ul> - -<h3 id="Nouvel_objet_Symbol">Nouvel objet <code>Symbol</code></h3> - -<ul> - <li>{{jsxref("Symbol")}} (<a href="/fr/Firefox/Releases/36">Firefox 36</a>)</li> - <li>{{jsxref("Symbol.iterator")}} (<a href="/fr/Firefox/Releases/36">Firefox 36</a>)</li> - <li>{{jsxref("Symbol.for()")}} - registre global des différents symboles (<a href="/fr/Firefox/Releases/36">Firefox 36</a>)</li> - <li>{{jsxref("Symbol.match")}} (<a href="/fr/Firefox/Releases/40">Firefox 40</a>)</li> - <li>{{jsxref("Symbol.species")}} (<a href="/fr/Firefox/Releases/41">Firefox 41</a>)</li> - <li>{{jsxref("Symbol.toPrimitive")}} (<a href="/fr/Firefox/Releases/44">Firefox 44</a>)</li> - <li>{{jsxref("Symbol.prototype.@@toPrimitive", "Symbol.prototype[@@toPrimitive]")}} (<a href="/fr/Firefox/Releases/44">Firefox 44</a>)</li> - <li>{{jsxref("Symbol.replace")}} (<a href="/fr/Firefox/Releases/49">Firefox 49</a>)</li> - <li>{{jsxref("Symbol.search")}} (<a href="/fr/Firefox/Releases/49">Firefox 49</a>)</li> - <li>{{jsxref("Symbol.split")}} (<a href="/fr/Firefox/Releases/49">Firefox 49</a>)</li> - <li>{{jsxref("Symbol.hasInstance")}} (<a href="/fr/Firefox/Releases/50">Firefox 50</a>)</li> -</ul> - -<h3 id="Tableaux_typés">Tableaux typés</h3> - -<p>Les tableaux typés sont désormais spécifiés par ECMAScript 2015, ils ne suivent donc plus <a href="https://www.khronos.org/registry/typedarray/specs/latest/">leur propre spécification</a>.</p> - -<ul> - <li>{{jsxref("ArrayBuffer")}}</li> - <li>{{jsxref("ArrayBuffer.@@species", "get ArrayBuffer[@@species]")}} (<a href="/fr/Firefox/Releases/48">Firefox 48</a>)</li> - <li>{{jsxref("DataView")}}</li> - <li>{{jsxref("Int8Array")}}</li> - <li>{{jsxref("Uint8Array")}}</li> - <li>{{jsxref("Uint8ClampedArray")}}</li> - <li>{{jsxref("Int16Array")}}</li> - <li>{{jsxref("Uint16Array")}}</li> - <li>{{jsxref("Int32Array")}}</li> - <li>{{jsxref("Uint32Array")}}</li> - <li>{{jsxref("Float32Array")}}</li> - <li>{{jsxref("Float64Array")}}</li> - <li>{{jsxref("TypedArray.@@species", "get %TypedArray%[@@species]")}} (<a href="/fr/Firefox/Releases/48">Firefox 48</a>)</li> -</ul> - -<h2 id="Expressions_et_opérateurs">Expressions et opérateurs</h2> - -<ul> - <li>{{jsxref("Opérateurs/new.target","new.target")}} (<a href="/fr/Firefox/Releases/41">Firefox 41</a>)</li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateur_de_décomposition">Opérateur de décomposition pour les tableaux</a> (<a href="/fr/Firefox/Releases/16">Firefox 16</a>) - <ul> - <li>Utilisation de la propriété <code>Symbol.iterator</code> (<a href="/fr/Firefox/Releases/36">Firefox 36</a>)</li> - </ul> - </li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Opérateurs/Opérateur_de_décomposition">Opérateur de décomposition pour les appels de fonction </a>(<a href="/fr/Firefox/Releases/27">Firefox 27</a>) - <ul> - <li>Utilisation de la propriété <code>Symbol.iterator</code> (<a href="/fr/Firefox/Releases/36">Firefox 36</a>)</li> - </ul> - </li> - <li>{{jsxref("Instructions/const", "const")}} (<a href="/fr/docs/Web/JavaScript/Nouveautés_et_historique_de_JavaScript/1.5">JS 1.5</a>, Firefox 1.0) (conformité avec ES2015 {{bug("950547")}}, implementé avec Firefox 51)</li> - <li>{{jsxref("Instructions/let", "let")}} (<a href="/fr/docs/Web/JavaScript/New_in_JavaScript/Nouveautés_dans_JavaScript_1.7">JS 1.7</a>, <a href="/fr/Firefox/Releases/2">Firefox 2</a>) (conformité avec ES2015 {{bug("950547")}}, implementé avec Firefox 51)</li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Opérateurs/Affecter_par_décomposition">Affectation par décomposition</a> (<a href="/fr/docs/Web/JavaScript/New_in_JavaScript/Nouveautés_dans_JavaScript_1.7">JS 1.7</a>, <a href="/fr/Firefox/Releases/2">Firefox 2</a>) (conformité avec ES2015 {{bug("1055984")}})</li> -</ul> - -<h2 id="Instructions">Instructions</h2> - -<ul> - <li>{{jsxref("Instructions/for...of","for...of")}} (<a href="/fr/Firefox/Releases/13">Firefox 13</a>) - - <ul> - <li>Fonctionne au sens de <code>.iterator()</code> et <code>.next()</code> (<a href="/fr/Firefox/Releases/17">Firefox 17</a>)</li> - <li>Utilise la propréité <code>"@@iterator"</code> (<a href="/fr/Firefox/Releases/27">Firefox 27</a>)</li> - <li>Utilise la propriété <code>Symbol.iterator</code> (<a href="/fr/Firefox/Releases/36">Firefox 36</a>)</li> - </ul> - </li> -</ul> - -<h2 id="Fonctions">Fonctions</h2> - -<ul> - <li><a href="/fr/docs/Web/JavaScript/Reference/Fonctions/paramètres_du_reste">Paramètres du reste</a> (<a href="/fr/Firefox/Releases/15">Firefox 15</a>)</li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Fonctions/Valeurs_par_défaut_des_arguments">Paramètres par défaut</a> (<a href="/fr/Firefox/Releases/15">Firefox 15</a>) - <ul> - <li>Paramètres sans valeur par défaut après des paramètres avec défaut (<a href="/fr/Firefox/Releases/26">Firefox 26</a>)</li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Fonctions/Valeurs_par_défaut_des_arguments#Param.C3.A8tre_par_d.C3.A9faut_et_d.C3.A9composition_des_param.C3.A8tres">Paramètre par défaut et décomposition</a> (<a href="/fr/Firefox/Releases/41">Firefox 41</a>)</li> - </ul> - </li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Fonctions/Fonctions_fléchées">Fonctions fléchées</a> (<a href="/fr/Firefox/Releases/22">Firefox 22</a>)</li> - <li>{{jsxref("Instructions/function*", "Générateurs (fonctions génératrices)","",1)}} (<a href="/fr/Firefox/Releases/26">Firefox 26</a>) - <ul> - <li>{{jsxref("Opérateurs/yield", "yield")}} (<a href="/fr/Firefox/Releases/26">Firefox 26</a>)</li> - <li>{{jsxref("Opérateurs/yield*", "yield*")}} (<a href="/fr/Firefox/Releases/27">Firefox 27</a>)</li> - </ul> - </li> - <li>{{jsxref("Fonctions/arguments/@@iterator", "arguments[@@iterator]")}} (<a href="/fr/Firefox/Releases/46">Firefox 46</a>)</li> -</ul> - -<h2 id="Autres_fonctionnalités">Autres fonctionnalités</h2> - -<ul> - <li><a href="/fr/docs/Web/JavaScript/Reference/Grammaire_lexicale#Litt.C3.A9raux_num.C3.A9riques">Littéraux numériques binaires et octaux</a> (<a href="/fr/Firefox/Releases/25">Firefox 25</a>)</li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Gabarit_chaînes_caractères">Gabarits de chaîne de caractères</a> (<a href="/fr/Firefox/Releases/34">Firefox 34</a>)</li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Operators/Object_initializer#Property_definitions">Littéral object : notation raccourcie pour les noms de propriétés</a> (<a href="/fr/Firefox/Releases/33">Firefox 33</a>)</li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Operators/Object_initializer#Computed_property_names">Littéral objet : noms de propriétés calculés</a> (<a href="/fr/Firefox/Releases/34">Firefox 34</a>)</li> - <li><a href="/fr/docs/Web/JavaScript/Reference/Opérateurs/Initialisateur_objet#D.C3.A9finitions_de_m.C3.A9thodes">Littéral objet : notation raccourcie pour les noms de méthodes</a> (<a href="/fr/Firefox/Releases/34">Firefox 34</a>)</li> -</ul> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/fr/docs/Web/JavaScript/Nouveautés_et_historique_de_JavaScript/Support_ECMAScript_7_par_Mozilla">Prise en charge d'ECMAScript 2016 par Mozilla</a></li> - <li><a href="https://www.ecmascript.org/">Site web d'ECMAScript</a></li> - <li><a href="https://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts">Les brouillons (<em>drafts</em>) de la spécification ECMAScript 2015</a></li> - <li><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=694100">Bug de suivi Mozilla pour ES2015</a></li> - <li><a href="https://kangax.github.io/compat-table/es6/" title="https://kangax.github.io/es5-compat-table">Support d'ECMAScript 2015 parmi les différents navigateurs</a></li> -</ul> diff --git a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/support_ecmascript_5_par_mozilla/index.html b/files/fr/web/javascript/nouveautés_et_historique_de_javascript/support_ecmascript_5_par_mozilla/index.html deleted file mode 100644 index 03ba972133..0000000000 --- a/files/fr/web/javascript/nouveautés_et_historique_de_javascript/support_ecmascript_5_par_mozilla/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: Support d'ECMAScript 5 par Mozilla -slug: >- - Web/JavaScript/Nouveautés_et_historique_de_JavaScript/Support_ECMAScript_5_par_Mozilla -tags: - - ECMAScript 5 - - JavaScript - - Versions -translation_of: Archive/Web/JavaScript/New_in_JavaScript/ECMAScript_5_support_in_Mozilla ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<p>ECMAScript 5.1 est une version publiée du standard sur lequel est basé JavaScript. Cette version a été approuvée en juin 2011.</p> - -<p>L'environnement d'exécution JavaScript utilisé dans les dernières versions des projets Mozilla (Firefox et Thunderbird par exemple) supporte entièrement les fonctionnalités d'ECMAScript 5.1. Cet article traite des différentes fonctionnalités d'ECMAScript 5.1 et de leur support par les différentes versions de l'environnement JavaScript de Mozilla.</p> - -<h2 id="Fonctionnalités_supportées">Fonctionnalités supportées</h2> - -<h3 id="Ajoutées_dans_JavaScript_1.8.5_(Gecko_2_Firefox_4_et_ultérieures)">Ajoutées dans JavaScript 1.8.5 (Gecko 2, Firefox 4 et ultérieures)</h3> - -<p>Firefox 4 supporte entièrement ECMAScript 5, y compris les méthodes <code>Object.*</code> et le mode strict. Voir la page <a href="/fr/docs/Web/JavaScript/Nouveaut%C3%A9s_et_historique_de_JavaScript/1.8.5">Nouveautés de JavaScript 1.8.5</a> pour plus d'informations.</p> - -<h3 id="Ajoutées_dans_JavaScript_1.8.1_(Gecko_1.9.1_Firefox_3.5)">Ajoutées dans JavaScript 1.8.1 (Gecko 1.9.1, Firefox 3.5)</h3> - -<ul> - <li><span class="internal">Support du <a href="/fr/docs/Web/JavaScript/Objets_globaux/JSON">JSON natif</a></span></li> - <li>Méthode <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Object/getPrototypeOf"><span class="internal"><code>Object.getPrototypeOf()</code></span></a></li> - <li>Méthode <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/String/Trim"><span class="internal"><code>String.trim()</code></span></a>, qui permet de retirer les blancs à chaque extrêmité d'une chaîne de caractères</li> - <li>Gecko 1.9.1.4 mit à jour l'implémentation de <a href="/fr/docs/Web/JavaScript/Guide/Utiliser_le_JSON_natif#Convertir_les_objets_en_JSON"><code>JSON.stringify()</code></a> afin de respecter ECMAScript 5.</li> -</ul> - -<p>Des améliorations apportées par ECMAScript 5 ont permis de corriger l'algorithme d'analyse (<em>parsing</em>) pour ne plus évaluer du code XHTML comme du code JavaScript dans certains cas.</p> - -<h3 id="Ajoutées_dans_JavaScript_1.6_(Gecko_1.8_Firefox_1.5)">Ajoutées dans JavaScript 1.6 (Gecko 1.8, Firefox 1.5)</h3> - -<p>De nouvelles méthodes <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array"><code>Array</code></a> ont été introduites pour faciliter la manipulation des tableaux. Ces méthodes faisaient partie de JavaScript depuis <a href="/fr/docs/Web/JavaScript/Nouveautés_et_historique_de_JavaScript/1.6">JavaScript 1.6</a>. Elles ont été standardisées avec ECMAScript 5.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a class="external" href="http://www.ecmascript.org/">Le site web d'ECMAScript</a></li> - <li><a class="external" href="http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf">La spécification ECMAScript 5.1</a></li> - <li>Le billet de John Resig sur <code><a class="external" href="http://ejohn.org/blog/objectgetprototypeof/">Object.getPrototypeOf()</a></code> (en anglais)</li> - <li>L'implémentation des <a class="external" href="http://frugalcoder.us/post/2010/01/07/EcmaScript-5s-Date-Extensions.aspx">Dates ECMAScript5 en JavaScript</a> effectuée par Michael J. Ryan (en anglais)</li> - <li><a href="http://kangax.github.io/es5-compat-table/">Le support d'ECMAScript 5 dans les différents navigateurs</a></li> -</ul> diff --git a/files/fr/web/javascript/reference/fonctions/arguments/caller/index.html b/files/fr/web/javascript/reference/fonctions/arguments/caller/index.html deleted file mode 100644 index 0a6660cab2..0000000000 --- a/files/fr/web/javascript/reference/fonctions/arguments/caller/index.html +++ /dev/null @@ -1,54 +0,0 @@ ---- -title: caller -slug: Web/JavaScript/Reference/Fonctions/arguments/caller -tags: - - Functions - - JavaScript - - Obsolete - - Propriété - - Reference - - arguments -translation_of: Archive/Web/JavaScript/arguments.caller ---- -<div>{{jsSidebar("Functions")}}{{obsolete_header}}</div> - -<div>La propriété obsolète <strong><code>arguments.caller</code></strong> était utilisée afin de fournir la fonction ayant appelée la fonction en cours d'exécution. Cette propriété a été retirée et ne fonctione plus.</div> - -<h2 id="Description">Description</h2> - -<p>Cette propriété n'est plus disponible. Vous pouvez en revanche utiliser {{jsxref("Function.caller")}}.</p> - -<pre class="brush: js">function quiAppelle() { - if (quiAppelle.caller == null) - console.log('Appel depuis la portée globale.'); - else - console.log(quiAppelle.caller + ' a appelé !'); -}</pre> - -<h2 id="Exemples">Exemples</h2> - -<p>Le code suivant pouvait être utilisé pour connaître la valeur de <code>arguments.caller</code> dans une fonction. La propriété étant obsolète, le code ne fonctionne plus.</p> - -<pre class="brush: js example-bad">function quiAppelle() { - if (arguments.caller == null) - console.log('Appel depuis la portée globale.'); - else - console.log(arguments.caller + ' a appelé !'); -} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucun standard. Elle fut implémentée avec JavaScript 1.1 et retirée avec le {{bug(7224)}} en raisons d'éventuelles vulnérabilités.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div> - -<p>{{Compat("javascript.functions.arguments.caller")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("Function")}}</li> -</ul> diff --git a/files/fr/web/javascript/reference/instructions/for_each...in/index.html b/files/fr/web/javascript/reference/instructions/for_each...in/index.html deleted file mode 100644 index 103651bc31..0000000000 --- a/files/fr/web/javascript/reference/instructions/for_each...in/index.html +++ /dev/null @@ -1,80 +0,0 @@ ---- -title: for each...in -slug: Web/JavaScript/Reference/Instructions/for_each...in -tags: - - Déprécié - - E4X - - Instruction - - JavaScript - - Reference -translation_of: Archive/Web/JavaScript/for_each...in ---- -<div>{{JsSidebar("Statements")}}{{deprecated_header}}</div> - -<div class="warning"> -<p>L'instruction for each...in est dépréciée car elle appartient au standard ECMA-357 (<a href="/fr/docs/E4X">E4X</a>). E4X sera désactivé par défaut puis retiré à l'avenir. Il faut désormais utiliser l'instruction {{jsxref("Instructions/for...of","for...of")}}. (Voir {{ bug("791343")}}.)<br> - <strong>Firefox lance désormais des avertissements lorsque des boucles <code>for each...in</code> et cette instruction a été retirée du canal <em>Nightly</em>.<br> - Veuillez consulter <a href="/fr/docs/Web/JavaScript/Reference/Erreurs/For-each-in_loops_are_deprecated">l'article sur cet avertissement pour des indications</a> quant aux solutions de migration.</strong></p> -</div> - -<p>L'instruction <strong><code>for each...in</code></strong> itère une variable donnée sur toutes les propriétés d'un objet. Pour chaque propriété distincte, une instruction spécifique est exécutée.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">for each (<var>variable</var> in <var>objet</var>) { - <var>instruction</var> -}</pre> - -<dl> - <dt><code>variable</code></dt> - <dd>Une variable à itérer sur les valeurs des propriétés, elle peut être déclarée avec le mot-clé {{jsxref("Instructions/var","var")}}. Cette variable est locale à la fonction et non à la boucle.</dd> -</dl> - -<dl> - <dt><code>objet</code></dt> - <dd>L'objet pour lequel les propriétés sont itérées.</dd> -</dl> - -<dl> - <dt><code>instruction</code></dt> - <dd>Une instruction à exécuter pour chaque propriétés. Pour effectuer plusieurs instructions au sein de la boucle, il faut utiliser une instruction de {{jsxref("Instructions/block","bloc","",1)}} (<code>{ ... }</code>) pour regrouper les instructions.</dd> -</dl> - -<h2 id="Description">Description</h2> - -<p>L'itération ne s'effectue que sur les propriétés spécifiques, définies par l'utilisateur. Elle ne s'effectuera pas sur les propriétés implicites déjà intégrées comme les méthodes objet telles que la méthode <code>indexOf</code> des chaînes de caractères.</p> - -<h2 id="Exemple">Exemple</h2> - -<h3 id="Utiliser_for_each...in">Utiliser <code>for each...in</code></h3> - -<p><strong>Attention :</strong> Ne jamais utiliser cette boucle sur un tableau. Ne l'utiliser que pour les objets. (Voir des détails sur la page de l'instruction {{jsxref("Instructions/for...in")}}).</p> - -<p>Le fragment de code parcourt les propriétés d'un objet et en calcule leur somme.</p> - -<pre class="brush:js">var somme = 0; -var obj = {prop1: 5, prop2: 13, prop3: 8}; - -for each (var item in obj) { - somme += item; -} - -console.log(somme); // affiche "26", ce qui correspond à 5+13+8</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette instruction ne fait partie d'aucune spécification ECMA-262. Elle a été implémentée avec JavaScript 1.6 et est dépréciée.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div> - -<p>{{Compat("javascript.statements.for_each_in")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("Instructions/for...in","for...in")}} : une instruction similaire permettant d'itérer sur les noms des propriétés.</li> - <li>{{jsxref("Instructions/for...of","for...of")}} : une instruction similaire qui permet d'itérer sur les valeurs des propriétés mais dont le comportement est différent de <code>for each...in</code>. Cette instruction ne s'utilise que pour les types itérables.</li> - <li>{{jsxref("Instructions/for","for")}}</li> -</ul> diff --git a/files/fr/web/javascript/reference/objets_globaux/array/observe/index.html b/files/fr/web/javascript/reference/objets_globaux/array/observe/index.html deleted file mode 100644 index ea02585a28..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/array/observe/index.html +++ /dev/null @@ -1,90 +0,0 @@ ---- -title: Array.observe() -slug: Web/JavaScript/Reference/Objets_globaux/Array/observe -tags: - - Array - - JavaScript - - Méthode - - Obsolete - - Reference -translation_of: Archive/Web/JavaScript/Array.observe ---- -<div>{{JSRef}} {{obsolete_header}}</div> - -<p>La méthode <strong><code>Array.observe()</code></strong> est utilisée afin d'observer les modifications apportées à un tableau de façon asynchrone. Elle fonctionne de la même façon que la méthode {{jsxref("Object.observe()")}} pour les objets. Cette méthode fournit un flux de changements, triés dans l'ordre dans lequel ils se sont produits. Utiliser cette méthode est équivalent à appeler {{jsxref("Object.observe()")}} avec la liste <code>["add", "update", "delete", "splice"]</code> comme troisième argument. Toutefois, cette API a été dépréciée et retirée des navigateurs. Il est préférable d'utiliser l'objet {{jsxref("Proxy")}}, plus générique, à la place.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">Array.observe(<var>arr</var>, <var>callback</var>)</pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt><code>arr</code></dt> - <dd>Le tableau qu'on souhaite observer.</dd> - <dt><code>callback</code></dt> - <dd>La fonction à appeler à chaque fois que des changements sont effectués. Cette fonction est appelée avec l'argument suivant : - <dl> - <dt><code>changes</code></dt> - <dd>Un tableau d'objets représentant chacun une modification. Les propriétés de ces objets sont : - <ul> - <li><strong><code>name</code></strong> : Le nom de la propriété qui a été modifiée.</li> - <li><strong><code>object</code></strong> : Le tableau modifié (une fois que la modification a été effectuée).</li> - <li><strong><code>type</code></strong> : Une chaîne de caractères indiquant le type de modification qui a eu lieu. Elle peut valoir <code>"add"</code> (pour ajout), <code>"update"</code> (pour modification), <code>"delete"</code>(pour suppression) ou <code>"splice"</code> (pour découpage).</li> - <li><strong><code>oldValue</code></strong> : Propriété présente uniquement lorsque le type vaut <code>"update"</code> ou <code>"delete"</code>. La valeur de la propriété est la valeur avant qu'elle ait été modifiée.</li> - <li><strong><code>index</code></strong> : Propriété présente uniquement lorsque le type vaut <code>"splice"</code>. L'index auquel la modification a eu lieu.</li> - <li><strong><code>removed </code></strong>: Propriété présente uniquement lorsque le type vaut <code>"splice"</code>. Le tableau des éléments supprimés.</li> - <li><strong><code>addedCount</code></strong> : Propriété uniquement présente lorsque le type vaut <code>"splice"</code>. Le nombre d'éléments ajoutés.</li> - </ul> - </dd> - </dl> - </dd> -</dl> - -<h2 id="Description">Description</h2> - -<p>La fonction <code>callback</code> est appelée à chaque fois qu'un changement est apporté à <code>arr</code>, elle est appelée avec un argument qui est un tableau contenant tous les changements qui se sont produits, dans l'ordre dans lequel ils se sont produits. </p> - -<div class="note"> -<p>Les modifications apportées avec les méthodes d'Array, comme <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array/pop"><code>Array.prototype.pop()</code></a>, seront enregistrées avec le type <code>"splice"</code>. Les modifications d'éléments qui ne modifient pas la longueur du tableau sont enregistrés en tant qu'<code>update"</code>.</p> -</div> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="Enregistrer_les_différents_types_de_modifications">Enregistrer les différents types de modifications</h3> - -<pre class="brush: js">var arr = ['a', 'b', 'c']; - -Array.observe(arr, function(changes) { - console.log(changes); -}); - -arr[1] = 'B'; -// [{type: 'update', object: <arr>, name: '1', oldValue: 'b'}] - -arr[3] = 'd'; -// [{type: 'splice', object: <arr>, index: 3, removed: [], addedCount: 1}] - -arr.splice(1, 2, 'beta', 'gamma', 'delta'); -// [{type: 'splice', object: <arr>, index: 1, removed: ['B', 'c'], addedCount: 3}] -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p><a href="https://github.com/arv/ecmascript-object-observe">Proposition de spécification (<em>Strawman proposal</em>)</a> (en anglais).</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div> -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une<em>pull request</em>.</div> - -<p>{{Compat("javascript.builtins.Array.observe")}}</p> -</div> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("Array.unobserve()")}} {{obsolete_inline}}</li> - <li>{{jsxref("Object.observe()")}} {{obsolete_inline}}</li> - <li><a href="https://stackoverflow.com/q/29269057/778272">Sous quelles conditions, Array.observe déclenche un événement « add » ?</a></li> -</ul> diff --git a/files/fr/web/javascript/reference/objets_globaux/array/unobserve/index.html b/files/fr/web/javascript/reference/objets_globaux/array/unobserve/index.html deleted file mode 100644 index bb32557e28..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/array/unobserve/index.html +++ /dev/null @@ -1,89 +0,0 @@ ---- -title: Array.unobserve() -slug: Web/JavaScript/Reference/Objets_globaux/Array/unobserve -tags: - - Array - - JavaScript - - Méthode - - Obsolete - - Reference -translation_of: Archive/Web/JavaScript/Array.unobserve ---- -<div>{{JSRef}} {{obsolete_header}}</div> - -<p>La méthode <code>Array<strong>.unobserve()</strong></code> est utilisée pour retirer les observateurs placés grâce à {{jsxref("Array.observe()")}}. Cette API a été dépréciée et retirée des navigateurs. À la place, il est préférable d'utiliser l'objet {{jsxref("Proxy")}}, plus générique.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox"><code>Array.unobserve(<var>arr</var>, <var>callback</var>)</code></pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt><code>arr</code></dt> - <dd>Le tableau qu'on souhaite arrêter d'observer.</dd> - <dt><code>callback</code></dt> - <dd>La référence à l'observateur dont on souhaite qu'il arrête d'être appelé à chaque changement apporté au tableau <strong>arr</strong>.</dd> -</dl> - -<h2 id="Description">Description</h2> - -<p><code>Array.unobserve()</code> doit être appelé après {{jsxref("Array.observe()")}} afin de retirer un observateur du tableau.</p> - -<p>La fonction de rappel (<em>callback</em>) utilisée doit être une référence à une fonction et non une fonction anonyme car c'est cette référence qui sera utilisée pour retrouver l'observateur. Ça ne sert à rien d'appeler <strong>Array.unobserve()</strong> avec une fonction anonyme comme paramètre de callback, cela ne retirera aucun observateur.</p> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="Arrêter_d'observer_un_tableau">Arrêter d'observer un tableau</h3> - -<pre class="brush: js">var arr = [1, 2, 3]; - -var observateur = function(changements) { - console.log(changements); -} - -Array.observe(arr, observateur); - -arr.push(4); -// [{type: "splice", object: <arr>, index: 3, removed:[], addedCount: 1}] - -Array.unobserve(arr, observateur); - -arr.pop(); -// Le callback n'a pas été appelé</pre> - -<h3 id="Utiliser_une_fonction_anonyme">Utiliser une fonction anonyme</h3> - -<pre class="brush: js">var personnes = ['Khalid', 'Ahmed', 'Mohammed']; - -Array.observe(personnes, function (changements) { - console.log(changements); -}); - -personnes.shift(); -// [{type: "splice", object: <arr>, index: 0, removed: [ "Khalid" ], addedCount: 0 }] - -Array.unobserve(personnes, function (changements) { - console.log(changements); -}); - -personnes.push('Abdullah'); -// [{type: "splice", object: <arr>, index: 2, removed: [], addedCount: 1 }] -// Le callback est toujours appelé -</pre> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div> -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une<em>pull request</em>.</div> - -<p>{{Compat("javascript.builtins.Array.unobserve")}}</p> -</div> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("Array.observe()")}} {{obsolete_inline}}</li> - <li>{{jsxref("Object.observe()")}} {{obsolete_inline}}</li> - <li>{{jsxref("Object.unobserve()")}} {{obsolete_inline}}</li> -</ul> diff --git a/files/fr/web/javascript/reference/objets_globaux/arraybuffer/transfer/index.html b/files/fr/web/javascript/reference/objets_globaux/arraybuffer/transfer/index.html deleted file mode 100644 index 0d13e6aa38..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/arraybuffer/transfer/index.html +++ /dev/null @@ -1,100 +0,0 @@ ---- -title: ArrayBuffer.transfer() -slug: Web/JavaScript/Reference/Objets_globaux/ArrayBuffer/transfer -tags: - - ArrayBuffer - - Experimental - - JavaScript - - Méthode - - Reference - - TypedArrays - - polyfill -translation_of: Archive/Web/JavaScript/ArrayBuffer.transfer ---- -<div>{{JSRef}}{{SeeCompatTable}}</div> - -<p>La méthode statique <code><strong>ArrayBuffer.transfer()</strong></code> renvoie un nouvel objet <code>ArrayBuffer</code> dont le contenu a été transféré depuis les données d'<code>ancienBuffer</code> et qui est soit tronqué soit complété avec des zéros pour que la longueur du nouvel objet soit égale à <code>nouvelleLongueur</code>. Si <code>nouvelleLongueur</code> vaut <code>undefined</code>, on utilisera la propriété <code>byteLength</code> de l'<code>ancienBuffer</code>. Cette opération fait que <code>ancienBuffer</code> sera dans un état détaché.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">ArrayBuffer.transfer(ancienBuffer [, nouvelleLongueur]);</pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt><code>ancienBuffer</code></dt> - <dd>Un objet {{jsxref("ArrayBuffer")}} à partir duquel on souhaite transférer des données.</dd> - <dt><code>nouvelleLongueur</code></dt> - <dd>La longueur, exprimée en octets, du nouvel objet <code>ArrayBuffer</code>.</dd> -</dl> - -<h3 id="Valeur_de_retour">Valeur de retour</h3> - -<p>Un nouvel objet <code>ArrayBuffer</code>.</p> - -<h2 id="Description">Description</h2> - -<p>La méthode <code>ArrayBuffer.transfer()</code> permet d'agrandir et de détacher des objets <code>ArrayBuffer</code>. Le fait de pouvoir agrandir un <code>ArrayBuffer</code> sans effectuer de copie permet d'être beaucoup plus efficace sur les grands buffers (comme pour <code>realloc</code>). Le fait de pouvoir détacher un <code>ArrayBuffer</code> permet au développeur d'avoir un contrôle explicite sur la mémoire sous-jacente et sa libération. Cela permet d'éviter d'avoir à libérer toutes les références et d'attendre le travail du ramasse-miettes.</p> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush: js">var buf1 = new ArrayBuffer(40); -new Int32Array(buf1)[0] = 42; - -var buf2 = ArrayBuffer.transfer(buf1, 80); -buf1.byteLength; // 0 (attention, avec la prothèse, la valeur sera toujours 40) -buf2.byteLength; // 80 -new Int32Array(buf2)[0]; // 42 - -var buf3 = ArrayBuffer.transfer(buf2, 0); -buf2.byteLength; // 0 (attention, avec la prothèse, la valeur sera toujours 80) -buf3.byteLength; // 0 -</pre> - -<h2 id="Prothèse_d'émulation_(polyfill)">Prothèse d'émulation (<em>polyfill</em>)</h2> - -<p>Ce fragment de code permet d'obtenir la plupart des fonctionnalités de <code>transfer()</code> dans un environnement qui ne le prend pas en charge nativement. Attention, cela ne correspond pas exactement à l'API mais permet de transférer des données d'un <code>ArrayBuffer</code> vers un autre.</p> - -<pre class="brush: js">if (!ArrayBuffer.transfer) { - ArrayBuffer.transfer = function(source, length) { - if (!(source instanceof ArrayBuffer)) - throw new TypeError('Source must be an instance of ArrayBuffer'); - if (length <= source.byteLength) - return source.slice(0, length); - var sourceView = new Uint8Array(source), - destView = new Uint8Array(new ArrayBuffer(length)); - destView.set(sourceView); - return dest.buffer; - }; -}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td><a href="https://github.com/domenic/proposal-arraybuffer-transfer/#arraybufferprototypetransfer">Proposition pour <code>ArrayBuffer.prototype.transfer</code></a></td> - <td>Brouillon</td> - <td>Brouillon de niveau 2</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div> - -<p>{{Compat("javascript.builtins.ArrayBuffer.transfer")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/fr/docs/Web/JavaScript/Tableaux_typ%C3%A9s">Les tableaux typés en JavaScript</a></li> -</ul> diff --git a/files/fr/web/javascript/reference/objets_globaux/date/tolocaleformat/index.html b/files/fr/web/javascript/reference/objets_globaux/date/tolocaleformat/index.html deleted file mode 100644 index 70c13e3a25..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/date/tolocaleformat/index.html +++ /dev/null @@ -1,80 +0,0 @@ ---- -title: Date.prototype.toLocaleFormat() -slug: Web/JavaScript/Reference/Objets_globaux/Date/toLocaleFormat -tags: - - Date - - JavaScript - - Méthode - - Prototype - - Reference -translation_of: Archive/Web/JavaScript/Date.toLocaleFormat ---- -<div>{{JSRef}} {{Non-standard_header}}</div> - -<p>La méthode non-standard <strong><code>toLocaleFormat()</code></strong> convertit une date en une chaîne de caractères, en utilisant le formatage renseigné. {{jsxref("DateTimeFormat")}} est une alternative standardisée. Voir aussi la nouvelle version de {{jsxref("Date.prototype.toLocaleDateString()")}}.</p> - -<div class="warning"> -<p><strong>Attention</strong>, <strong>cette fonction a été retirée à partir de Firefox 58</strong>. Voir <a href="/fr/docs/Web/JavaScript/Reference/Errors/Deprecated_toLocaleFormat">l'article sur cet avertissement</a> pour plus d'informations et d'éléments pour migrer le code concerné.</p> -</div> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox"><var>dateObj</var>.toLocaleFormat(formatTexte)</pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt><code>formatTexte</code></dt> - <dd>Une chaîne de caractères formattée selon les attentes de la fonction <code><a class="external" href="https://www.opengroup.org/onlinepubs/007908799/xsh/strftime.html">strftime()</a></code> en C.</dd> -</dl> - -<h3 id="Valeur_de_retour">Valeur de retour</h3> - -<p>Une chaîne de caractères qui représente la date indiquée avec le formatage décrit par l'argument.</p> - -<h2 id="Description">Description</h2> - -<p>La méthode <code>toLocaleFormat()</code> apporte un meilleur contrôle sur le formattage des textes produits pour une date. Les noms des mois et des jours de la semaine sont localisés en utilisant la locale du système d'exploitation. Cependant, l'arrangement des jours et mois, ainsi que les autres tâches de localisation ne sont pas prises en charge automatiquement, puisque vous avez le contrôle sur leur ordre d'éxécution. Vous devez faire attention que la chaîne formattée soit localisée correctement en fonction des réglages du systèmes de l'utilisateur. N'oubliez pas que la locale utilisée n'est pas forcément la même que la locale du navigateur.</p> - -<p>Les développeurs de modules et XULRunner doivent savoir que charger directement le chaîne de formattage depuis un fichier <code>.dtd</code> ou <code>.properties</code> en utilisant <code><a class="external" rel="freelink">chrome://</a><em>somedomain</em>/locale/</code><em><code>somefile.ext</code></em> doit être <strong>évité</strong>, car le fichier <code>dtd</code>/<code>properties</code> et la méthode <code>toLocaleFormat()</code> n'utilisent pas forcément la même locale, ce qui peut produire des résultats ambigües, ou des dates illisibles.</p> - -<p>Notez aussi que le comportement de la locale utilisée dépend de la plateforme, et que l'utilisateur peut modifier cette locale. Ainsi, utiliser la locale du système pour choisir le format, peut dans certains cas ne pas être approprié. Vous devriez envisager l'usage des méthodes plus génériques <code>toLocale*</code> de l'objet {{jsxref("Date")}}, ou créer votre localisation personnalisée de la date à partir des méthodes <code>get*</code> de l'objet <code>Date</code>.</p> - -<h2 id="Utiliser_toLocaleFormat()">Utiliser <code>toLocaleFormat()</code></h2> - -<pre class="brush: js example-bad">var aujourdhui = new Date(); -var date = aujourdhui.toLocaleFormat("%A, %B %e, %Y"); // A ne pas faire -</pre> - -<p>Dans cet exemple, <code>toLocaleFormat()</code> renvoie une chaîne de caractères tel que "Wednesday, October 3, 2007". Notez que le format de ce texte dans cet exemple n'est pas correctement localisé, ce qui amène aux problèmes décrits plus haut.</p> - -<h2 id="Prothèse_d'émulation_(polyfill)">Prothèse d'émulation (<em>polyfill</em>)</h2> - -<p>En utilisant la bibliothèque <a href="https://github.com/abritinthebay/datejs/wiki/Format-Specifiers">DateJS</a>, il est possible d'émuler {{jsxref("Date.prototype.toLocaleDateString()")}} pour des environnements qui n'en disposent pas nativement :</p> - -<pre class="brush: js">if (!Date.prototype.toLocaleFormat) { - (function() { - Date.prototype.toLocaleFormat = function(formatString) { - return this.format(formatString); - }; - }()); -}</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ne fait partie d'aucune spécification. Implémentée avec JavaScript 1.6.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p class="hidden">Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</p> - -<p>{{Compat("javascript.builtins.Date.toLocaleFormat")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("DateTimeFormat", "Intl.DateTimeFormat")}}</li> - <li>{{jsxref("Date.prototype.toLocaleString()")}}</li> - <li>{{jsxref("Date.prototype.toLocaleDateString()")}}</li> - <li>{{jsxref("Date.prototype.toLocaleTimeString()")}}</li> -</ul> diff --git a/files/fr/web/javascript/reference/objets_globaux/function/arity/index.html b/files/fr/web/javascript/reference/objets_globaux/function/arity/index.html deleted file mode 100644 index 9245cd83ab..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/function/arity/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: Function.arity -slug: Web/JavaScript/Reference/Objets_globaux/Function/arity -tags: - - Function - - JavaScript - - Obsolete - - Propriété - - Reference -translation_of: Archive/Web/JavaScript/Function.arity ---- -<div>{{JSRef}} {{Obsolete_header}}</div> - -<p class="note">La propriété <code><strong>arity</strong></code> était utilisée pour renvoyer le nombre d'arguments attendu par la fonction. Elle n'existe plus et a été remplacée par la propriété {{jsxref("Function.prototype.length")}}.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Implémentée avec JavaScript 1.2. Obsolète depuis JavaScript 1.4.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div> -<div class="hidden">Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div> - -<p>{{Compat("javascript.builtins.Function.arity")}}</p> -</div> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("Function.prototype.length")}}</li> -</ul> diff --git a/files/fr/web/javascript/reference/objets_globaux/function/isgenerator/index.html b/files/fr/web/javascript/reference/objets_globaux/function/isgenerator/index.html deleted file mode 100644 index 2c483e93ec..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/function/isgenerator/index.html +++ /dev/null @@ -1,53 +0,0 @@ ---- -title: Function.prototype.isGenerator() -slug: Web/JavaScript/Reference/Objets_globaux/Function/isGenerator -tags: - - Function - - JavaScript - - Méthode - - Reference -translation_of: Archive/Web/JavaScript/Function.isGenerator ---- -<div>{{JSRef}} {{Non-standard_header}}</div> - -<p>La méthode non-standard <code><strong>isGenerator()</strong></code> permettait de déterminer si une fonction était un <a href="/fr/docs/JavaScript/Guide/iterateurs_et_generateurs#Les_g.C3.A9n.C3.A9rateurs_.3A_des_it.C3.A9rateurs_sous_st.C3.A9ro.C3.AFdes">générateur</a>. Cette fonction a été retirée de Firefox à partir de Firefox 58.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox"><var>fun</var>.isGenerator()</pre> - -<h3 id="Valeur_de_retour">Valeur de retour</h3> - -<p>Un booléen indiquant si la fonction appelante est un générateur.</p> - -<h2 id="Description">Description</h2> - -<p>La méthode <code>isGenerator()</code> permet de déterminer si la fonction <em><code>fun</code></em> est un <a href="/fr/docs/JavaScript/Guide/iterateurs_et_generateurs#Les_g.C3.A9n.C3.A9rateurs_.3A_des_it.C3.A9rateurs_sous_st.C3.A9ro.C3.AFdes">générateur</a>. Elle faisait partie des propositions pour Harmony mais n'a pas été retenue pour la spécification ECMAScript 2015.</p> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush: js">function f () { } - -function* g () { - yield 42; -} - -console.log("f.isGenerator() = " + f.isGenerator()); // f.isGenerator() = false -console.log("g.isGenerator() = " + g.isGenerator()); // g.isGenerator() = true -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette méthode ne fait partie d'aucune spécification. Elle a été implémentée avec JavaScript 1.8.6.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div> - -<p>{{Compat("javascript.builtins.Function.isGenerator")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/fr/docs/JavaScript/Guide/iterateurs_et_generateurs" title="JavaScript/Guide/Iterators and Generators">Itérateurs et générateurs</a></li> -</ul> diff --git a/files/fr/web/javascript/reference/objets_globaux/number/tointeger/index.html b/files/fr/web/javascript/reference/objets_globaux/number/tointeger/index.html deleted file mode 100644 index cce3444088..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/number/tointeger/index.html +++ /dev/null @@ -1,56 +0,0 @@ ---- -title: Number.toInteger() -slug: Web/JavaScript/Reference/Objets_globaux/Number/toInteger -tags: - - JavaScript - - Méthode - - Number - - Obsolete - - Reference -translation_of: Archive/Web/JavaScript/Number.toInteger ---- -<div>{{JSRef}}{{obsolete_header}}</div> - -<p>La méthode <strong><code>Number.toInteger()</code></strong> est utilisée pour évaluer la valeur passée en argument et la convertir en entier. Son implémentation a été supprimée.</p> - -<p>Si la valeur à convertir est {{jsxref("NaN")}}, {{jsxref("null")}} ou {{jsxref("undefined")}}, 0 sera renvoyé.<br> - Si la valeur à convertir est <code>false</code>, 0 sera renvoyé, si c'est <code>true</code>, 1 sera renvoyé.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">Number.toInteger(nombre)</pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt><code>nombre</code></dt> - <dd>La valeur à convertir en entier.</dd> -</dl> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="Utiliser_toInteger">Utiliser <code>toInteger</code></h3> - -<p>Voici quelques exemples utilisant la méthode :</p> - -<pre class="brush:js">Number.toInteger(0.1), // 0 -Number.toInteger(1), // 1 -Number.toInteger(Math.PI), // 3 -Number.toInteger(null) // 0 -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p><code>Number.toInteger</code> faisait partie de la spécification ECMAScript 6 mais a été retirée le 23/08/2013 dans la révision 17 du brouillon (<em>draft</em>).</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</p> - -<p>{{Compat("javascript.builtins.Number.toInteger")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>L'objet {{jsxref("Number")}} auquel appartient cette méthode.</li> -</ul> diff --git a/files/fr/web/javascript/reference/objets_globaux/object/count/index.html b/files/fr/web/javascript/reference/objets_globaux/object/count/index.html deleted file mode 100644 index 03dfa86bde..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/object/count/index.html +++ /dev/null @@ -1,42 +0,0 @@ ---- -title: Object.prototype.__count__ -slug: Web/JavaScript/Reference/Objets_globaux/Object/count -tags: - - JavaScript - - Object - - Obsolete - - Propriété - - Prototype - - Reference -translation_of: Archive/Web/JavaScript/Object.count ---- -<div>{{JSRef}}{{Non-standard_Header}}{{obsolete_header("gecko2")}}</div> - -<p>La propriété <strong><code>__count__</code></strong> était utilisée pour compter les propriétés énumérables d'un objet mais a été retiréee.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox"><var>obj</var>.__count__</pre> - -<h2 id="Exemples">Exemples</h2> - -<pre class="brush: js">{ 1: 1 }.__count__ // 1 -[].__count__ // 0 -[1].__count__ // 1 -[1, /* trou */, 2, 3].__count__ // 3</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété n'appartient à aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("javascript.builtins.Object.count")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a class="external" href="http://whereswalden.com/2010/04/06/more-changes-coming-to-spidermonkey-the-magical-__count__-property-of-objects-is-being-removed/">[Billet de blog] More changes coming to SpiderMonkey: the magical __count__ property is being removed</a> (en anglais)</li> -</ul> diff --git a/files/fr/web/javascript/reference/objets_globaux/object/eval/index.html b/files/fr/web/javascript/reference/objets_globaux/object/eval/index.html deleted file mode 100644 index ae6e095928..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/object/eval/index.html +++ /dev/null @@ -1,47 +0,0 @@ ---- -title: Object.prototype.eval() -slug: Web/JavaScript/Reference/Objets_globaux/Object/eval -tags: - - JavaScript - - Méthode - - Object - - Obsolete - - Reference -translation_of: Archive/Web/JavaScript/Object.eval ---- -<div>{{JSRef}} {{obsolete_header}}</div> - -<p>La méthode <code><strong>Object.eval()</strong></code> permet d'évaluer une chaîne de caractères contenant du code JavaScript dans le contexte de l'objet. Cette méthode a été retirée.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox"><code><var>obj</var>.eval(<var>string</var>)</code></pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt><code>string</code></dt> - <dd>N'importe quelle chaîne de caractères qui représente une expression JavaScript ou une séquence d'instructions. L'expression peut contenir des variables et des propriétés d'objets existants.</dd> -</dl> - -<h2 id="Description">Description</h2> - -<p>La méthode <code>eval</code> ne peut plus être utilisée à partir d'un objet. Il faut utiliser la méthode {{jsxref("eval", "eval")}} à la place.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette méthode ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div> - - -<p>{{Compat("javascript.builtins.Object.eval")}}</p> -</div> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("eval")}} (la méthode de l'objet global)</li> -</ul> diff --git a/files/fr/web/javascript/reference/objets_globaux/object/getnotifier/index.html b/files/fr/web/javascript/reference/objets_globaux/object/getnotifier/index.html deleted file mode 100644 index ab7f2e2779..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/object/getnotifier/index.html +++ /dev/null @@ -1,53 +0,0 @@ ---- -title: Object.getNotifier() -slug: Web/JavaScript/Reference/Objets_globaux/Object/getNotifier -tags: - - JavaScript - - Méthode - - Object - - Obsolete - - Reference -translation_of: Archive/Web/JavaScript/Object.getNotifier ---- -<div>{{JSRef}}{{obsolete_header}}</div> - -<p>La méthode <strong><code>Object.getNotifer()</code></strong> est utilisée pour créer un objet qui permet de déclencher des changements (tels que perçus par <code>Object.observe</code><code>()</code>) de façon synthétique. Cette API a été dépréciée et retirée des navigateurs.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">Object.getNotifier(<em>obj</em>)</pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt><code>obj</code></dt> - <dd>L'objet dont on souhaite récupérer le notificateur (<em>notifier</em>) associé.</dd> -</dl> - -<h3 id="Valeur_de_retour">Valeur de retour</h3> - -<p>L'objet de notification associé à l'objet passé en argument.</p> - -<h2 id="Description">Description</h2> - -<p>Le notificateur est utilisé pour déclencher des changements qui pourront être observés avec <code>Object.observe()</code>.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p><a href="https://github.com/arv/ecmascript-object-observe">Proposition de spécification</a>.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div> -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("javascript.builtins.Object.getNotifier")}}</p> -</div> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("Object.observe()")}} {{obsolete_inline}}</li> - <li>{{jsxref("Object.unobserve()")}} {{obsolete_inline}}</li> - <li>{{jsxref("Array.observe()")}} {{obsolete_inline}}</li> -</ul> diff --git a/files/fr/web/javascript/reference/objets_globaux/object/nosuchmethod/index.html b/files/fr/web/javascript/reference/objets_globaux/object/nosuchmethod/index.html deleted file mode 100644 index bd87292bc5..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/object/nosuchmethod/index.html +++ /dev/null @@ -1,76 +0,0 @@ ---- -title: Object.prototype.__noSuchMethod__ -slug: Web/JavaScript/Reference/Objets_globaux/Object/noSuchMethod -tags: - - JavaScript - - Object - - Obsolete - - Propriété - - Prototype - - Reference -translation_of: Archive/Web/JavaScript/Object.noSuchMethod ---- -<div>{{JSRef}}{{Non-standard_Header}}{{Obsolete_Header("gecko43")}}</div> - -<p>La propriété <code><strong>__noSuchMethod__</strong></code> était utilisée pour faire référence à une fonction qui devait être utilisée lorsqu'on appelait une méthode inexistante d'un objet. Cette fonction n'est plus disponible.</p> - -<p>Si <code><strong>__noSuchMethod__</strong></code> a été abandonnée, la spécification ECMAScript 2015 (ES6) fournit les objets <code><a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Proxy">Proxy</a></code> qui permettent de réaliser ce qui pouvait être fait avec cette propriété (et plus encore).</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox"><var>obj</var>.__noSuchMethod__ = <var>fun</var></pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt><code>fun</code></dt> - <dd>Une fonction de la forme</dd> - <dd> - <pre class="brush: js">function (<var>id</var>, <var>args</var>) { . . . }</pre> - - <dl> - <dt><code>id</code></dt> - <dd>Le nom de la méthode qui n'est pas définie pour l'objet et qui a été appelée.</dd> - <dt><code>args</code></dt> - <dd>Le tableau d'arguments passé à la méthode.</dd> - </dl> - </dd> -</dl> - -<h2 id="Description">Description</h2> - -<p>Par défaut, lorsqu'on appelle une méthode qui n'existe pas pour un objet, cela lève une exception {{jsxref("TypeError")}}. Ce comportement peut être modifié en définissant une fonction pour la propriété <code>__noSuchMethod__</code>. Cette fonction prend en compte deux arguments : le premier qui est le nom de la méthode non définie qui a été appelée et le second qui correspond au tableau des arguments passés lors de l'appel. Le deuxième argument est bien un tableau (il hérite de {{jsxref("Array.prototype")}}) et n'est pas un objet semblable à un tableau comme l'objet {{jsxref("Fonctions/arguments","arguments")}}.</p> - -<p>Si cette méthode ne peut être appelée, soit parce qu'elle vaut <code>undefined</code> (sa valeur par défaut), soit parce qu'elle a été supprimée ou définie avec une valeur qui n'est pas une fonction, le moteur JavaScript reprendra le comportement par défaut et renverra des exceptions <code>TypeError</code>.</p> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="Un_test_simple_avec___noSuchMethod__">Un test simple avec <code>__noSuchMethod__</code></h3> - -<pre class="brush: js">var o = { - __noSuchMethod__: function(id, args) { - console.log(id, '(' + args.join(', ') + ')'); - } -}; - -o.toto(1, 2, 3); -o.truc(4, 5); -o.machin(); - -// affichera -// toto (1, 2, 3) -// truc (4, 5) -// machin () -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification et a été retirée : voir le {{bug(683218)}}.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div> - - -<p>{{Compat("javascript.builtins.Object.noSuchMethod")}}</p> -</div> diff --git a/files/fr/web/javascript/reference/objets_globaux/object/observe/index.html b/files/fr/web/javascript/reference/objets_globaux/object/observe/index.html deleted file mode 100644 index eb0e3ec8c0..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/object/observe/index.html +++ /dev/null @@ -1,154 +0,0 @@ ---- -title: Object.observe() -slug: Web/JavaScript/Reference/Objets_globaux/Object/observe -tags: - - JavaScript - - Méthode - - Object - - Obsolete - - Reference -translation_of: Archive/Web/JavaScript/Object.observe ---- -<div>{{JSRef}}{{obsolete_header}}</div> - -<p>La méthode <strong><code>Object.observe()</code></strong> est utilisée afin d'observer de façon asynchrone les modifications apportées à un objet. Cette méthode fournit un flux d'information qui correspondent aux changement apportés à l'objet, dans l'ordre dans lequel ils se sont produits. Cependant, cette API a été dépréciée et retirée des navigateurs. À la place, il est préférable d'utiliser l'objet {{jsxref("Proxy")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">Object.observe(<var>obj</var>, <var>callback</var>[,<var>listeChangements</var>])</pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt><code>obj</code></dt> - <dd>L'objet qu'on souhaite observer.</dd> - <dt><code>callback</code></dt> - <dd>La fonction qui est appelée à chaque fois qu'un changement est effectué. Elle est invoquée avec l'argument suivant : - <dl> - <dt><code>changes</code></dt> - <dd>Un tableau d'objets dont chaque élément représente une modification. Les propriétés de ces objets sont : - <ul> - <li><strong><code>name </code></strong>: Le nom de la propriété qui a été modifiée.</li> - <li><strong><code>object</code></strong> : L'objet modifié une fois le changement apporté.</li> - <li><strong><code>type</code></strong> : Une chaîne de caractères qui indique le type de modification qui a eu lieu. Elle peut valoir <code>"add"</code>, <code>"update"</code>, ou <code>"delete"</code>.</li> - <li><strong><code>oldValue </code></strong>: Propriété présente uniquement pour les types <code>"update"</code> et <code>"delete"</code>. Elle correspond à la valeur de l'objet avant la modification.</li> - </ul> - </dd> - </dl> - </dd> - <dt><code>listeChangements</code></dt> - <dd>La liste des types de changements qu'on souhaite observer sur l'objet donné avec la fonction de retour donnée. Par défaut, si cet argument n'est pas utilisé, le tableau utilisé sera <code>["add", "update", "delete", "reconfigure", "setPrototype", "preventExtensions"]</code>.</dd> -</dl> - -<h3 id="Valeur_de_retour">Valeur de retour</h3> - -<p>L'objet qu'on souhaite observer.</p> - -<h2 id="Description">Description</h2> - -<p>La fonction <code>callback</code> est appelée chaque fois qu'une modification est apportée à <code>obj</code> avec comme argument le tableau listant l'ensemble des modifications, dans l'ordre dans lequel elles se sont produites.</p> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="Enregistrer_les_différents_types_de_modifications">Enregistrer les différents types de modifications</h3> - -<pre class="brush: js">var obj = { - toto: 0, - truc: 1 -}; - -Object.observe(obj, function(changes) { - console.log(changes); -}); - -obj.machin = 2; -// [{name: 'machin', object: , type: 'add'}] - -obj.toto = 'coucou'; -// [{name: 'toto', object: , type: 'update', oldValue: 0}] - -delete obj.machin; -// [{name: 'machin', object: , type: 'delete', oldValue: 2}] - -Object.defineProperty(objet,'toto', {writable: false}); -// [{name: 'toto', object: <obj>, type: 'reconfigure'}] - -Object.setPrototypeOf(obj, {}); -// [{name: '__proto__',object: <obj>, type: 'setPrototype', oldValue: <prototype>}] - -Object.seal(obj); -// [ -// {name: 'toto', object: <obj>, type: 'reconfigure'}, -// {name: 'machin', object: <obj>, type: 'reconfigure'}, -// {object: <obj>, type: 'preventExtensions'} -// ] -</pre> - -<h3 id="Lier_des_données">Lier des données</h3> - -<pre class="brush: js">// Un objet représentant un utilisateur -var utilisateur = { - id: 0, - nom: 'Brendan Eich', - titre: 'Mr.' -}; - -// Une fonction de salutation -function majSalutation() { - user.greeting = 'Bonjour, ' + utilisateur.titre + ' ' + utilisateur.nom + ' !'; -} -majSalutation(); - -Object.observe(utilisateur, function(changes) { - changes.forEach(function(change) { - // Pour chaque modification qui porte sur le nom ou le titre - // on met à jour la salutation - if (change.name === 'nom' || change.name === 'titre') { - majSalutation(); - } - }); -}); -</pre> - -<h3 id="Exemple_Enregistrer_des_changements_personnalisés">Exemple : Enregistrer des changements personnalisés</h3> - -<pre class="brush: js">// On représente un point sur un plan bidimensionnel -var point = {x: 0, y: 0, distance: 0}; - -function setPosition(pt, x, y) { - // On effectue un changement personnalisé - Object.getNotifier(pt).performChange('reposition', function() { - var exDistance = pt.distance; - pt.x = x; - pt.y = y; - pt.distance = Math.sqrt(x * x + y * y); - return {exDistance: exDistance}; - }); -} - -Object.observe(point, function(changes) { - console.log('Distance modifiée : ' + (point.distance - changes[0].exDistance)); -}, ['reposition']); - -setPosition(point, 3, 4); -// Distance modifiée : 5</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p><a href="https://github.com/arv/ecmascript-object-observe">Proposition de spécification (<em>straw man proposal</em>).</a></p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div> -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("javascript.builtins.Object.observe")}}</p> -</div> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("Object.unobserve()")}} {{obsolete_inline}}</li> - <li>{{jsxref("Array.observe()")}} {{obsolete_inline}}</li> - <li><a href="https://esdiscuss.org/topic/an-update-on-object-observe">Retrait de la proposition pour <code>Object.Observer</code> (en anglais)</a></li> -</ul> diff --git a/files/fr/web/javascript/reference/objets_globaux/object/parent/index.html b/files/fr/web/javascript/reference/objets_globaux/object/parent/index.html deleted file mode 100644 index dfbda99f34..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/object/parent/index.html +++ /dev/null @@ -1,42 +0,0 @@ ---- -title: Object.prototype.__parent__ -slug: Web/JavaScript/Reference/Objets_globaux/Object/Parent -tags: - - JavaScript - - Object - - Obsolete - - Propriété - - Prototype - - Reference -translation_of: Archive/Web/JavaScript/Object.parent ---- -<div>{{JSRef}}{{Non-standard_Header}}{{Obsolete_Header("gecko2")}}</div> - -<p>La propriété <strong><code>__parent__</code></strong> était utilisée pour pointer vers le contexte d'un objet mais elle a été supprimée.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox"><var>obj</var>.__parent__</pre> - -<h2 id="Description">Description</h2> - -<p>Pour les objets de plus haut niveau, on aurait eu <code>window</code> par exemple.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette propriété ne fait partie d'aucune spécification.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div> -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("javascript.builtins.Object.parent")}}</p> -</div> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a class="external" href="http://whereswalden.com/2010/05/07/spidermonkey-change-du-jour-the-special-__parent__-property-has-been-removed/">Article : SpiderMonkey change du jour: the special __parent__ property has been removed</a> (en anglais)</li> - <li><a href="/fr/docs/Components.utils.getGlobalForObject">Components.utils.getGlobalForObject</a></li> -</ul> diff --git a/files/fr/web/javascript/reference/objets_globaux/object/unobserve/index.html b/files/fr/web/javascript/reference/objets_globaux/object/unobserve/index.html deleted file mode 100644 index 88de52a813..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/object/unobserve/index.html +++ /dev/null @@ -1,103 +0,0 @@ ---- -title: Object.unobserve() -slug: Web/JavaScript/Reference/Objets_globaux/Object/unobserve -tags: - - JavaScript - - Méthode - - Object - - Obsolete - - Reference -translation_of: Archive/Web/JavaScript/Object.unobserve ---- -<div>{{JSRef}} {{obsolete_header}}</div> - -<p>La méthode <code><strong>Object.unobserve()</strong></code> est utilisée pour retirer des observateurs placés avec {{jsxref("Object.observe()")}}. Cette méthode et l'API à laquelle elle appartient ont été dépréciées et retirées des navigateurs. À la place, il est préférable d'utiliser l'objet {{jsxref("Proxy")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">Object.unobserve(<var>obj</var>, <var>callback</var>)</pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt><code>obj</code></dt> - <dd>L'objet qu'on souhaite arrêter d'observer.</dd> - <dt><code>callback</code></dt> - <dd>La référence vers l'observateur qu'on souhaite arrêter d'appeler à chaque fois qu'une modification est apportée à <code><strong>obj</strong></code>.</dd> -</dl> - -<h3 id="Valeur_de_retour">Valeur de retour</h3> - -<p>L'objet qui n'est plus observé.</p> - -<h2 id="Description">Description</h2> - -<p><code>Object.unobserve()</code> doit être appelé après {{jsxref("Object.observe()")}} afin de retirer un observateur d'un objet.</p> - -<p>La fonction de rappel (<em>callback</em>) doit être une référence à la fonction et non une fonction anonyme. En effet, c'est cette référence qui sera utilisée pour retirer l'observateur précédemment placé. Appeler <strong>Object.unobserve()</strong> avec une fonction anonyme n'aura aucun effet, cela ne retirera aucun observateur.</p> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="Arrêter_l'observation_un_objet">Arrêter l'observation un objet</h3> - -<pre class="brush: js">var obj = { - toto: 0, - truc: 1 -}; - -var observer = function(changements) { - console.log(changements); -} - -Object.observe(obj, observer); - -obj.nouvelleProp = 2; -// [{name: 'nouvelleProp', object: <obj>, type: 'add'}] - -Object.unobserve(obj, observer); - -obj.toto = 1; -// La fonction callback n'a pas été appelée</pre> - -<h3 id="Utiliser_une_fonction_anonyme">Utiliser une fonction anonyme</h3> - -<pre class="brush: js">var personne = { - name : 'Ahmed', - age : 25 -}; - -Object.observe(personne, function (changements) { - console.log(changements); -}); - -personne.age = 40; -// [{name: 'age', object: <obj>, oldValue: 25, type: 'update'}] - -Object.unobserve(personne, function (changements) { - console.log(changements); -}); - -personne.age = 63; -// [{name: 'age', object: <obj>, oldValue: 40, type: 'update'}] -// La fonction callback est toujours appelée -</pre> - -<h2 id="Specifications">Specifications</h2> - -<p><a href="https://github.com/arv/ecmascript-object-observe">Proposition de spécification (<em>strawman proposal</em>)</a>.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div> -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("javascript.builtins.Object.unobserve")}}</p> -</div> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("Object.observe()")}}{{obsolete_inline}}</li> - <li>{{jsxref("Array.observe()")}}{{obsolete_inline}}</li> - <li>{{jsxref("Array.unobserve()")}}{{obsolete_inline}}</li> -</ul> diff --git a/files/fr/web/javascript/reference/objets_globaux/object/unwatch/index.html b/files/fr/web/javascript/reference/objets_globaux/object/unwatch/index.html deleted file mode 100644 index 4863156034..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/object/unwatch/index.html +++ /dev/null @@ -1,70 +0,0 @@ ---- -title: Object.prototype.unwatch() -slug: Web/JavaScript/Reference/Objets_globaux/Object/unwatch -tags: - - JavaScript - - Méthode - - Non-standard - - Object - - Prototype - - Reference -translation_of: Archive/Web/JavaScript/Object.unwatch ---- -<div>{{JSRef}}{{Non-standard_header}}</div> - -<div class="warning"> -<p><strong>Méthode dépréciée !</strong> Ne pas utiliser <code>unwatch()</code> et {{jsxref("Object.prototype.watch", "watch()")}}. En effet, ces deux méthodes n'étaient implémentées qu'avec Gecko <strong>et ont été retirées à partir de Firefox 58.</strong> De plus, l'ajout de points d'arrêts conditionnels a de graves impacts sur les performances, notamment sur les objets globaux comme <code>window</code>. Il est conseillé d'utiliser les <a href="/fr/docs/Web/JavaScript/Guide/Utiliser_les_objets#D.C3.A9finir_des_getters_et_setters">accesseurs et mutateurs</a> ou les proxies.</p> -</div> - -<p>La méthode <code><strong>unwatch()</strong></code> permet de retirer un point d'arrêt conditionnel créé par la méthode {{jsxref("Object.prototype.watch", "watch()")}}.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox"><var>obj</var>.unwatch(<var>prop</var>)</pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt><code>prop</code></dt> - <dd>Le nom de la propriété dont on ne veut plus suivre l'état.</dd> -</dl> - -<h3 id="Valeur_de_retour">Valeur de retour</h3> - -<p>{{jsxref("undefined")}}.</p> - -<h2 id="Description">Description</h2> - -<p>Le débogueur JavaScript possède plusieurs fonctionnalités, y compris celles offertes par cette fonction. Pour plus d'informations sur cet outil, voir <a href="/fr/docs/Outils/Debugger">le débogueur JavaScript</a>.</p> - -<p>Par défaut, tous les objets qui descendent de {{jsxref("Object")}} héritent de cette méthode.</p> - -<div class="note"> -<p><strong>Note :</strong> <code>unwatch()</code> utilise le nom d'une seule propriété comme paramètre. Ce comportement est expliqué avec la méthode {{jsxref("Object.watch", "watch()")}}.</p> -</div> - -<h2 id="Exemples">Exemples</h2> - -<p>Voir {{jsxref("Object.watch", "watch()")}}.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette méthode ne fait partie d'aucune spécification. Implémentée avec JavaScript 1.2.</p> - -<h2 id="Compatibilité_des_navigateurs"><a id="compat" name="compat">Compatibilité des navigateurs</a></h2> - -<div> - - -<p>{{Compat("javascript.builtins.Object.unwatch")}}</p> -</div> - -<h2 id="Notes_de_compatibilté">Notes de compatibilté</h2> - -<p>Si on appelle <code>unwatch()</code> sur un objet {{domxref("Document")}}, on aura une exception {{jsxref("TypeError")}} à partir de Firefox 23 ({{bug(903332)}}). Cette régression a été corrigée avec Firefox 27.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("Object.watch()")}}</li> -</ul> diff --git a/files/fr/web/javascript/reference/objets_globaux/object/watch/index.html b/files/fr/web/javascript/reference/objets_globaux/object/watch/index.html deleted file mode 100644 index 5a99dfe28f..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/object/watch/index.html +++ /dev/null @@ -1,150 +0,0 @@ ---- -title: Object.prototype.watch() -slug: Web/JavaScript/Reference/Objets_globaux/Object/watch -tags: - - JavaScript - - Méthode - - Non-standard - - Object - - Prototype - - Reference -translation_of: Archive/Web/JavaScript/Object.watch ---- -<div>{{JSRef}}{{non-standard_header}}</div> - -<div class="warning"> -<p><strong>Méthode dépréciée !</strong> Ne pas utiliser <code>watch()</code> et {{jsxref("Object.prototype.unwatch", "unwatch()")}}. En effet, ces deux méthodes n'ont été implémentées qu'avec Gecko et sont dépréciées. <strong>Elle sont retirées avec à partir de Firefox 58</strong>. De plus, l'ajout de points d'arrêts conditionnels a de graves impacts sur les performances, notamment sur les objets globaux comme <code>window</code>. Il est conseillé d'utiliser les <a href="/fr/docs/Web/JavaScript/Guide/Utiliser_les_objets#D.C3.A9finir_des_getters_et_setters">accesseurs et mutateurs</a> ou <a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Proxy">les proxies</a>. Attention également à ne pas confondre {{jsxref("Object.prototype.watch", "Object.watch")}} et {{jsxref("Object.prototype.observe", "Object.observe")}}.</p> -</div> - -<p>La méthode <code><strong>watch()</strong></code> permet d'appeler une fonction lorsqu'une propriété est affectée.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox"><var>obj</var>.watch(<var>prop</var>, <var>handler</var>)</pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt><code>prop</code></dt> - <dd>Le nom d'une propriété d'un objet dont on souhaite surveiller les changements.</dd> - <dt><code>handler</code></dt> - <dd>Une fonction à appeler quand la valeur de la propriété est modifiée.</dd> -</dl> - -<h3 id="Valeur_de_retour">Valeur de retour</h3> - -<p>{{jsxref("undefined")}}.</p> - -<h2 id="Description">Description</h2> - -<p>Cette méthode permet de surveiller les assignations à une propriété appelée <code>prop</code> de l'objet courant, et appelle <code>handler(prop, ancienneValeur, nouvelleValeur)</code> dès que <code>prop</code> est définie et enregistre la valeur de retour dans cette propriété. Un tel point de surveillance peut filtrer (ou rendre null) l'assignation de la valeur, en renvoyant une valeur <code>nouvelleValeur</code> modifiée (ou en renvoyant <code>ancienneValeur</code>).</p> - -<p>Si une propriété pour laquelle un point de surveillance avait été défini, celui-ci ne disparait pas. Si la propriété est recréée par la suite, le point de surveillance sera toujours en activité.</p> - -<p>Pour retirer un point de surveillance, utilisez la méthode {{jsxref("Object.unwatch", "unwatch()")}}/ Par défaut, la méthode <code>watch</code> est héritée par tous les objets descendant d'<code>Object</code>.</p> - -<p>Le débogueur JavaScript a des fonctionnalités similaires à celles fournies par cette méthode, ainsi que d'autres options de débogage. Pour en savoir plus, voir <a href="/fr/docs/Outils/Debugger">le débogueur JavaScript</a>.</p> - -<p>Dans Firefox, <code>handler</code> n'est appelé que pour les assignations par script, pas depuis du code natif. Par exemple, <code>window.watch('location', myHandler)</code> n'appellera pas <code>myHandler</code> si l'utilisateur clique sur un lien vers une cible dans le document courant. Par contre, <code>window.location += '#myAnchor'</code> appellera <code>myHandler</code> :</p> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="Utiliser_watch_et_unwatch">Utiliser <code>watch</code> et <code>unwatch</code></h3> - -<pre class="brush:js">var o = {p:1}; -o.watch("p", - function (id, oldval, newval) { - console.log("o." + id + " a été modifiée de " + oldval + " en " + newval); - return newval; - }); - -o.p = 2; -o.p = 3; -delete o.p; -o.p = 4; - -o.unwatch('p'); -o.p = 5; -</pre> - -<p>Ce script affiche la sortie suivante :</p> - -<pre class="eval">o.p a été modifiée de 1 en 2 -o.p a été modifiée de 2 en 3 -o.p a été modifiée de undefined en 4 -</pre> - -<h3 id="Utiliser_watch_pour_valider_les_propriétés_d'un_objet">Utiliser <code>watch</code> pour valider les propriétés d'un objet</h3> - -<p>La méthode <code>watch</code> peut être utilisée pour tester les assignations d'une propriété d'objet. Cet exemple s'assure que toute Personne a un nom valide et un age entre 0 et 200.</p> - -<pre class="brush: js">Personne = function(name,age) { - this.watch("age", Personne.prototype._isValidAssignment); - this.watch("nom", Personne.prototype._isValidAssignment); - this.nom = nom; - this.age = age; -} - -Personne.prototype.toString = function() { - return this.nom + ", " + this.age; -}; - -Personne.prototype._isValidAssignment = function(id, oldval, newval) { - if (id == "nom" && (!newval || newval.length > 30)) { - throw new RangeError("nom invalide pour " + this); - } - if (id == "age" && (newval < 0 || newval > 200)) { - throw new RangeError("âge invalide pour " + this); - } - return newval; -} - -will = new Personne("Will", 29); -console.log(will); // Will, 29 - -try { - will.nom = ""; -} catch (e) { - console.log(e); -} - -try { - will.age = -4; -} catch (e) { - console.log(e); -} -</pre> - -<p>Ce script affichera la sortie suivante :</p> - -<pre class="eval">Will, 29 -RangeError: nom invalide pour Will, 29 -RangeError: âge invalide pour Will, 29 -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Cette méthode ne fait partie d'aucune spécification. Elle a été implémentée avec JavaScript 1.2.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div> -<div class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> et à nous envoyer une <em>pull request</em>.</div> - -<p>{{Compat("javascript.builtins.Object.watch")}}</p> -</div> - -<h2 id="Notes_de_compatibilité">Notes de compatibilité</h2> - -<ul> - <li>Cette <a class="external link-https" href="https://gist.github.com/384583">prothèse d'émulation</a> (<em>polyfill</em>) permet d'utiliser <code>watch</code> dans les différents navigateurs compatibles avec ES5</li> - <li>Utiliser un objet {{jsxref("Proxy")}} permet d'avoir accès à plus d'informations, de façon plus profonde sur la manière dont les propriétés sont changées.</li> - <li>Appeler <code>watch()</code> sur un objet {{domxref("Document")}} renvoyait une exception {{jsxref("TypeError")}} depuis Firefox 23 ({{bug(903332)}}). Cette régression a été résolue avec Firefox 27.</li> -</ul> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("Object.unwatch()")}}</li> - <li>{{jsxref("Object.observe()")}}{{obsolete_inline}}</li> -</ul> diff --git a/files/fr/web/javascript/reference/objets_globaux/parallelarray/index.html b/files/fr/web/javascript/reference/objets_globaux/parallelarray/index.html deleted file mode 100644 index 2ab4d8bb74..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/parallelarray/index.html +++ /dev/null @@ -1,56 +0,0 @@ ---- -title: ParallelArray -slug: Web/JavaScript/Reference/Objets_globaux/ParallelArray -tags: - - JavaScript - - Obsolete - - ParallelArray - - Reference -translation_of: Archive/Web/ParallelArray ---- -<div>{{jsSidebar("Objects")}}{{ obsolete_header}}</div> - -<p>Le but de <strong><code>ParallelArray</code></strong> est de disposer de parallélisme pour les données des applications web. Les fonctions disponibles via cette objet tenteront une exécution en parallèle avant de traiter l'exécution de façon séquentielle si besoin. Pour être sûr que votre code puisse être exécuté en parallèle, il est conseillé de se limiter aux fonctions JavaScript parallélisables <a href="http://smallcultfollowing.com/babysteps/blog/2013/04/30/parallelizable-javascript-subset/">supportées par Firefox</a> (article en anglais).</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">new ParallelArray() -new ParallelArray([element0, element1, ...]) -new ParallelArray(arrayLength, elementalFunction)</pre> - -<h2 id="Instances_de_ParallelArray">Instances de <code>ParallelArray</code></h2> - -<h3 id="Propriétés">Propriétés</h3> - -<dl> - <dt>length</dt> - <dd>Indique le nombre d'éléments dans l'objet <code>ParallelArray</code>.</dd> -</dl> - -<h3 id="Méthodes">Méthodes</h3> - -<dl> - <dt>map</dt> - <dt>reduce</dt> - <dt>scan</dt> - <dt>scatter</dt> - <dt>filter</dt> - <dt>flatten</dt> - <dt>partition</dt> - <dt>get</dt> -</dl> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="Utilisation_de_map_en_parallèle">Utilisation de <code>map</code> en parallèle</h3> - -<pre class="brush: js">var p = new ParallelArray([0, 1, 2, 3, 4]); -var m = p.map(function (v) { - return v + 1; -});</pre> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="http://wiki.ecmascript.org/doku.php?id=strawman:data_parallelism">RiverTrail l'API Ecmascript pour le parallélisme</a> (en anglais)</li> -</ul> diff --git a/files/fr/web/javascript/reference/objets_globaux/stopiteration/index.html b/files/fr/web/javascript/reference/objets_globaux/stopiteration/index.html deleted file mode 100644 index 5b26730085..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/stopiteration/index.html +++ /dev/null @@ -1,115 +0,0 @@ ---- -title: StopIteration -slug: Web/JavaScript/Reference/Objets_globaux/StopIteration -tags: - - JavaScript - - Legacy Iterator - - Reference - - Référence(2) - - StopIteration -translation_of: Archive/Web/StopIteration ---- -<div>{{jsSidebar("Objects")}}{{deprecated_header}}</div> - -<div class="warning"><strong>Non standard.</strong> L'objet <code><strong>StopIteration</strong></code> est une fonctionnalité propre à SpiderMonkey. Pour utiliser des fonctions pérennes, préférez les boucles {{jsxref("Instructions/for...of", "for...of")}} et le <a href="/fr/docs/Web/JavaScript/Guide/Le_protocole_iterator">protocole itérateur</a>.</div> - -<p>L'objet <code><strong>StopIteration</strong></code> est une exception levée lorsque l'on cherche à accéder au prochain élément d'un itérateur épuisé et implémentant le protocole itérateur historique.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">StopIteration</pre> - -<h2 id="Description">Description</h2> - -<p><code>StopIteration</code> est un élément lié à l'ancien protocole pour les itérateurs. Il sera retiré en même temps que les itérateurs et générateurs historiques (pour être remplacé par l'équivalent ECMAScript2015/ECMAScript6).</p> - -<h2 id="Exemples">Exemples</h2> - -<p><code>StopIteration</code> est levée par l'objet {{jsxref("Objets_globaux/Iterator", "Iterator")}}.</p> - -<pre class="brush: js">var a = { - x: 10, - y: 20 -}; -var iter = Iterator(a); -console.log(iter.next()); // ["x", 10] -console.log(iter.next()); // ["y", 20] -console.log(iter.next()); // lève StopIteration -</pre> - -<p>Lever <code>StopIteration</code> directement.</p> - -<pre class="brush: js">function f() { - yield 1; - yield 2; - throw StopIteration; - yield 3; // cette ligne ne sera jamais exécutée -} - -for (var n in f()) { - console.log(n); // imprime 1, puis 2, mais pas 3 -} -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Non standard. Ne fait partie d'aucun standard.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Support simple</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Android</th> - <th>Chrome pour Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Support simple</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="/fr/docs/Web/JavaScript/Guide/iterateurs_et_generateurs">Itérateurs and générateurs historiques</a></li> - <li>{{jsxref("Objets_globaux/Iterator", "Iterator")}}</li> -</ul> diff --git a/files/fr/web/javascript/reference/objets_globaux/string/quote/index.html b/files/fr/web/javascript/reference/objets_globaux/string/quote/index.html deleted file mode 100644 index 181ae613fc..0000000000 --- a/files/fr/web/javascript/reference/objets_globaux/string/quote/index.html +++ /dev/null @@ -1,72 +0,0 @@ ---- -title: String.prototype.quote() -slug: Web/JavaScript/Reference/Objets_globaux/String/quote -tags: - - JavaScript - - Méthode - - Obsolete - - Prototype - - Reference - - String -translation_of: Archive/Web/JavaScript/String.quote ---- -<div>{{obsolete_header("37")}}{{JSRef}} {{Non-standard_header}}</div> - -<p>La méthode <code><strong>quote()</strong></code> est une méthode non-standard qui permet de renvoyer une copie de la chaîne de caractères en remplaçant les différents caractères spéciaux de la chaîne par leur séquence d'échappement et en encadrant le résultat avec des doubles quotes (<code>"</code>).</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox"><var>str</var>.quote()</pre> - -<h3 id="Valeur_de_retour">Valeur de retour</h3> - -<p>Une nouvelle chaîne de caractères représentant la chaîne appelante, encadrée entre doubles quotes et pour laquelle les caractères spéciaux ont été échappés.</p> - -<h2 id="Exemples">Exemples</h2> - -<p>Le tableau suivant illustre comment la méthode <code>quote</code> remplace les différents caractères spéciaux et encadre la chaîne résultante entre doubles quotes. La troisième colonne illustre comment la méthode <code>eval</code> évalue les séquences d'échappement à nouveau.</p> - -<table class="fullwidth-table"> - <thead> - <tr> - <th class="header" scope="col"><code>str</code></th> - <th class="header" scope="col"><code>str.quote()</code></th> - <th class="header" scope="col"><code>eval(str.quote())</code></th> - </tr> - </thead> - <tbody> - <tr> - <td><code>Coucou monde</code> !</td> - <td><code>"Coucou monde !"</code></td> - <td><code>Coucou monde !</code></td> - </tr> - <tr> - <td><code>Coucou<br> - monde !</code></td> - <td><code>"Coucou\n\tmonde !"</code></td> - <td><code>Coucou<br> - monde !</code></td> - </tr> - <tr> - <td><code>" \ — '</code></td> - <td><code>"\" \\ \u2014 '"</code></td> - <td><code>" \ — '</code></td> - </tr> - </tbody> -</table> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Aucune. Cette méthode ne fait partie d'aucun standard. Elle a été implémentée avec JavaScript 1.3.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p class="hidden">Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</p> - -<p>{{Compat("javascript.builtins.String.quote")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("JSON.stringify()")}}</li> -</ul> diff --git a/files/fr/web/javascript/reference/opérateurs/compréhensions_de_générateur/index.html b/files/fr/web/javascript/reference/opérateurs/compréhensions_de_générateur/index.html deleted file mode 100644 index 83682e6284..0000000000 --- a/files/fr/web/javascript/reference/opérateurs/compréhensions_de_générateur/index.html +++ /dev/null @@ -1,183 +0,0 @@ ---- -title: Compréhensions de générateur -slug: Web/JavaScript/Reference/Opérateurs/Compréhensions_de_générateur -tags: - - Iterator - - JavaScript - - Non-standard - - Obsolete - - Reference -translation_of: Archive/Web/JavaScript/Generator_comprehensions ---- -<div>{{JSSidebar("Operators")}}{{Non-standard_Header}}{{Obsolete_Header("gecko58")}}</div> - -<div class="warning"><strong>Non-standard. Ne pas utiliser !</strong><br> -La syntaxe de compréhensions de générateurs ne sont pas une fonctionnalité standard et ont été retirées à partir de Firefox 58. Mieux vaut utiliser les {{jsxref("Instructions/function*", "générateurs", "", 1)}} pour des fonctionnalités similaires.</div> - -<p>La syntaxe de <strong>compréhension de générateur</strong> était une expression qui permettait de construire rapidement une fonction génératrice à partir d'un objet itérable. Toutefois, cette syntaxe a été retirée du standard et de l'implémentation qui en est faite par Firefox. Elle ne doit pas être utilisée.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">(for (x of itérable) x) -(for (x of itérable) if (condition) x) -(for (x of itérable) for (y of itérable) x + y) -</pre> - -<h2 id="Description">Description</h2> - -<p>Une compréhension de générateur peut contenir deux sortes de composants :</p> - -<ul> - <li>{{jsxref("Instructions/for...of", "for...of")}} et</li> - <li>{{jsxref("Instructions/if...else", "if")}}</li> -</ul> - -<p>L'itération <code>for-of</code> est toujours le premier composant. Il est possible d'utiliser plusieurs itérations <code>for-of</code> et plusieurs instructions <code>if</code>.</p> - -<p>Les {{jsxref("Opérateurs/Compréhensions_de_tableau","compréhensions de tableaux","","true")}} ont un inconvénient majeur : quand on les utilise, un nouveau tableau est créé en mémoire. Cela ne pose pas de problème particulier quand le tableau en question est petit (l'impact sera alors léger) mais lorsque le tableau est très grand (voire infini avec un générateur), cela peut poser problème que de vouloir créer un nouveau tableau.</p> - -<p>Les générateurs permettent de calculer des suites à la demande (chaque élément successif est calculé lorsqu'on en a besoin). Les compréhensions de générateurs sont presque identiques, d'une point de vue syntaxique, aux compréhensions de tableaux. Plutôt d'utiliser des crochets, elles utilisent des parenthèses et au lieu de créer un tableau, elles créent un générateur qui pourra être utilisé. Cette notation peut être vue comme une notation raccourcie pour créer des générateurs.</p> - -<p>Imaginons qu'on ait un itérateur qui parcourt une grande série d'entiers et qu'on veuille créer un itérateur qui itère sur les doubles de ces entiers. Une compréhension de tableau entraînerait la création d'un tableau complet en mémoire, dont les éléments seraient les valeurs doublées :</p> - -<pre class="brush: js">var doubles = [for (i in it) i * 2]; -</pre> - -<p>En revanche, une compréhension de générateur permettrait de créer un nouvel itérateur qui pourrait être utilisé pour créer les valeurs doublées à la demande, quand on a besoin de les utiliser :</p> - -<pre class="brush: js">var it2 = (for (i in it) i * 2); -console.log(it2.next()); // La première valeur, doublée -console.log(it2.next()); // La deuxième valeur, doublée -</pre> - -<p>Lorsqu'une compréhension de générateur est utilisée comme un argument d'une fonction, les parenthèses utilisées pour l'appel de la fonction permettent de ne pas écrire les parenthèse encadrant la compréhension :</p> - -<pre class="brush: js">var résultat = faireQuelqueChose(for (i in it) i * 2); -</pre> - -<p>Avec la compréhension de générateur, on ne parcourt qu'une fois la structure de l'objet alors qu'avec une compréhension de tableau, on parcourt une fois le tableau pour construire la nouvelle version puis une seconde fois quand on souhaite l'utiliser.</p> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="Compréhensions_simples">Compréhensions simples</h3> - -<pre class="brush:js">(for (i of [ 1, 2, 3 ]) i*i ); -// fonction génératrice qui générera 1, 4, et 9 - -[...(for (i of [ 1, 2, 3 ]) i*i )]; -// [1, 4, 9] - -var abc = [ "A", "B", "C" ]; -(for (lettres of abc) lettres.toLowerCase()); -// fonction génératrice qui générera "a", "b", et "c" -</pre> - -<h3 id="Compréhensions_utilisant_une_instruction_if">Compréhensions utilisant une instruction <code>if</code></h3> - -<pre class="brush: js">var années = [ 1954, 1974, 1990, 2006, 2010, 2014 ]; - -(for (année of années) if (année > 2000) année); -// fonction génératrice qui générera 2006, 2010, et 2014 - -(for (année of années) if (année > 2000) if(année < 2010) année); -// fonction génératrice qui générera 2006, équivaut à : - -(for (année of années) if (année > 2000 && année < 2010) année); -// fonction génératrice qui générera 2006 -</pre> - -<h3 id="Compréhensions_de_générateurs_et_fonctions_génératrices">Compréhensions de générateurs et fonctions génératrices</h3> - -<p>Pour mieux comprendre la syntaxe des compréhensions, on peut la comparer avec celle des fonctions génératrices :</p> - -<p>Exemple 1 : Générateur simple.</p> - -<pre class="brush: js">var nombres = [ 1, 2, 3 ]; - -// Fonction génératrice -(function*() { - for (let i of nombres) { - yield i * i; - } -})() - -// Compréhension de générateur -(for (i of nombres) i*i ); - -// Résultat : les deux instructions renvoient chacune un générateur pour créer [ 1, 4, 9 ] -</pre> - -<p>Second exemple : Un générateur avec <code>if</code>.</p> - -<pre class="brush: js">var nombres = [ 1, 2, 3 ]; - -// Fonction génératrice -(function*() { - for (let i of nombres) { - if (i < 3) { - yield i * 1; - } - } -})() - -// Compréhension -(for (i of nombres) if (i < 3) i); - -// Résultat : les deux renvoient un générateur qui générera [ 1, 2 ]</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Était initialement prévu pour le brouillon ECMAScript 2015 mais fut retiré lors de la révision 27 (août 2014). Consulter les révisions antérieures d'ES2015 pour les spécifications de cette sémantique.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div> - -<p>{{Compat("javascript.operators.generator_comprehensions")}}</p> - -<h2 id="Notes_relatives_à_l'implémentation_de_SpiderMonkey">Notes relatives à l'implémentation de SpiderMonkey</h2> - -<ul> - <li>{{jsxref("Instructions/let", "let")}} n'est pas supporté comme identifiant car il n'est disponible qu'avec JavaScript 1.7 et pour la manipulations des balises de script XUL.</li> - <li>La décomposition, utilisée dans les compréhensions, n'est pas encore supportée ({{bug(980828)}}).</li> -</ul> - -<h2 id="Différences_avec_les_anciennes_compréhensions_JS_1.7_et_JS_1.8">Différences avec les anciennes compréhensions JS 1.7 et JS 1.8</h2> - -<div class="warning"> -<p>Les compréhensions « JS1.7 / JS1.8 » ont été retirées à partir de Gecko 46 ({{bug(1220564)}}).</p> -</div> - -<p><strong>Ancienne syntaxe pour les compréhensions (ne plus l'utiliser) :</strong></p> - -<pre class="brush: js example-bad">[X for (Y in Z)] -[X for each (Y in Z)] -[X for (Y of Z)] -</pre> - -<p>Les différences :</p> - -<ul> - <li>Les compréhensions ES2016 créent une portée par nœud <code>for</code> et non pas une portée pour l'ensemble de la compréhension. - - <ul> - <li>Ancienne version : <code>[...(()=>x for (x of [0, 1, 2]))][1]() // 2</code></li> - <li>Nouvelle version: <code>[...(for (x of [0, 1, 2]) ()=>x)][1]() // 1, chaque itération crée une nouvelle liaison pour x. </code></li> - </ul> - </li> - <li>Les compréhensions ES2016 débutent par <code>for</code> et non pas l'expression d'affectation. - <ul> - <li>Ancienne version : <code>(i * 2 for (i of nombres))</code></li> - <li>Nouvelle version : <code>(for (i of nombres) i * 2)</code></li> - </ul> - </li> - <li>Les compréhensions ES2016 peuvent utiliser plusieurs composants <code>if</code> et <code>for</code>.</li> - <li>Les compréhensions ES2016 ne fonctionnent qu'avec les boucles <code>{{jsxref("Instructions/for...of", "for...of")}}</code>, pas avec les boucles <code>{{jsxref("Instructions/for...in", "for...in")}}</code>.</li> -</ul> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("Instructions/for...of", "for...of")}}</li> - <li>{{jsxref("Opérateurs/Compréhensions_de_tableau", "Compréhensions_de_tableau")}}</li> -</ul> diff --git a/files/fr/web/javascript/reference/opérateurs/compréhensions_de_tableau/index.html b/files/fr/web/javascript/reference/opérateurs/compréhensions_de_tableau/index.html deleted file mode 100644 index 17a61266a9..0000000000 --- a/files/fr/web/javascript/reference/opérateurs/compréhensions_de_tableau/index.html +++ /dev/null @@ -1,209 +0,0 @@ ---- -title: Compréhensions de tableau -slug: Web/JavaScript/Reference/Opérateurs/Compréhensions_de_tableau -tags: - - JavaScript - - Non-standard - - Obsolete - - Opérateurs - - Reference -translation_of: Archive/Web/JavaScript/Array_comprehensions ---- -<div>{{jsSidebar("Operators")}}{{Obsolete_Header(58)}}</div> - -<div class="warning"><strong>Non-standard. Ne pas utiliser !</strong><br> -Les compréhensions de tableau ne sont pas standard et ont été retirées à partir de Firefox 58. Pour obtenir des fonctionnalités équivalentes, il est conseillés d'utiliser {{jsxref("Array.prototype.map")}}, {{jsxref("Array.prototype.filter")}}, {{jsxref("Fonctions/Fonctions_fléchées", "les fonctions fléchées", "", 1)}} et la{{jsxref("Opérateurs/Opérateurs/Affecter_par_décomposition", "décomposition", "", 1)}}.</div> - -<p>La syntaxe de <strong>compréhension de tableau</strong> était une expression JavaScript permettant de construire rapidement un nouveau tableau à partir d'un tableau existant. Toutefois, cette syntaxe a été retirée du standard et de l'implémentation qui en est faite par Firefox. Elle ne doit pas être utilisée.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">[for (x of itérable) x] -[for (x of itérable) if (condition) x] -[for (x of itérable) for (y of itérable) x + y] -</pre> - -<h2 id="Description">Description</h2> - -<p>Dans une compréhension de tableau, on peut utiliser deux types de composants :</p> - -<ul> - <li>{{jsxref("Instructions/for...of", "for...of")}} et</li> - <li>{{jsxref("Instructions/if...else", "if")}}</li> -</ul> - -<p>L'itération basée sur <code>for...of</code> sera toujours le premier composant. On peut utiliser plusieurs <code>for...of</code> ou instructions <code>if</code>.</p> - -<p>Les compréhensions de tableau furent proposées pour être standardisées avec ECMAScript 2016. Elles fournissent une notation raccourcie pour pouvoir construire un nouveau tableau basé sur le contenu d'un autre tableau. Les compréhensions sont proches des fonctions {{jsxref("Array.prototype.map", "map()")}} et {{jsxref("Array.prototype.filter", "filter()")}} qui peuvent être combinées pour arriver au même effet.</p> - -<p>La compréhension qui suit prend un tableau de nombres et crée un nouveau tableau qui contiendra les doubles de chaque élément :</p> - -<pre class="brush: js">var nombres = [1, 2, 3, 4]; -var doublés = [for (i of nombres) i * 2]; -console.log(doublés); // affiche 2,4,6,8 -</pre> - -<p>Cela est équivalent à l'opération suivante, qui utilise {{jsxref("Array.prototype.map", "map()")}} :</p> - -<pre class="brush: js">var doublés = nombres.map(i => i * 2); -</pre> - -<p>Les compréhensions peuvent également être utilisées pour sélectionner certains éléments qui respectent un critère donné. Voici par exemple une compréhension qui ne sélectionne que les nombres pairs :</p> - -<pre class="brush: js">var nombres = [1, 2, 3, 21, 22, 30]; -var pairs = [for (i of nombres) if (i % 2 === 0) i]; -console.log(pairs); // affiche 2,22,30 -</pre> - -<p>Ici, la méthode {{jsxref("Array.prototype.filter", "filter()")}} peut être utilisée pour parvenir au même résultat :</p> - -<pre class="brush: js">var pairs = nombres.filter(i => i % 2 === 0); -</pre> - -<p>{{jsxref("Array.prototype.map", "map()")}} et {{jsxref("Array.prototype.filter", "filter()")}} peuvent être utilisés pour traduire une compréhension de tableau.</p> - -<p>Voici un autre exemple de compréhension, qui ne prend que les nombres pairs et qui les double :</p> - -<pre class="brush: js">var nombres = [1, 2, 3, 21, 22, 30]; -var pairsDoublés = [for (i of nombres) if (i % 2 === 0) i * 2]; -console.log(pairsDoublés); // affiche 4,44,60 -</pre> - -<p>Les crochets d'une compréhension introduisent un bloc implicite pour les portées. Les nouvelles variables (comme <code>i</code> dans l'exemple), sont traitées comme si elles avaient été déclarées avec {{jsxref("Instructions/let","let")}}. Cela signifie donc que ces variables ne pourront pas être utilisées en dehors de la compréhension.</p> - -<p>L'élément d'entrée d'une compréhension de tableau ne doit pas nécessairement être un tableau, il est également possible d'utiliser <a href="/fr/docs/Web/JavaScript/Guide/iterateurs_et_generateurs">des itérateurs et des générateurs</a>.</p> - -<p>Une chaîne de caractères peut aussi être utilisé comme élément de départ :</p> - -<pre class="brush: js">var str = 'abcdef'; -var consonnes = [for (c of str) if (!(/[aeiouyAEIOUY]/).test(c)) c].join(''); // 'bcdf' -var avecZéros = [for (c of str) c+'0' ].join(''); // 'a0b0c0d0e0f0' -</pre> - -<p>Là encore, la structure de l'élément d'entrée n'est pas préservée, il faut donc utiliser {{jsxref("Array.prototype.join", "join()")}} pour récupérer une chaîne.</p> - -<h2 id="Exemples">Exemples</h2> - -<h3 id="Compréhensions_de_tableaux_simples">Compréhensions de tableaux simples</h3> - -<pre class="brush:js">[for (i of [ 1, 2, 3 ]) i*i ]; -// [ 1, 4, 9 ] - -var abc = [ "A", "B", "C" ]; -[for (lettres of abc) lettres.toLowerCase()]; -// [ "a", "b", "c" ]</pre> - -<h3 id="Compréhensions_de_tableaux_utilisant_if">Compréhensions de tableaux utilisant <code>if</code></h3> - -<pre class="brush: js">var années = [ 1954, 1974, 1990, 2006, 2010, 2014 ]; -[for (année of années) if (année > 2000) année]; -// [ 2006, 2010, 2014 ] -[for (année of années) if (année > 2000) if(année < 2010) année]; -// [ 2006 ] qui correspond aussi à -[for (année of années) if (année > 2000 && année < 2010) année]; -// [ 2006 ]</pre> - -<h3 id="Comparaison_avec_map_et_filter">Comparaison avec <code>map</code> et <code>filter</code></h3> - -<p>Afin de mieux comprendre la syntaxe des compréhensions, on peut la comparer avec les méthodes de l'objet Array {{jsxref("Array.map", "map")}} et {{jsxref("Array.filter", "filter")}} :</p> - -<pre class="brush: js">var nombres = [ 1, 2, 3 ]; - -nombres.map(function (i) { return i * i }); -nombres.map(i => i*i); -[for (i of nombres) i*i ]; -// tous vaudront [ 1, 4, 9 ] - -nombres.filter(function (i) { return i < 3 }); -nombres.filter(i => i < 3); -[for (i of nombres) if (i < 3) i]; -// on obtiendra [ 1, 2 ] pour ces trois instructions -</pre> - -<h3 id="Les_compréhensions_manipulant_deux_tableaux">Les compréhensions manipulant deux tableaux</h3> - -<p>On peut itérer deux fois avec <code>for...of</code> afin de travailler avec deux tableaux :</p> - -<pre class="brush: js">var nombres = [ 1, 2, 3 ]; -var lettres = [ "a", "b", "c" ]; - -var produitCartésien = [for (i of nombres) for (j of lettres) i+j]; -// [ "1a", "1b", "1c", "2a", "2b", "2c", "3a", "3b", "3c" ] - -var grille = [for (i of nombres) [for (j of lettres) i+j]]; -// [ -// ["1a", "1b", "1c"], -// ["2a", "2b", "2c"], -// ["3a", "3b", "3c"] -// ] - -[for (i of nombres) if (i > 1) for (j of lettres) if(j > "a") i+j] -// ["2b", "2c", "3b", "3c"], correspond à : - -[for (i of nombres) for (j of lettres) if (i > 1) if(j > "a") i+j] -// ["2b", "2c", "3b", "3c"] - -[for (i of nombres) if (i > 1) [for (j of lettres) if(j > "a") i+j]] -// [["2b", "2c"], ["3b", "3c"]], ne correspond pas à : - -[for (i of nombres) [for (j of lettres) if (i > 1) if(j > "a") i+j]] -// [[], ["2b", "2c"], ["3b", "3c"]] -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<p>Ce point faisait initialement partie du brouillon ECMAScript 2015 mais fut retiré dans la révision 27 (août 2014). Veuillez vous référer aux révisions précédentes pour la sémantique utilisée.</p> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div> - -<p>{{Compat("javascript.operators.array_comprehensions")}}</p> - -<h2 id="Notes_spécifiques_relatives_à_l'implémentation_de_SpiderMonkey">Notes spécifiques relatives à l'implémentation de SpiderMonkey</h2> - -<ul> - <li><a href="/fr/docs/Web/JavaScript/Reference/Instructions/let"><code>let</code></a> en tant qu'identifiant n'est plus supporté. <code>let</code> est seulement disponible pour JS 1.7 et les balises des scripts XUL.</li> - <li>La déconstruction des tableaux n'est pas encore supportée.</li> -</ul> - -<h2 id="Différences_avec_les_compréhensions_précédentes_JS1.7JS1.8">Différences avec les compréhensions précédentes JS1.7/JS1.8</h2> - -<div class="warning"> -<p>Les compréhensions « JS1.7 / JS1.8 » ont été retirées à partir de Gecko 46 ({{bug(1220564)}}).</p> -</div> - -<p><strong>Ancienne syntaxe pour les compréhensions (ne plus l'utiliser) :</strong></p> - -<pre class="brush: js example-bad">[X for (Y in Z)] -[X for each (Y in Z)] -[X for (Y of Z)] -</pre> - -<p>Les différences :</p> - -<ul> - <li>Les compréhensions ESNext créent une portée par nœud «for » au lieu d'une portée par compréhension. - <ul> - <li>Ancienne syntaxe : <code>[()=>x for (x of [0, 1, 2])][1]() // 2</code></li> - <li>Nouvelle syntaxe : <code>[for (x of [0, 1, 2]) ()=>x][1]() // 1, </code>chaque itération crée une nouvelle liaison pour <code>x</code>.</li> - </ul> - </li> - <li>Les compréhensions ESNext débutent avec "for" et non plus avec une expression d'assignation : - <ul> - <li>Ancienne syntaxe : <code>[i * 2 for (i of nombres)]</code></li> - <li>Nouvelle syntaxe : <code>[for (i of nombres) i * 2]</code></li> - </ul> - </li> - <li>Les compréhensions ESNext peuvent comporter plusieurs composants <code>if</code> et <code>for</code>.</li> - <li>Les compréhensions ESNext ne fonctionnent qu'avec <code>{{jsxref("Instructions/for...of", "for...of")}}</code> et ne fonctionnent pas avec <code>{{jsxref("Instructions/for...in", "for...in")}}</code>.</li> -</ul> - -<p>Pour quelques suggestions pour migrer du code, voir le bug {{bug("1220564")}} et notamment le commentaire #42.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("Instructions/for...of", "for...of")}}</li> - <li>{{jsxref("Opérateurs/Compréhensions_de_générateurs", "Les compréhensions de générateurs", "" ,1)}}</li> -</ul> diff --git a/files/fr/web/javascript/reference/opérateurs/expression_closures/index.html b/files/fr/web/javascript/reference/opérateurs/expression_closures/index.html deleted file mode 100644 index a80e576883..0000000000 --- a/files/fr/web/javascript/reference/opérateurs/expression_closures/index.html +++ /dev/null @@ -1,85 +0,0 @@ ---- -title: Expression closures -slug: Web/JavaScript/Reference/Opérateurs/Expression_closures -tags: - - Functions - - JavaScript - - Non-standard - - Obsolete - - Reference -translation_of: Archive/Web/JavaScript/Expression_closures ---- -<div>{{JSSidebar("Operators")}}{{Non-standard_Header}}{{Obsolete_Header("gecko60")}}</div> - -<div class="warning"><strong>Opérateur non-standard, ne pas utiliser !</strong><br> -Cette syntaxe est une fonctionnalité dépréciée, spécifique à Firefox et qui a été retirée avec Firefox 60. En remplacement, il est préférable d'utiliser <a href="/fr/docs/Web/JavaScript/Reference/fonctions_fléchées">les fonctions fléchées</a>.</div> - -<p>Les expressions de fermetures sont une notation de raccourci pour écrire des fonctions simples.</p> - -<h2 id="Syntaxe">Syntaxe</h2> - -<pre class="syntaxbox">function [<em>nom</em>]([<em>param1</em>[, <em>param2[</em>, ..., <em>paramN</em>]]]) - <em>expression</em> -</pre> - -<h3 id="Paramètres">Paramètres</h3> - -<dl> - <dt><code>nom</code></dt> - <dd>Le nom de la fonction, ce paramètre est optionnel. S'il n'est pas utilisé, la fonction sera <em>anonyme</em>. Le nom de cette fonction est local uniquement pour le corps de la fonction.</dd> - <dt><code>paramN</code></dt> - <dd>Le nom d'un argument à passer à la fonction. Une fonction peut avoir jusqu'à 255 arguments.</dd> - <dt><code>expression</code></dt> - <dd>L'expression qui correspond au corps de la fonction.</dd> -</dl> - -<h2 id="Description">Description</h2> - -<p>Cet élément du langage n'est qu'une notation raccourcie pour l'écriture de fonctions simples. Il permet d'approcher un peu plus d'une notation correspondant au <a href="https://fr.wikipedia.org/wiki/Lambda-calcul">lambda calcul</a>.</p> - -<p>Pour les versions de JavaScript antérieures ou égales à 1.7 :</p> - -<pre class="brush: js">function(x) { return x * x; }</pre> - -<p>Avec JavaScript 1.8 :</p> - -<pre class="brush: js">function(x) x * x</pre> - -<p>Cette syntaxe permet de ne pas utiliser les accolades et l'instruction <code>return</code> (ici implicite). En dehors de la concision syntaxique, cet opérateur n'apporte pas d'autre avantage.</p> - -<h2 id="Exemples">Exemples</h2> - -<p>Un raccourci pour ajouter des gestionnaires d'événements :</p> - -<pre class="brush: js"> document.addEventListener("click", function() false, true); -</pre> - -<p>On peut utiliser cette notation avec les fonctions introduites pour les tableaux avec JavaScript 1.6 :</p> - -<pre class="brush: js">elems.some(function(elem) elem.type == "text"); -</pre> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<div class="hidden">Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div> - -<p>{{Compat("javascript.operators.expression_closures")}}</p> - -<h3 id="Notes_de_compatibilité">Notes de compatibilité</h3> - -<ul> - <li>À partir de Gecko / SpiderMonkey 45 {{geckoRelease(45)}}, des avertissements dans la console sont ajoutés aux fermetures d'expression ({{bug(995610)}}).</li> - <li>La syntaxe <a href="/fr/docs/Web/JavaScript/Reference/Opérateurs/Expression_closures">des expressions de fermetures</a> (<em>closure expression</em>) n'est pas autorisée dans les fonctions asynchrones. Cela déclenchera une exception {{jsxref("SyntaxError")}} à partir de Firefox 55.</li> -</ul> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("Fonctions", "Fonctions et portées de fonctions")}}</li> - <li>{{jsxref("Objets_globaux/Function","l'objet Function")}}</li> - <li>{{jsxref("Instructions/function", "instruction function")}}</li> - <li>{{jsxref("Opérateurs/L_opérateur_function", "expression function")}}</li> - <li>{{jsxref("Instructions/function*", "instruction function*")}}</li> - <li>{{jsxref("Opérateurs/function*", "expression function*")}}</li> - <li>{{jsxref("Objets_globaux/GeneratorFunction", "l'objet GeneratorFunction")}}</li> -</ul> |