diff options
Diffstat (limited to 'files/pt-br/web')
36 files changed, 0 insertions, 3709 deletions
diff --git a/files/pt-br/web/accessibility/at-apis/gecko/index.html b/files/pt-br/web/accessibility/at-apis/gecko/index.html deleted file mode 100644 index 1abe2834d5..0000000000 --- a/files/pt-br/web/accessibility/at-apis/gecko/index.html +++ /dev/null @@ -1,10 +0,0 @@ ---- -title: Gecko -slug: Web/Accessibility/AT-APIs/Gecko -tags: - - Accessibility - - NeedsTranslation - - TopicStub -translation_of: Mozilla/Tech/Accessibility/AT-APIs/Gecko ---- -<p>{{wiki.localize('System.API.page-generated-for-subpage')}}</p> diff --git a/files/pt-br/web/accessibility/at-apis/gecko/roles/index.html b/files/pt-br/web/accessibility/at-apis/gecko/roles/index.html deleted file mode 100644 index a3e835eb0b..0000000000 --- a/files/pt-br/web/accessibility/at-apis/gecko/roles/index.html +++ /dev/null @@ -1,255 +0,0 @@ ---- -title: Gecko Roles -slug: Web/Accessibility/AT-APIs/Gecko/Roles -translation_of: Mozilla/Tech/Accessibility/AT-APIs/Gecko/Roles ---- -<p><a href="/pt-BR/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="/pt-BR/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIAccessibleRole" title="">nsIAccessibleRole</a></code> interface.</span></p> - -<dl> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CURSOR">ROLE_CURSOR</a></code></dt> - <dd>Represents the system mouse pointer.</dd> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CARET">ROLE_CARET</a></code></dt> - <dd>Represents the system caret.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_INTERNAL_FRAME">ROLE_INTERNAL_FRAME</a></code></dt> - <dd>A sub-document.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_APPLICATION">ROLE_APPLICATION</a></code></dt> - <dd>Represents a main window for an application.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CHART">ROLE_CHART</a></code></dt> - <dd>Represents a graphical image used to represent data.</dd> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_DIALOG">ROLE_DIALOG</a></code></dt> - <dd>Represents a dialog box or message box.</dd> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_BORDER">ROLE_BORDER</a></code></dt> - <dd>Represents a window border.</dd> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_GROUPING">ROLE_GROUPING</a></code></dt> - <dd>Logically groups other objects.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_COLUMN">ROLE_COLUMN</a></code></dt> - <dd>Represents a column of cells within a table.</dd> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_ROW">ROLE_ROW</a></code></dt> - <dd>Represents a row of cells within a table.</dd> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CELL">ROLE_CELL</a></code></dt> - <dd>Represents a cell within a table.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_LISTITEM">ROLE_LISTITEM</a></code></dt> - <dd>Represents an item in a list.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_PROPERTYPAGE">ROLE_PROPERTYPAGE</a></code></dt> - <dd>Represents a property sheet.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_GRAPHIC">ROLE_GRAPHIC</a></code></dt> - <dd>Represents a picture.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_PUSHBUTTON">ROLE_PUSHBUTTON</a></code></dt> - <dd>Represents a push button control.</dd> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CHECKBUTTON">ROLE_CHECKBUTTON</a></code></dt> - <dd>Represents a check box control.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_DROPLIST">ROLE_DROPLIST</a></code></dt> - <dd>Represents the calendar control.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_DIAGRAM">ROLE_DIAGRAM</a></code></dt> - <dd>Represents a graphical image used to diagram data.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_BUTTONMENU">ROLE_BUTTONMENU</a></code></dt> - <dd>Represents a button that drops down a menu.</dd> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_BUTTONDROPDOWNGRID">ROLE_BUTTONDROPDOWNGRID</a></code></dt> - <dd>Represents a button that drops down a grid.</dd> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_WHITESPACE">ROLE_WHITESPACE</a></code></dt> - <dd>Represents blank space between other objects.</dd> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_PAGETABLIST">ROLE_PAGETABLIST</a></code></dt> - <dd>Represents a container of page tab controls.</dd> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CLOCK">ROLE_CLOCK</a></code></dt> - <dd>Represents a control that displays time.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_TERMINAL">ROLE_TERMINAL</a></code></dt> - <dd>Represents an accessible terminal.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_HEADER">ROLE_HEADER</a></code></dt> - <dd>Header of a document page.</dd> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_FOOTER">ROLE_FOOTER</a></code></dt> - <dd>Footer of a document page.</dd> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_PARAGRAPH">ROLE_PARAGRAPH</a></code></dt> - <dd>A paragraph of text.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_EDITBAR">ROLE_EDITBAR</a></code></dt> - <dd>An editable text object in a toolbar.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_CAPTION">ROLE_CAPTION</a></code></dt> - <dd>A caption describing another object.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_HEADING">ROLE_HEADING</a></code></dt> - <dd>Heading.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_SECTION">ROLE_SECTION</a></code></dt> - <dd>A container of document content.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_FORM">ROLE_FORM</a></code></dt> - <dd>A container of form controls.</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_APP_ROOT">ROLE_APP_ROOT</a></code></dt> - <dd> ???</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_OPTION">ROLE_OPTION</a></code></dt> - <dd>An option in a listbox</dd> - <dt><code><a href="/pt-BR/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> - <dt><code><a href="/pt-BR/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="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_">ROLE_</a></code></span> to get reference on accessible role. It looks like <code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_MENUITEM">ROLE_MENUITEM</a></code>.</p> -</div> diff --git a/files/pt-br/web/accessibility/at-apis/index.html b/files/pt-br/web/accessibility/at-apis/index.html deleted file mode 100644 index 57b2f546d4..0000000000 --- a/files/pt-br/web/accessibility/at-apis/index.html +++ /dev/null @@ -1,176 +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> - <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> - <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> - <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 Standards</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/">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/pt-br/web/accessibility/xforms/index.html b/files/pt-br/web/accessibility/xforms/index.html deleted file mode 100644 index 91b47d43f0..0000000000 --- a/files/pt-br/web/accessibility/xforms/index.html +++ /dev/null @@ -1,198 +0,0 @@ ---- -title: XForms Accessibility -slug: Web/Accessibility/XForms -tags: - - Accessibility - - NeedsTranslation - - Obsolete - - TopicStub - - XForms -translation_of: Mozilla/Tech/Accessibility/XForms ---- -<p> </p> - -<h2 id="Intoduction" name="Intoduction">Intoduction</h2> - -<p><span class="seoSummary">This article provides a quick guide to how accessibility is handled in Gecko for XForms.</span>. Assistive technologies API for XForms is supported starting from Firefox 3 (Gecko 1.9). Implementation of accessible objects for XForms elements is based on top of the existing object hierarchy introduced in the Mozilla accessibility module. XForms elements behavior is implemented in accordance with <a class="external" href="http://www.mozilla.org/access/toolkit-checklist">accessible toolkit checklist</a>.</p> - -<p>In general, when elements are similar to HTML elements, they are exposed to MSAA/ATK in a similar way.</p> - -<h2 id="Get_Build" name="Get_Build">Get Build</h2> - -<p>Subsections below explain how you can obtain accessible XForms-enabled build. These are either downloading latest build of firefox or building it yourself.</p> - -<h3 id="Downloading_Builds" name="Downloading_Builds">Downloading Builds</h3> - -<div class="note">Notion: XForms is no longer distributed with Firefox build. You must build it yourself. See section below.</div> - -<p>For Firefox, you may directly download the nighly "trunk" build of Firefox and install the XForms extension which lives in 'xpi' directory of the build. Note, XForms accessibility is implemented only on trunk. Trunk builds are not considered stable and should not be installed on top of the Firefox used for daily browsing. Currently we have verified that XForms accessibility is working on the Windows platform, and Linux testing has not yet been done, although everything should work and is ready to be tested. You will find trunk builds of Firefox at <a class="external" href="http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/">ftp.mozilla.org</a>, trunk builds of XForms extension (Windows) at <a class="external" href="http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/windows-xpi/">ftp.mozilla.org</a> or trunk builds of XForms extension (Linux) <a class="external" href="http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/linux-xpi/">ftp.mozilla.org</a>.</p> - -<h3 id="Build_It_Yourself" name="Build_It_Yourself">Build It Yourself</h3> - -<p>If you would like to build firefox/seamonkey yourself then please ensure your .mozconfig file has the following option:</p> - -<ul> - <li>ac_add_options --enable-extensions=default,xforms,schema-validation</li> -</ul> - -<h2 id="How_To_Test" name="How_To_Test">How To Test</h2> - -<p>There are two approaches to test XForms accessibility. The first is to use and assistive technology such as a screen reader, or an accessibility testing tool, to make sure XForms elements have proper accessible objects. Or you may be guided by <a class="external" href="http://www.mozilla.org/access/toolkit-checklist">toolkit checklist</a> to check keyboard navigation for XForms controls.</p> - -<p>You can try the following link to test XForms accessibility:</p> - -<ul> - <li>visual XForms elements in XHTML document at <a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=251493">bugzilla.mozilla.org</a></li> - <li>visual XForms elements in XUL document at <a class="link-https" href="https://bugzilla.mozilla.org/attachment.cgi?id=251497">bugzilla.mozilla.org</a></li> - <li>you can see XForms sample tests at <a class="external" href="http://www.mozilla.org/projects/xforms/samples.html">Mozilla XForms project</a></li> - <li>there are set of tests at <a class="external" href="http://beaufour.dk/xftst/">beaufour.dk</a></li> - <li>W3C's XForms test at <a class="external" href="http://www.w3.org/MarkUp/Forms/Test/XForms1.0/Edition2/front_html/XF102edTestSuite.html">w3.org</a></li> -</ul> - -<h2 id="Keyboard_Navigation_Issues" name="Keyboard_Navigation_Issues">Keyboard Navigation Issues</h2> - -<h3 id="Navigation_Sequence" name="Navigation_Sequence">Navigation Sequence</h3> - -<p>Though XForms spec declares <code>navindex</code> attribute to define the navigation sequence (see <a class="external" href="http://www.w3.org/TR/xforms/slice8.html#attrs-ui-common">1.0 specs</a> or <a class="external" href="http://www.w3.org/TR/xforms11/#attrs-ui-common">1.1 specs</a>) but Rich Schwerdtfeger (<small>Distinguished Engineer, SWG Accessibility Architect/Strategist Chair, IBM Accessibility Architecture Review Board</small>) gave some clarification about <code>navindex</code>. He wrote:</p> - -<blockquote>Navindex was in XForms - it was stripped out as it was believed the focus model was dependent on the content which used it. So, yes we don't care about navindex in XForms. If you use xhtml1.x use tabindex. If you use Xhtml2 use nextfocus.</blockquote> - -<p>Therefore since Mozilla XForms works in XHTML (1.x) or XUL documents only then we use <code>tabindex</code> instead. Note, we support <code>-moz-user-focus</code> style neither for XHTML or XUL.</p> - -<h2 id="AT_API" name="AT_API">AT API</h2> - -<h3 id="Accessible_properties" name="Accessible_properties">Accessible properties</h3> - -<p>This section describes common rules how accessibility properties are formed for forms control elements.</p> - -<h4 id="name" name="name">name</h4> - -<p>It is formed from value of child XForms <code>label</code> element if the element doesn't have <code>labelledby</code> attribute.</p> - -<h4 id="description" name="description">description</h4> - -<p>It is formed from value of child XForms <code>hint</code> element if the element doesn't have <code>describedby</code> attribute.</p> - -<h4 id="state" name="state">state</h4> - -<p>It is formed as well from model item properties (MIPs) of instance node that XForms element is bound to as from valid/invalid or in-range/out-of-range states of instance node. Instance node states are mapped to accessibility state constants declared in <code>nsIAccessibleStates</code> interface like it shown below:</p> - -<ul> - <li>relevant - <a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/States#STATE_UNAVAILABLE">STATE_UNAVAILABLE</a></li> - <li>readonly - <a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/States#STATE_READONLY">STATE_READONLY</a></li> - <li>required - <a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/States#STATE_REQUIRED">STATE_REQUIRED</a></li> - <li>invalid - <a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/States#STATE_INVALID">STATE_INVALID</a></li> - <li>out of range - <a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/States#STATE_INVALID">STATE_INVALID</a></li> -</ul> - -<h4 id="attributes" name="attributes">attributes</h4> - -<p>Redefines <code><a class="external" href="http://www.w3.org/TR/aria-state/#datatype">datatype</a></code> ARIA attribute. Its value is XML Schema <a class="external" href="http://www.w3.org/TR/xmlschema-2/#built-in-datatypes">builit-in datatype</a> of instance node that XForms element is bound to.</p> - -<h4 id="children" name="children">children</h4> - -<p>Mozilla XForms implementation allows form control elements to have child elements. Therefore accessible children are formed from any accessible child elements of form control element and from elements that are introduced by its presentation.</p> - -<h3 id="Forms_Controls_Module" name="Forms_Controls_Module">Forms Controls Module</h3> - -<p>Some of form control elements may be represented in few ways by different widgets. This section lists accessible presentations for form control elements.</p> - -<h4 id="input" name="input">input</h4> - -<p>A key xforms element to show and change the instance data to which it is bound (see the <a class="external" href="http://www.w3.org/TR/xforms/slice8.html#ui-input">spec</a>, the <a href="en/XForms/User_Interface_Elements/Input">docs</a>). The follwoing representations <code>input</code> element are accessible:</p> - -<ul> - <li><a href="en/Accessibility/XForms/TextField#text_field">text field</a> - see the <a href="en/XForms/User_Interface_Elements/Input">docs</a>.</li> - <li><a href="en/Accessibility/XForms/Checkbox#checkbox">checkbox</a> - see the <a href="en/XForms/User_Interface_Elements/Input">docs</a></li> - <li><a href="en/Accessibility/XForms/Datepicker#datepicker">datepicker</a> - see the <a href="en/XForms/User_Interface_Elements/Input">docs</a>.</li> - <li><a href="en/Accessibility/XForms/Calendar#calendar">calendar</a> - see the <a href="en/XForms/User_Interface_Elements/Input">docs</a>.</li> - <li><a href="en/Accessibility/XForms/DaysList#days_list_docs">days list</a> - see the <a href="en/XForms/User_Interface_Elements/Input">docs</a>.</li> - <li><a href="en/Accessibility/XForms/MonthsList#months_list">months list</a> - see the <a href="en/XForms/User_Interface_Elements/Input">docs</a>.</li> -</ul> - -<h4 id="secret" name="secret">secret</h4> - -<p>Used for inputting passwords (see the <a class="external" href="http://www.w3.org/TR/xforms/slice8.html#ui-secret">spec</a>, the <a href="en/XForms/User_Interface_Elements/Secret">docs</a>). This element is represented by <a href="en/Accessibility/XForms/PasswordField">password field</a>.</p> - -<h4 id="textarea" name="textarea">textarea</h4> - -<p>Serves to show/change multiline text (see the <a class="external" href="http://www.w3.org/TR/xforms/slice8.html#ui-textarea">spec</a>, the <a href="en/XForms/User_Interface_Elements/Textarea">docs</a>). This element is represented by multiline <a href="en/Accessibility/XForms/TextField">text field</a>.</p> - -<h4 id="output" name="output">output</h4> - -<p>Serves to show instance data that the element is bound to (see the <a class="external" href="http://www.w3.org/TR/xforms/slice8.html#ui-output">spec</a>, the <a href="en/XForms/User_Interface_Elements/Output">docs</a>). It can have the following presentations:</p> - -<ul> - <li><a href="en/Accessibility/XForms/Text">text</a> - see the <a href="en/XForms/User_Interface_Elements/Output#text">docs</a>.</li> - <li><a href="en/Accessibility/XForms/Calendar">calendar</a> - see the <a href="en/XForms/User_Interface_Elements/Output#calendar">docs</a>.</li> -</ul> - -<h4 id="upload" name="upload">upload</h4> - -<p>Provides a means for the user to select a file (see the <a class="external" href="http://www.w3.org/TR/xforms/slice8.html#ui-upload">spec</a>, the <a href="en/XForms/User_Interface_Elements/Upload">docs</a>). This element is represented by <a href="en/Accessibility/XForms/Upload">upload</a>.</p> - -<h4 id="range" name="range">range</h4> - -<p>Allows the user to choose a value from within a specific range of values (see the <a class="external" href="http://www.w3.org/TR/xforms/slice8.html#ui-range">spec</a>, the <a href="en/XForms/User_Interface_Elements/Range">docs</a>). Currently it is represented by a <a href="en/Accessibility/XForms/Slider">slider</a> only.</p> - -<h4 id="trigger" name="trigger">trigger</h4> - -<p>Allows the user to initiate actions (see the <a class="external" href="http://www.w3.org/TR/xforms/slice8.html#ui-trigger">spec</a>, the <a href="en/XForms/User_Interface_Elements/Trigger">docs</a>). This element is represented by <a href="en/Accessibility/XForms/Button">button</a>.</p> - -<h4 id="submit" name="submit">submit</h4> - -<p>Invokes the submission of the selected instance data to its target destination (see the <a class="external" href="http://www.w3.org/TR/xforms/slice8.html#ui-submit">spec</a>, the <a href="en/XForms/User_Interface_Elements/Submit">docs</a>). This element is represented by <a href="en/Accessibility/XForms/Button">button</a>.</p> - -<h4 id="select" name="select">select</h4> - -<p>Allows the user to choose one or multiple values from a list of pre-defined values (see the <a class="external" href="http://www.w3.org/TR/xforms/slice8.html#ui-selectMany">spec</a>, the <a href="en/XForms/User_Interface_Elements/Select">docs</a>). It can have the following representations:</p> - -<ul> - <li><a href="en/Accessibility/XForms/Listbox">listbox</a></li> - <li><a href="en/Accessibility/XForms/Checkgroup">checkboxes group</a></li> -</ul> - -<h4 id="select1" name="select1">select1</h4> - -<p>Allows the user to choose a single value from a list of pre-defined values (see the <a class="external" href="http://www.w3.org/TR/xforms/slice8.html#ui-commonelems-label">spec</a>, the <a href="en/XForms/User_Interface_Elements/Select1">docs</a>). It can have the following representations:</p> - -<ul> - <li><a href="en/Accessibility/XForms/Combobox">combobox</a></li> - <li><a href="en/Accessibility/XForms/Listbox">listbox</a></li> - <li><a href="en/Accessibility/XForms/Radiogroup">radio group</a></li> -</ul> - -<h3 id="Additional_Elements" name="Additional_Elements">Additional Elements</h3> - -<p>These elements may be used as child elements to the form controls described above. Some of these elements are not accessible itself but they makes accessibility properties for XForms elements that hold them.</p> - -<h4 id="label" name="label">label</h4> - -<p>Specifies the label for the xforms control (see the <a class="external" href="http://www.w3.org/TR/xforms/slice8.html#ui-selectMany">spec</a>, the <a href="en/XForms/User_Interface_Elements/Label">docs</a>). Every form control other than the <code>output</code> element must contain a <code>label</code> element. The value of <code>label</code> element is used as name of accessible object.</p> - -<h4 id="help" name="help">help</h4> - -<p>Specifies contextual help for the containing form control (see the <a class="external" href="http://www.w3.org/TR/xforms/slice8.html#ui-commonelems-help">spec</a>, the <a href="en/XForms/User_Interface_Elements/Help">docs</a>). The <code>help</code> element has <code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_ALERT">ROLE_ALERT</a></code> role.</p> - -<h4 id="hint" name="hint">hint</h4> - -<p>Similar to a tooltip (see the <a class="external" href="http://www.w3.org/TR/xforms/slice8.html#ui-commonelems-hint">spec</a>, the <a href="en/XForms/User_Interface_Elements/Hint">docs</a>). The value of <code>hint</code> element is used as description of accessible object.</p> - -<h4 id="alert" name="alert">alert</h4> - -<p>This message will be shown when the form control cannot properly bind to instance data or when the instance data value is invalid or out of the specified range of selectable values (see the <a class="external" href="http://www.w3.org/TR/xforms/slice8.html#ui-common-elements-alert">spec</a>, the <a href="en/XForms/User_Interface_Elements/Alert">docs</a>). The <code>alert</code> element has <code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_ALERT">ROLE_ALERT</a></code> role for both usual and inline <code>alert</code> elements.</p> - -<h4 id="message" name="message">message</h4> - -<p>Used in combination with event listeners to display a message to the user when the specified event occurs (see the <a class="external" href="http://www.w3.org/TR/xforms/slice10.html#action-info">spec</a>, the <a href="en/XForms/User_Interface_Elements/Message">docs</a>). The <code>message</code> element has <code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_ALERT">ROLE_ALERT</a></code> role.</p> - -<h2 id="Resources" name="Resources">Resources</h2> - -<p>Below you will find a list of XForms/Accessiblity resources:</p> - -<ul> - <li>Mozilla accessibility project at <a class="external" href="http://www.mozilla.org/access/">mozilla.org</a></li> - <li>XForms specification at <a class="external" href="http://www.w3.org/TR/xforms/">w3.org</a></li> - <li>Mozilla XForms project at <a class="external" href="http://www.mozilla.org/projects/xforms/">mozilla.org</a></li> - <li>UI XForms elements references at <a href="en/XForms/User_Interface_Elements">this site</a></li> -</ul> diff --git a/files/pt-br/web/accessibility/xforms/upload/index.html b/files/pt-br/web/accessibility/xforms/upload/index.html deleted file mode 100644 index 2be80c89f4..0000000000 --- a/files/pt-br/web/accessibility/xforms/upload/index.html +++ /dev/null @@ -1,45 +0,0 @@ ---- -title: Upload Representation -slug: Web/Accessibility/XForms/Upload -tags: - - Acessibilidade - - Acessibilidade_XForms - - Obsolento - - XForms -translation_of: Mozilla/Tech/Accessibility/XForms/Upload ---- -<p> </p> - -<p><a href="/pt-BR/docs/Accessibility:XForms#upload">« Accessibility XForms Support Page</a></p> - -<h2 id="Summary" name="Summary">Sumário</h2> - -<p>Provê meios para usuários selecionarem arquivos. Essa apresentação é usada para upload de elementos (veja o <a href="en/XForms/User_Interface_Elements/Upload">documento</a>). A representação do <em>upload </em>é combinada com o campo de texto para mostrar a URL do arquivo<em>uploaded</em>, o botão de upload e o botão de limpeza.</p> - -<h2 id="Exposed_interfaces" name="Exposed_interfaces">Interfaces Expostas</h2> - -<ul> - <li><a href="en/NsIAccessible">nsIAccessible</a></li> - <li><a href="en/NsIAccessibleHyperText">nsIAccessibleHyperText</a></li> -</ul> - -<h2 id="Accessibility_properties" name="Accessibility_properties">Propriedades de Acessibilidade</h2> - -<h3 id="nsIAccessible" name="nsIAccessible">nsIAccessible</h3> - -<ul> - <li><code>role</code> - <code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_GROUPING">ROLE_GROUPING</a></code></li> - <li><code>name</code> - formado pelo valor do elemento sublinhado XForms <code>label.</code></li> - <li><code>description </code>- formado pelo valor do elemento sublinhado <code>XForms hint</code></li> - <li><code>state </code>- formed from MIPs of instance node that XForms element is bound to</li> - <li><code>value</code> - valor atual do nó limite.</li> -</ul> - -<h3 id="Accessible_children" name="Accessible_children">Accessible children</h3> - -<ul> - <li><code>text field</code> - <code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_ENTRY">ROLE_ENTRY</a></code></li> - <li><code>upload button</code> - <code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_PUSHBUTTON">ROLE_PUSHBUTTON</a></code></li> - <li><code>clean button</code> - <code><a href="/pt-BR/docs/Web/Accessibility/AT-APIs/Gecko/Roles/ROLE_PUSHBUTTON">ROLE_PUSHBUTTON</a></code></li> - <li>qualquer elemento explícito para crianças que são representados para essa função.</li> -</ul> diff --git a/files/pt-br/web/api/cameracontrol/autofocus/index.html b/files/pt-br/web/api/cameracontrol/autofocus/index.html deleted file mode 100644 index 1ce3b547d3..0000000000 --- a/files/pt-br/web/api/cameracontrol/autofocus/index.html +++ /dev/null @@ -1,61 +0,0 @@ ---- -title: CameraControl.autoFocus() -slug: Web/API/CameraControl/autoFocus -translation_of: Archive/B2G_OS/API/CameraControl/autoFocus ---- -<p>{{APIRef("Camera API")}}{{ non-standard_header() }}{{B2GOnlyHeader2('privileged')}}</p> - -<h2 id="Resumo">Resumo</h2> - -<p>This method attempts to focus the camera. If the camera is able to attempt to focus, a success callback is issued, regardless of whether or not the focusing attempt succeeds. If unable to attempt to focus, an error callback is performed instead.</p> - -<p>The success or failure of the focus operation is indicated by the value of a parameter passed into the callback function.</p> - -<h2 id="Sintaxe">Sintaxe</h2> - -<pre>CameraControl.autoFocus(onsuccess[, onerror]);</pre> - -<h3 id="Parametros">Parametros</h3> - -<dl> - <dt><code>onsuccess</code></dt> - <dd>A callback function called when a focus attempt is made</dd> - <dt><code>onerror</code> {{optional_inline()}}</dt> - <dd>An optional callback function that accepts an error string as an input parameter; this is called if it's not possible to attempt to focus the camera.</dd> -</dl> - -<h2 id="Exemplo">Exemplo</h2> - -<pre class="brush: js">function onFocusPossible( success ) { - if ( success ) { - console.log("The image has been focused"); - } else { - console.log("The image has not been focused"); - } -} - -function onFocusNotPossible( error ) { - console.log("The camera is not able to focus anything"); - console.log( error ); -} - -function onAccessCamera( camera ) { - camera.autoFocus(onFocusPossible, onFocusNotPossible); -}; - -var options = { - camera: navigator.mozCameras.getListOfCameras()[0] -}; - -navigator.mozCameras.getCamera(options, onAccessCamera) -</pre> - -<h2 id="Specification" name="Specification">Especificações</h2> - -<p>Not part of any specification; however, this API should be removed when the <a class="external" href="http://dev.w3.org/2011/webrtc/editor/getusermedia.html" rel="external" title="http://dev.w3.org/2011/webrtc/editor/getusermedia.html">WebRTC Capture and Stream API</a> has been implemented.</p> - -<h2 id="Leia_mais">Leia mais</h2> - -<ul> - <li>{{domxref("CameraControl")}}</li> -</ul> diff --git a/files/pt-br/web/api/cameracontrol/index.html b/files/pt-br/web/api/cameracontrol/index.html deleted file mode 100644 index e0b5bdd2c0..0000000000 --- a/files/pt-br/web/api/cameracontrol/index.html +++ /dev/null @@ -1,108 +0,0 @@ ---- -title: CameraControl -slug: Web/API/CameraControl -tags: - - API - - B2G - - DOM - - DOM Reference - - Firefox OS - - Graphics - - JavaScript - - NeedsTranslation - - Non-standard - - Reference - - TopicStub - - WebAPI - - camera -translation_of: Archive/B2G_OS/API/CameraControl ---- -<p>{{APIRef("Camera API")}}</p> - -<p>{{ non-standard_header() }}</p> - -<p>{{B2GOnlyHeader2('privileged')}}</p> - -<p><span class="seoSummary">When you use the {{domxref("CameraManager.getCamera()")}} method to get a reference to a camera, you specify a callback function to be invoked on success. That function receives as a parameter a <code>CameraControl</code> object. You can use its methods and properties to manage and make use of the camera.</span></p> - -<h2 id="Properties">Properties</h2> - -<dl> - <dt>{{domxref("CameraControl.capabilities")}} {{readonlyinline}}</dt> - <dd>A {{domxref("CameraCapabilities")}} object indicating all the capabilities for the given camera.</dd> - <dt>{{domxref("CameraControl.effect")}}</dt> - <dd>A string defining the effect to be used by the camera (<code>none</code> by default). Its value must be one of the values available in {{domxref("CameraCapabilities.effects")}}.</dd> - <dt>{{domxref("CameraControl.exposureCompensation")}} {{readonlyinline}}</dt> - <dd>A value used to compensate the camera exposure. This attribute is read-only; to change the exposure, you need to call the {{domxref("CameraControl.setExposureCompensation()")}} method.</dd> - <dt>{{domxref("CameraControl.flashMode")}}</dt> - <dd>A string that defines how the flash, if any, is to be used; this is <code>auto</code> by default if the device has a flash, <code>none</code> otherwise. When set, its value must be chosen from the list of options specified by {{domxref("CameraCapabilities.flashModes")}}<code>.</code></dd> - <dt>{{domxref("CameraControl.focalLength")}} {{readonlyinline}}</dt> - <dd>A number that express the camera's focal length in millimeters.</dd> - <dt>{{domxref("CameraControl.focusAreas")}}</dt> - <dd>An <a href="/en-US/docs/JavaScript/Reference/Global_Objects/Array" title="/en-US/docs/JavaScript/Reference/Global_Objects/Array"><code>Array</code></a> of one or more objects that define where the camera will perform auto-focusing.</dd> - <dt>{{domxref("CameraControl.focusDistanceFar")}} {{readonlyinline}}</dt> - <dd>This value is a distance in meter used with {{domxref("CameraControl.focusDistanceNear")}} to defined the image's depth of field. The value for this property may be <code><a href="/en-US/docs/JavaScript/Reference/Global_Objects/Infinity" title="/en-US/docs/JavaScript/Reference/Global_Objects/Infinity">Infinity</a></code>.</dd> - <dt>{{domxref("CameraControl.focusDistanceNear")}} {{readonlyinline}}</dt> - <dd>This value is a distance in meter used with {{domxref("CameraControl.focusDistanceFar")}} to defined the image's depth of field.</dd> - <dt>{{domxref("CameraControl.focusDistanceOptimum")}} {{readonlyinline}}</dt> - <dd>This value is a distance in meter where the subject will appear sharpest.</dd> - <dt>{{domxref("CameraControl.focusMode")}}</dt> - <dd>A string that defines which kind of focus mode the camera should use (<code>auto</code> or <code>fixed</code> by default). Its value must be chosen from {{domxref("CameraCapabilities.focusModes")}}.</dd> - <dt>{{domxref("CameraControl.meteringAreas")}}</dt> - <dd>An <a href="/en-US/docs/JavaScript/Reference/Global_Objects/Array" title="/en-US/docs/JavaScript/Reference/Global_Objects/Array"><code>Array</code></a> of one or more objects that define where the camera will perform auto-focusing.</dd> - <dt>{{domxref("CameraControl.onShutter")}}</dt> - <dd>A handler for the camera's "shutter" event, to trigger a shutter sound and/or a visual shutter indicator.</dd> - <dt>{{domxref("CameraControl.onClosed")}}</dt> - <dd>A handler called when a new <code>CameraControl</code> object in the same app takes over the camera.</dd> - <dt>{{domxref("CameraControl.onRecorderStateChange")}}</dt> - <dd>A function to call when the recorder changes state, either because the recording process encountered an error, or because one of the recording limits (see {{domxref("CameraControl.startRecording()")}}) was reached.</dd> - <dt>{{domxref("CameraControl.sceneMode")}}</dt> - <dd>A string that defines which scene mode the camera is to use (<code>auto</code> by default). Its value must be chosen from {{domxref("CameraCapabilities.sceneModes")}}.</dd> - <dt>{{domxref("CameraControl.whiteBalanceMode")}}</dt> - <dd>A string that defines which white balance mode the camera is to use (<code>auto</code> by default). Its value must be chosen from {{domxref("CameraCapabilities.whiteBalanceModes")}}.</dd> - <dt>{{domxref("CameraControl.zoom")}}</dt> - <dd>A number that defines which kind of zoom factor mode the camera is to use (1 by default). Its value must be chosen from {{domxref("CameraCapabilities.zoomRatios")}}.</dd> -</dl> - -<h2 id="Methods">Methods</h2> - -<dl> - <dt>{{ domxref("CameraControl.autoFocus()") }}</dt> - <dd>Tells the camera to attempt to focus the image.</dd> - <dt>{{ domxref("CameraControl.getPreviewStream()") }}</dt> - <dd>Gets a video stream from the camera; you can use this in an arbitrary context.</dd> - <dt>{{ domxref("CameraControl.getPreviewStreamVideoMode()") }}</dt> - <dd>Gets a video stream from the camera based on a specific video mode.</dd> - <dt>{{ domxref("CameraControl.release()") }}</dt> - <dd>Releases the camera so that other applications can use it.</dd> - <dt>{{ domxref("CameraControl.resumePreview()") }}</dt> - <dd>Resumes the preview video stream after it's been paused by a call to {{domxref("CameraControl.takePicture()")}}.</dd> - <dt>{{ domxref("CameraControl.setExposureCompensation()") }}</dt> - <dd>Lets you specify the exposure compensation factor.</dd> - <dt>{{ domxref("CameraControl.startRecording()") }}</dt> - <dd>Lets you start recording a video stream.</dd> - <dt>{{ domxref("CameraControl.stopRecording()") }}</dt> - <dd>Lets you stop recording a video stream.</dd> - <dt>{{ domxref("CameraControl.pauseRecording()") }}</dt> - <dd>Pauses the recording of a video stream.</dd> - <dt>{{ domxref("CameraControl.resumeRecording()") }}</dt> - <dd>Resumes the recording of a video stream that has previously been paused.</dd> - <dt>{{ domxref("CameraControl.takePicture()") }}</dt> - <dd>Lets you capture a single image, receiving it as a {{domxref("Blob")}}.</dd> -</dl> - -<h2 id="Specification" name="Specification">Specification</h2> - -<p>{{page("/en-US/docs/Web/API/Navigator.MozCameras","Specification")}}</p> - -<h2 id="Permissions">Permissions</h2> - -<p>{{page("/en-US/docs/Web/API/Navigator.MozCameras","Permissions")}}</p> - -<h2 id="See_also">See also</h2> - -<ul> - <li>{{ domxref("CameraManager") }}</li> - <li>{{ domxref("CameraCapabilities") }}</li> - <li>{{ domxref("navigator.mozCamera") }}</li> -</ul> diff --git a/files/pt-br/web/api/devicestorage.get/index.html b/files/pt-br/web/api/devicestorage.get/index.html deleted file mode 100644 index 9258c4da29..0000000000 --- a/files/pt-br/web/api/devicestorage.get/index.html +++ /dev/null @@ -1,58 +0,0 @@ ---- -title: DeviceStorage.get -slug: Web/API/DeviceStorage.get -tags: - - API - - B2G - - Device Storage - - Firefox OS - - Method - - Non Standard - - Non-standard - - Não Padrão - - Reference - - Referencia - - WebAPI - - metodo -translation_of: Archive/B2G_OS/API/DeviceStorage/get ---- -<p>{{ non-standard_header() }}</p> -<p>{{ B2GOnlyHeader2('privileged') }}</p> -<h2 id="Sumário">Sumário</h2> -<p>O metodo <code>get</code> é usado para obter um arquivo somente-leitura de uma dada área de armazenamento.</p> -<p>Caso o pedido seja bem-sucedido, o resultado do pedido <code>result</code> é um objeto {{domxref("File")}} contendo os dados do arquivo original do dispositivo.</p> -<h2 id="Sintaxe">Sintaxe</h2> -<pre>var <em>instanciaDeDOMRequest</em> = <em>instanciaDeDeviceStorage</em>.get(<em>nomeDoArquivo</em>);</pre> -<h3 id="Parametros">Parametros</h3> -<dl> - <dt> - <code>nomeDoArquivo</code></dt> - <dd> - Uma string representando o nome completo (caminho + nome do arquivo) do arquivo a ser obtido.</dd> -</dl> -<h3 id="Retorno">Retorno</h3> -<p>Retorna um objeto {{domxref("DOMRequest")}} para manipular o sucesso ou o erro da operação.</p> -<h2 id="Exemplo">Exemplo</h2> -<pre class="brush: js"><code class="language-js"><span class="token keyword">var</span> sdcard <span class="token operator">=</span> navigator<span class="token punctuation">.</span>getDeviceStorage<span class="token punctuation">(</span><span class="token string">"sdcard"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> - -<span class="token keyword">var</span> pedido <span class="token operator">=</span> sdcard<span class="token punctuation">.</span>get<span class="token punctuation">("meuArquivo.txt"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> - -pedido<span class="token punctuation">.</span>onsuccess <span class="token operator">=</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> -<span class="token keyword"> var</span> name <span class="token operator">=</span> this<span class="token punctuation">.</span>result<span class="token punctuation">.</span>name<span class="token punctuation">;</span> - console<span class="token punctuation">.</span>log<span class="token punctuation">(</span><span class="token string">'O arquivo "'</span> <span class="token operator">+</span> name <span class="token operator">+</span> <span class="token string">'" foi obtido com sucesso da área de armazenamento do sdcard'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> -<span class="token punctuation">}</span> - -request<span class="token punctuation">.</span>onerror <span class="token operator">=</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> - console<span class="token punctuation">.</span>warn<span class="token punctuation">(</span><span class="token string">'Nao foi possivel obter o arquivo: '</span> <span class="token operator">+</span> this<span class="token punctuation">.</span>error<span class="token punctuation">)</span><span class="token punctuation">;</span> -<span class="token punctuation">}</span></code> -</pre> -<h2 id="Specification" name="Specification">Especificação</h2> -<p>Não é parte de nenhuma especificação.</p> -<h2 id="Veja_também">Veja também</h2> -<ul> - <li>{{domxref("DeviceStorage")}}</li> - <li>{{domxref("File")}}</li> - <li>{{domxref("DOMRequest")}}</li> - <li><a href="/en-US/docs/WebAPI/Device_Storage" title="/en-US/docs/WebAPI/Device_Storage">Device Storage API</a></li> - <li><a href="/en-US/docs/WebAPI/FileHandle" title="/en-US/docs/WebAPI/FileHandle">FileHandle API</a></li> -</ul> diff --git a/files/pt-br/web/api/devicestorage.onchange/index.html b/files/pt-br/web/api/devicestorage.onchange/index.html deleted file mode 100644 index 1b1b1db375..0000000000 --- a/files/pt-br/web/api/devicestorage.onchange/index.html +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: DeviceStorage.onchange -slug: Web/API/DeviceStorage.onchange -translation_of: Archive/B2G_OS/API/DeviceStorage/onchange ---- -<p>{{ ApiRef() }}</p> -<p>{{ non-standard_header() }}</p> -<p>{{ B2GOnlyHeader2('privileged') }}</p> -<h2 id="Resumo">Resumo</h2> -<p>A propriedade <code>onchange</code> é usado para especificar um manuseador de eventos para receber eventos {{event("change")}}. Estes eventos são disparados cada vez que um arquivo é criado, modificado ou excluído na area de armazenamento.</p> -<h2 id="Sintaxe">Sintaxe</h2> -<pre><em>instanceOfDeviceStorage</em>.onchange = <em>funcRef</em></pre> -<p>Onde <code><em>funcRef</em></code> é uma função para ser chamada quando o evento {{event("change")}} ocorre. Estes eventos são do tipo {{domxref("DeviceStorageChangeEvent")}}.</p> -<h2 id="Exemplo">Exemplo</h2> -<pre class="brush: js language-html waffle-beta"><code class="language-js">var sdcard = navigator.getDeviceStorage('sdcard'); - -sdcard.onchange = function (change) { - var reason = change.reason; - var path = change.path; - - console.log('O arquivo "' + path + '" foi ' + reason); -}</code></pre> -<h2 id="Specification" name="Specification">Especificação</h2> -<p>Não faz parte de qualquer especificação.</p> -<h2 id="Veja_também">Veja também</h2> -<ul> - <li>{{domxref("DeviceStorage")}}</li> - <li>{{domxref("DeviceStorageChangeEvent")}}</li> - <li><a href="/en-US/docs/WebAPI/Device_Storage" title="/en-US/docs/WebAPI/Device_Storage">Device Storage API</a></li> -</ul> diff --git a/files/pt-br/web/css/-moz-binding/index.html b/files/pt-br/web/css/-moz-binding/index.html deleted file mode 100644 index 136ccb9b33..0000000000 --- a/files/pt-br/web/css/-moz-binding/index.html +++ /dev/null @@ -1,57 +0,0 @@ ---- -title: '-moz-binding' -slug: Web/CSS/-moz-binding -translation_of: Archive/Web/CSS/-moz-binding ---- -<div>{{CSSRef}}{{Non-standard_Header}}{{Deprecated_Header(57)}}</div> - -<p>A propriedade CSS <strong><code>-moz-binding</code></strong> é usada por aplicações baseadas em Mozilla para fixar um <a href="/en-US/docs/XBL">XBL</a> binding a um elemento DOM.</p> - -<p>{{CSSInfo}}</p> - -<h2 id="Sintaxe">Sintaxe</h2> - -<pre class="brush:css">/* valor da <url> */ --moz-binding: url(http://www.example.org/xbl/htmlBindings.xml#checkbox); - -/* Valores globais */ --moz-binding: inherited; --moz-binding: initial; --moz-binding: unset; -</pre> - -<h3 id="Valores">Valores</h3> - -<dl> - <dt>{{CSSxRef("<url>")}}</dt> - <dd>A URL para o XBL binding (incluindo o identificador de fragmento).</dd> - <dt><code>none</code></dt> - <dd>Nenhum XBL binding é aplicado ao elemento.</dd> -</dl> - -<h3 id="Sintaxe_formal">Sintaxe formal</h3> - -<pre class="syntaxbox">{{CSSSyntax}}</pre> - -<h2 id="Exemplo">Exemplo</h2> - -<pre class="brush: css">.exampleone { - -moz-binding: url(http://www.example.org/xbl/htmlBindings.xml#radiobutton); -}</pre> - -<h2 id="Especificações">Especificações</h2> - -<p>Não faz parte de nenhuma especificação.</p> - -<h2 id="Compatibilidade_do_navegador">Compatibilidade do navegador</h2> - -<div class="hidden">A tabela de compatibilidade desta página é gerada a partir de dados estruturados. Se você gostaria de contribuir com os dados, por favor acesse <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> e nos envie um pull request.</div> - -<p>{{Compat("css.properties.-moz-binding")}}</p> - -<h2 id="Veja_também">Veja também</h2> - -<ul> - <li><a href="/en-US/docs/XBL/XBL_1.0_Reference/Binding_Attachment_and_Detachment">Referências XBL: Binding Attachment and Detachment</a></li> - <li><a href="/en-US/docs/Mozilla/Tech/XUL/Tutorial/Introduction_to_XBL">Tutorial XUL: Introdução ao XBL</a></li> -</ul> diff --git a/files/pt-br/web/css/-moz-border-bottom-colors/index.html b/files/pt-br/web/css/-moz-border-bottom-colors/index.html deleted file mode 100644 index 855b7f79ba..0000000000 --- a/files/pt-br/web/css/-moz-border-bottom-colors/index.html +++ /dev/null @@ -1,85 +0,0 @@ ---- -title: '-moz-border-bottom-colors' -slug: Web/CSS/-moz-border-bottom-colors -translation_of: Archive/Web/CSS/-moz-border-bottom-colors ---- -<div>{{CSSRef}}{{Non-standard_Header}}{{Obsolete_Header(59)}}</div> - -<p>Em aplicações Mozilla como o Firefox, a propriedade CSS <strong><code>-moz-border-bottom-colors</code></strong> define uma lista de cores para a borda inferior.</p> - -<pre class="brush:css no-line-numbers">/* Valor unico <color> */ --moz-border-bottom-colors: #00E676; - -/* Multiplos valores <color> */ --moz-border-bottom-colors: #f0f0f0 #a0a0a0 #505050 #000000; - -/* Valores globais */ --moz-border-bottom-colors: inherit; --moz-border-bottom-colors: initial; --moz-border-bottom-colors: unset; -</pre> - -<p>Quando um elemento tem a borda maior do que um único pixel do CSS, cada linha de pixel usa a próxima cor especificada em sua propriedade, de fora para dentro. Isso elimina a necessidade de caixas aninhadas. Se a borda for mais larga que o número de cores especificadas, a parte restante da borda é a cor especificada mais próxima.</p> - -<p>{{cssinfo}}</p> - -<p>Não se aplica</p> - -<ol> - <li>se {{Cssxref("border-style")}} é <code>dashed</code> ou <code>dotted</code>.</li> - <li>a tabelas com <code>border-collapse: collapse</code>.</li> -</ol> - -<h2 id="Sintaxe">Sintaxe</h2> - -<h3 id="Valores">Valores</h3> - -<p>Aceita uma lista de valores de cores separados por espaços em branco.</p> - -<dl> - <dt><color></dt> - <dd>Especifica a cor de uma linha de pixels da borda inferior. <code>transparent</code> é válido. Veja os valores de {{cssxref("<color>")}} para possíveis unidades.</dd> - <dt>none</dt> - <dd>Padrão, nenhuma cor é desenhada ou o {{cssxref("border-color")}} é usado, se for especificado.</dd> -</dl> - -<h3 id="Sintaxe_formal">Sintaxe formal</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemplo">Exemplo</h2> - -<pre class="brush:html"><div id="exemplo">Exemplo</div> -</pre> - -<pre class="brush:css">#exemplo { - padding: 20px; - background-color: pink; - 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> - -<p>{{EmbedLiveSample("Exemplo", 120, 90)}}</p> - -<h2 id="Especificações">Especificações</h2> - -<p>Essa propriedade não é parte de nenhuma especificação.</p> - -<h2 id="Compatibilidade_de_navegador">Compatibilidade de navegador</h2> - -<div class="hidden">A tabela de compatibilidade nesta página é gerada a partir de dados estruturados. Se você gostaria de contribuir com os dados, por favor acesse <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> e nos envie um pull request.</div> - -<p>{{Compat("css.properties.-moz-border-bottom-colors")}}</p> - -<h2 id="Veja_também">Veja também</h2> - -<ul> - <li>{{CSSxRef("border-color")}}</li> - <li>{{CSSxRef("-moz-border-right-colors")}}</li> - <li>{{CSSxRef("-moz-border-top-colors")}}</li> - <li>{{CSSxRef("-moz-border-left-colors")}}</li> -</ul> diff --git a/files/pt-br/web/css/-moz-border-left-colors/index.html b/files/pt-br/web/css/-moz-border-left-colors/index.html deleted file mode 100644 index 950f8205a1..0000000000 --- a/files/pt-br/web/css/-moz-border-left-colors/index.html +++ /dev/null @@ -1,85 +0,0 @@ ---- -title: '-moz-border-left-colors' -slug: Web/CSS/-moz-border-left-colors -translation_of: Archive/Web/CSS/-moz-border-left-colors ---- -<div>{{CSSRef}}{{Non-standard_Header}}{{Obsolete_Header(59)}}</div> - -<p>Em aplicações Mozilla como o Firefox, a propriedade CSS <strong><code>-moz-border-left-colors</code></strong> define uma lista de cores para a borda esquerda.</p> - -<pre class="brush:css no-line-numbers">/* Valor unico <color> */ --moz-border-left-colors: #f0f0f0; - -/* Multiplo valor <color> */ --moz-border-left-colors: #f0f0f0 #a0a0a0 #505050 #000000; - -/* Valores globais */ --moz-border-left-colors: inherit; --moz-border-left-colors: initial; --moz-border-left-colors: unset; -</pre> - -<p>Quando um elemento tem a borda mais larga que um único pixel CSS, cada linha do pixel usa a próxima cor especificada na sua propriedade, de fora para dentro. Isso elimina a necessidade de caixas aninhadas. Se a borda é mais larga do que o número de cores especificadas, a parte restante da borda é a cor especificada mais próxima.</p> - -<p>{{cssinfo}}</p> - -<p>Não se aplica</p> - -<ol> - <li>se {{Cssxref("border-style")}} é <code>dashed</code> ou <code>dotted</code>.</li> - <li>a tabelas com <code>border-collapse: collapse</code>.</li> -</ol> - -<h2 id="Sintaxe">Sintaxe</h2> - -<h3 id="Valores">Valores</h3> - -<p>Aceita uma lista de valores de cores separados por um espaço em branco.</p> - -<dl> - <dt><color></dt> - <dd>Especifica a cor de uma linha de pixels da borda esquerda. <code>transparent</code> é válido. Veja valores de {{cssxref("<color>")}} para possíveis unidades.</dd> - <dt>none</dt> - <dd>Padrão, nenhuma cor é desenhada ou a {{cssxref("border-color")}} é usada, se especificada.</dd> -</dl> - -<h3 id="Sintaxe_formal">Sintaxe formal</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemplo">Exemplo</h2> - -<pre class="brush:html"><div id="exemplo">Exemplo</div> -</pre> - -<pre class="brush:css">#exemplo { - padding: 15px; - background-color: #4DD0E1; - border: 5px 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> - -<p>{{EmbedLiveSample("Exemplo", 120, 90)}}</p> - -<h2 id="Especificações">Especificações</h2> - -<p>Essa propriedade não é parte de nenhuma especificação.</p> - -<h2 id="Browser_compatibility">Browser compatibility</h2> - -<div class="hidden">A tabela de compatibilidade nesta página é gerada a partir de dados estruturados. Se você gostaria de contribuir com os dados, por favor acess <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> e nos envie um pull request.</div> - -<p>{{Compat("css.properties.-moz-border-left-colors")}}</p> - -<h2 id="Veja_também">Veja também</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-top-colors")}}</li> -</ul> diff --git a/files/pt-br/web/css/-moz-border-right-colors/index.html b/files/pt-br/web/css/-moz-border-right-colors/index.html deleted file mode 100644 index 905a2f4576..0000000000 --- a/files/pt-br/web/css/-moz-border-right-colors/index.html +++ /dev/null @@ -1,85 +0,0 @@ ---- -title: '-moz-border-right-colors' -slug: Web/CSS/-moz-border-right-colors -translation_of: Archive/Web/CSS/-moz-border-right-colors ---- -<div>{{CSSRef}}{{Non-standard_Header}}{{Obsolete_Header(59)}}</div> - -<p>Em aplicações Mozilla como o Firefox, a propriedade CSS <strong><code>-moz-border-right-colors</code></strong> define uma lista de cores para a borda direita.</p> - -<pre class="brush:css no-line-numbers">/* Valor unico <color> */ --moz-border-right-colors: #f0f0f0; - -/* Multiplos valores <color> */ --moz-border-right-colors: #f0f0f0 #a0a0a0 #505050 #000000; - -/* Valores globais */ --moz-border-right-colors: inherit; --moz-border-right-colors: initial; --moz-border-right-colors: unset; -</pre> - -<p>Quando um elemento tem a borda mais larga que um único pixel CSS, cada linha do pixel usa a próxima cor especificada em sua propriedade, de fora para dentro. Isso elimina a necessidade de caixas aninhadas. Se a borda é mais larga que o número espeficado de cores, a parte restante da borda é a cor especificada mais próxima.</p> - -<p>{{cssinfo}}</p> - -<p>Não se aplica</p> - -<ol> - <li>se {{Cssxref("border-style")}} é <code>dashed</code> ou <code>dotted</code>.</li> - <li>a tabelas com <code>border-collapse: collapse</code>.</li> -</ol> - -<h2 id="Sintaxe">Sintaxe</h2> - -<h3 id="Valores">Valores</h3> - -<p>Aceita uma lista de valores de cores separados por espaços em branco.</p> - -<dl> - <dt><color></dt> - <dd>Especifica a cor de uma linha de pixel da borda direita. <code>transparent</code> é válido. Veja os valores de {{cssxref("<color>")}} para possíveis unidades.</dd> - <dt>none</dt> - <dd>Padrão, nenhuma cor é desenhada ou {{cssxref("border-color")}} é usada, se especificada.</dd> -</dl> - -<h3 id="Sintaxe_formal">Sintaxe formal</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemplo">Exemplo</h2> - -<pre class="brush:html"><div id="exemplo">Exemplo</div> -</pre> - -<pre class="brush:css">#exemplo { - 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> - -<p>{{EmbedLiveSample("Exemplo", 120, 90)}}</p> - -<h2 id="Especificações">Especificações</h2> - -<p>Essa propriedade não é parte de nenhuma especificação.</p> - -<h2 id="Compatibilidade_do_navegador">Compatibilidade do navegador</h2> - -<div class="hidden">A tabela de compatibilidade nesta página é gerada a partir de dados estruturados.Se você deseja contribuir com dados, por favor acesse <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> e envie-nos um pull request.</div> - -<p>{{Compat("css.properties.-moz-border-right-colors")}}</p> - -<h2 id="Veja_também">Veja também</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/pt-br/web/css/-moz-border-top-colors/index.html b/files/pt-br/web/css/-moz-border-top-colors/index.html deleted file mode 100644 index 0e9aac64a2..0000000000 --- a/files/pt-br/web/css/-moz-border-top-colors/index.html +++ /dev/null @@ -1,85 +0,0 @@ ---- -title: '-moz-border-top-colors' -slug: Web/CSS/-moz-border-top-colors -translation_of: Archive/Web/CSS/-moz-border-top-colors ---- -<div>{{CSSRef}}{{Non-standard_Header}}{{Obsolete_Header(59)}}</div> - -<p>In Mozilla applications like Firefox, the <strong><code>-moz-border-top-colors</code></strong> CSS property sets a list of colors for the top border.</p> - -<pre class="brush:css no-line-numbers">/* Single <color> value */ --moz-border-top-colors: #f0f0f0; - -/* Multiple <color> values */ --moz-border-top-colors: #f0f0f0 #a0a0a0 #505050 #000000; - -/* Global values */ --moz-border-top-colors: inherit; --moz-border-top-colors: initial; --moz-border-top-colors: unset; -</pre> - -<p>Quando um elemento tem a borda mais larga que um único pixel CSS, cada linha do pixel usa a próxima cor especificada em sua propriedade, de fora para dentro. Isso elimina a necessidade de caixas aninhadas. Se a borda é mais larga que o número espeficado de cores, a parte restante da borda é a cor especificada mais próxima.</p> - -<p>{{cssinfo}}</p> - -<p>It does not apply</p> - -<ol> - <li>se {{Cssxref("border-style")}} é <code>dashed</code> ou <code>dotted</code>.</li> - <li>a tabela com <code>border-collapse: collapse</code>.</li> -</ol> - -<h2 id="Sintaxe">Sintaxe</h2> - -<h3 id="Valores">Valores</h3> - -<p>Aceita uma lista de valores de cores separados por espaços em branco.</p> - -<dl> - <dt><color></dt> - <dd>Especifica a cor de uma linha de pixel da borda superior. <code>transparent</code> é válido. Veja os valores de {{cssxref("<color>")}} para possíveis unidades.</dd> - <dt>none</dt> - <dd>Padrão, nenhuma cor é desenhada ou {{cssxref("border-color")}} é usada, se especificada .</dd> -</dl> - -<h3 id="Sintaxe_formal">Sintaxe formal</h3> - -<pre class="syntaxbox">{{csssyntax}}</pre> - -<h2 id="Exemplo">Exemplo</h2> - -<pre class="brush:html"><div id="exemplo">Exemplo</div> -</pre> - -<pre class="brush:css">#exemplo { - 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> - -<p>{{EmbedLiveSample("Exemplo", 120, 90)}}</p> - -<h2 id="Especificações">Especificações</h2> - -<p>Essa propriedade não é parte de nenhuma especificação.</p> - -<h2 id="Compatibilidade_do_navegador">Compatibilidade do navegador</h2> - -<div class="hidden">A tabela de compatibilidade nesta página é gerada a partir de dados estruturados. Se você deseja contribuir com dados, por favor acesse <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> e envie-nos um pull request.</div> - -<p>{{Compat("css.properties.-moz-border-top-colors")}}</p> - -<h2 id="Veja_também">Veja também</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/pt-br/web/css/_doublecolon_-ms-tooltip/index.html b/files/pt-br/web/css/_doublecolon_-ms-tooltip/index.html deleted file mode 100644 index e9e3496a20..0000000000 --- a/files/pt-br/web/css/_doublecolon_-ms-tooltip/index.html +++ /dev/null @@ -1,23 +0,0 @@ ---- -title: '::-ms-tooltip' -slug: 'Web/CSS/::-ms-tooltip' -translation_of: 'Archive/Web/CSS/::-ms-tooltip' ---- -<div>{{CSSRef}}{{Non-standard_header}}</div> - -<p><span class="seoSummary">The <strong><code>::-ms-tooltip</code></strong> <a href="/en-US/docs/Web/CSS">CSS</a> <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-element</a> is a <a href="/en-US/docs/Web/CSS/Microsoft_CSS_extensions">Microsoft extension</a> that applies one or more styles to the tooltip of a slider <code><a href="/en-US/docs/Web/HTML/Element/input/range"><input type="range"></a></code>.</span></p> - -<h2 id="Syntax">Syntax</h2> - -<pre class="syntaxbox">::-ms-tooltip {...} -</pre> - -<h2 id="Propriedades">Propriedades</h2> - -<p>The only CSS properties that can be used on <code>::-ms-tooltip</code> are <code><a href="/en-US/docs/Web/CSS/display">display</a></code> and <code><a href="/en-US/docs/Web/CSS/visibility">visibility</a></code>, for hiding the pseudo-element.</p> - -<h2 id="Veja_também">Veja também</h2> - -<ul> - <li><a href="/en-US/docs/Web/HTML/Element/input/range"><input type="range"></a></li> -</ul> diff --git a/files/pt-br/web/guide/api/camera/index.html b/files/pt-br/web/guide/api/camera/index.html deleted file mode 100644 index c5350e2f82..0000000000 --- a/files/pt-br/web/guide/api/camera/index.html +++ /dev/null @@ -1,220 +0,0 @@ ---- -title: Introdução da API de Câmera -slug: Web/Guide/API/Camera -translation_of: Archive/B2G_OS/API/Camera_API/Introduction ---- -<p><span class="seoSummary">Através da <a class="link-https" href="https://wiki.mozilla.org/Platform/Features/Camera_API">Camera API</a>, é possivel tirar fotos com a câmera de seu dispositivo e enviá-las para a atual página da web.</span> Isso é obtido pelo elemento <code>input</code> com <code>type="file"</code> e um atributo <code>accept</code> para declarar que aceita imagens. O HTML se parece com esse:</p> -<pre class="brush: html"><input type="file" id="take-picture" accept="image/*"> -</pre> -<p>Quando usuários escolhem ativar esse elemento HTML, é apresentado a eles uma opção para escolher um arquivo, onde a câmera do dispositivo é uma das opções. Se selecionarem a câmera, entrará no modo de captura de imagem. Depois que a imagem for tirada, será apresentada a escolha de aceita-lá ou descartar-lá. Se aceita, será enviada ao elemento <code><input type="file"></code> e isso acionará o evento <code>onchange</code>.</p> -<h2 id="Obter_uma_referencia_para_a_foto_tirada">Obter uma referencia para a foto tirada</h2> -<p>Com a ajuda da <a href="/en/Using_files_from_web_applications" title="en/Using_files_from_web_applications">File API</a> você pode acessar a imagem capturada ou escolher um arquivo:</p> -<pre class="brush: js">var takePicture = document.querySelector("#take-picture"); -takePicture.onchange = function (event) { - // Obtenha uma referencia para a imagem capturada ou escolha um arquivo - var files = event.target.files, - file; - if (files && files.length > 0) { - file = files[0]; - } -}; -</pre> -<h2 id="Mostrando_a_imagem_na_página_web">Mostrando a imagem na página web</h2> -<p>Uma vez que você tem a referencia da imagem capturada (i.e., arquivo), você pode usar {{ domxref("window.URL.createObjectURL()") }} para criar uma URL referenciando a foto e configurando como o <code>src</code> de uma imagem:</p> -<pre class="brush: js">// Image reference -var showPicture = document.querySelector("#show-picture"); - -// Get window.URL object -var URL = window.URL || window.webkitURL; - -// Create ObjectURL -var imgURL = URL.createObjectURL(file); - -// Set img src to ObjectURL -showPicture.src = imgURL; - -// For performance reasons, revoke used ObjectURLs -URL.revokeObjectURL(imgURL); -</pre> -<p>Se <code>createObjectURL()</code> não é suportado, uma alternativa é voltar ao {{ domxref("FileReader") }}:</p> -<pre class="brush: js">// Fallback if createObjectURL is not supported -var fileReader = new FileReader(); -fileReader.onload = function (event) { - showPicture.src = event.target.result; -}; -fileReader.readAsDataURL(file); -</pre> -<h2 id="Exemplo_Completo">Exemplo Completo</h2> -<p>Se você quiser ver isso em ação, dê uma olhada em <a class="external" href="http://robnyman.github.com/camera-api/">complete working Camera API example</a>.</p> -<p>Aqui está o código usado nessa demo:</p> -<h3 id="Página_HTML">Página HTML</h3> -<pre class="brush: html"><!DOCTYPE html> -<html> - <head> - <meta charset="utf-8"> - <title>Camera API</title> - <link rel="stylesheet" href="css/base.css" type="text/css" media="screen"> - </head> - - <body> - - <div class="container"> - <h1>Camera API</h1> - - <section class="main-content"> - <p>A demo of the Camera API, currently implemented in Firefox and Google Chrome on Android. Choose to take a picture with your device's camera and a preview will be shown through createObjectURL or a FileReader object (choosing local files supported too).</p> - - <p> - <input type="file" id="take-picture" accept="image/*"> - </p> - - <h2>Preview:</h2> - <p> - <img src="about:blank" alt="" id="show-picture"> - </p> - - <p id="error"></p> - - </section> - - <p class="footer">All the code is available in the <a href="https://github.com/robnyman/robnyman.github.com/tree/master/camera-api">Camera API repository on GitHub</a>.</p> - </div> - - - <script src="js/base.js"></script> - - - </body> -</html> -</pre> -<h3 id="Arquivo_JavaScript">Arquivo JavaScript</h3> -<pre class="brush: js">(function () { - var takePicture = document.querySelector("#take-picture"), - showPicture = document.querySelector("#show-picture"); - - if (takePicture && showPicture) { - // Set events - takePicture.onchange = function (event) { - // Get a reference to the taken picture or chosen file - var files = event.target.files, - file; - if (files && files.length > 0) { - file = files[0]; - try { - // Get window.URL object - var URL = window.URL || window.webkitURL; - - // Create ObjectURL - var imgURL = URL.createObjectURL(file); - - // Set img src to ObjectURL - showPicture.src = imgURL; - - // Revoke ObjectURL - URL.revokeObjectURL(imgURL); - } - catch (e) { - try { - // Fallback if createObjectURL is not supported - var fileReader = new FileReader(); - fileReader.onload = function (event) { - showPicture.src = event.target.result; - }; - fileReader.readAsDataURL(file); - } - catch (e) { - // - var error = document.querySelector("#error"); - if (error) { - error.innerHTML = "Neither createObjectURL or FileReader are supported"; - } - } - } - } - }; - } -})(); -</pre> -<h2 id="Compatibilidade_dos_navegadores">Compatibilidade dos navegadores</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</th> - </tr> - <tr> - <td>Camera API</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/DOM/window.URL.createObjectURL" title="/en-US/docs/DOM/window.URL.createObjectURL">createObjectURL()</a></code></td> - <td>16</td> - <td>{{CompatGeckoDesktop("8.0")}}</td> - <td>10+</td> - <td>{{CompatNo()}}</td> - <td>{{CompatNo()}}</td> - </tr> - <tr> - <td>{{domxref("FileReader")}}</td> - <td>16</td> - <td>{{CompatGeckoDesktop("1.9.2")}}</td> - <td>10+</td> - <td>11.6+</td> - <td>{{CompatNo()}}</td> - </tr> - </tbody> - </table> -</div> -<div id="compat-mobile"> - <table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Camera API</td> - <td>3.0</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatGeckoMobile("10.0") }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/DOM/window.URL.createObjectURL" title="/en-US/docs/DOM/window.URL.createObjectURL">createObjectURL()</a></code></td> - <td>4</td> - <td>{{CompatVersionUnknown()}}</td> - <td>{{CompatGeckoMobile("10.0")}}</td> - <td>{{CompatNo()}}</td> - <td>{{CompatNo()}}</td> - <td>{{CompatNo()}}</td> - </tr> - <tr> - <td>{{domxref("FileReader")}}</td> - <td>3</td> - <td>{{CompatVersionUnknown()}}</td> - <td>{{CompatGeckoMobile("10.0")}}</td> - <td>{{CompatNo()}}</td> - <td>11.1</td> - <td>{{CompatNo()}}</td> - </tr> - </tbody> - </table> -</div> -<p> </p> diff --git a/files/pt-br/web/javascript/new_in_javascript/1.1/index.html b/files/pt-br/web/javascript/new_in_javascript/1.1/index.html deleted file mode 100644 index 456f0f3c18..0000000000 --- a/files/pt-br/web/javascript/new_in_javascript/1.1/index.html +++ /dev/null @@ -1,71 +0,0 @@ ---- -title: New in JavaScript 1.1 -slug: Web/JavaScript/New_in_JavaScript/1.1 -translation_of: Archive/Web/JavaScript/New_in_JavaScript/1.1 ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<p>O seguinte registro de alteração para JavaScript do Netscape Navigator 2.0 para 3.0. A documentação antiga do Netscape faz referência a isso como "Recursos adicionados após a versão 1". Netscape Navigator 3.0 foi lançado em 19 de agosto de 1996. Netscape Navigator 3.0 foi a segunda versão principal do navegador com suporte a JavaScript.</p> - -<h2 id="JavaScript_Versões">JavaScript Versões</h2> - -<p>Netscape Navigator 3.0 também introduziu a versão da linguagem JavaScript.</p> - -<pre class="brush: html"><SCRIPT LANGUAGE="JavaScript"> <!-- JavaScript for Navigator 2.0. --> -<SCRIPT LANGUAGE="JavaScript1.1"> <!-- JavaScript for Navigator 3.0. --></pre> - -<h2 id="Novos_Recursos_em_JavaScript_1.1">Novos Recursos em JavaScript 1.1</h2> - -<h3 id="Novos_Objetos">Novos Objetos</h3> - -<ul> - <li>{{jsxref("Array")}}</li> - <li>{{jsxref("Boolean")}}</li> - <li>{{jsxref("Function")}}</li> - <li>{{jsxref("Number")}}</li> -</ul> - -<h3 id="NOvas_Propriedades">NOvas Propriedades</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="Novos_Métodos">Novos Métodos</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="Novos_Operadores">Novos Operadores</h3> - -<ul> - <li><code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/typeof">typeof</a></code></li> - <li><code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/void">void</a></code></li> -</ul> - -<h3 id="Outras_Novas_Propriedades">Outras Novas Propriedades</h3> - -<ul> - <li><code><a href="/en-US/docs/Web/HTML/Element/noscript"><noscript></a></code></li> - <li><a href="/en-US/docs/Archive/Web/LiveConnect">LiveConnect</a>. Comunicação entre Java e JavaScript.</li> -</ul> - -<h2 id="Funcionalidades_alteradas_em_JavaScript_1.1">Funcionalidades alteradas em JavaScript 1.1</h2> - -<ul> - <li>"Exclusão de Objeto". Você pode remover um objeto pelas configurações a qual este objeto referencia nulo.</li> - <li><font face="Consolas, Liberation Mono, Courier, monospace">propriedades de Construtor e protótipo</font> em objetos adicionados.</li> - <li><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval">eval()</a></code> is now a method of every object (was previously a built-in function); it evaluates a string of JavaScript code in the context of the specified object.</li> - <li><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random">Math.random()</a></code> now works on every platform.</li> - <li><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/toString">toString()</a></code>: Added radix parameter, which specifies the base to use for representing numeric values.</li> - <li><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/isNaN">isNaN()</a></code> now works on every platform (not only Unix anymore)</li> - <li><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseFloat">parseFloat()</a></code> and <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseInt">parseint()</a></code> now return <code>NaN</code> on all platforms, if the first character of the specified string cannot be converted to a number; in previous releases, it returned <code>NaN</code> on Solaris and Irix and zero on all other platforms.</li> -</ul> diff --git a/files/pt-br/web/javascript/new_in_javascript/1.6/index.html b/files/pt-br/web/javascript/new_in_javascript/1.6/index.html deleted file mode 100644 index b751a5b429..0000000000 --- a/files/pt-br/web/javascript/new_in_javascript/1.6/index.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -title: Novidades do JavaScript 1.6 -slug: Web/JavaScript/New_in_JavaScript/1.6 -tags: - - JavaScript - - Versões -translation_of: Archive/Web/JavaScript/New_in_JavaScript/1.6 ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<p><span class="tlid-translation translation" lang="pt"><span title="">A seguir, é apresentado um registro de alterações do JavaScript 1.6.</span> <span title="">Esta versão foi incluída no Firefox 1.5 (Gecko 1.8), lançado em novembro de 2005. O padrão ECMA correspondente é o ECMA-262 Edição 3 e o ECMAScript para XML (E4X) com alguns recursos adicionais.</span> <span title="">Vários novos recursos foram introduzidos: E4X, vários novos métodos Array e Array e String genéricos.</span></span></p> - -<h2 id="Novos_recursos_do_JavaScript_1.6">Novos recursos do JavaScript 1.6</h2> - -<ul> - <li>Suporte ao ECMAScript para XML (<a href="/en-US/docs/Archive/Web/E4X">E4X</a>) para criar e processar conteúdo <a href="/en-US/docs/Glossary/XML">XML</a> dentrro do <a href="/en-US/docs/Web/JavaScript">JavaScript</a>. Veja <a href="/en-US/docs/Archive/Web/E4X/Processing_XML_with_E4X">detalhes</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf"><code>Array.prototype.indexOf()</code></a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/lastIndexOf"><code>Array.prototype.lastIndexof()</code></a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/every"><code>Array.prototype.every()</code></a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter"><code>Array.prototype.filter()</code></a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach"><code>Array.prototype.forEach()</code></a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map"><code>Array.prototype.map()</code></a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/some"><code>Array.prototype.some()</code></a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array#Array_generic_methods">Array generics</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/String#String_generic_methods">String generics</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/for_each...in"><code>for each...in</code></a></li> -</ul> - -<h2 id="Funcionalidade_alterada_no_JavaScript_1.6">Funcionalidade alterada no JavaScript 1.6</h2> - -<ul> - <li>Um <a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=292215">bug</a> no qual <a href="/en-US/docs/Web/JavaScript/Reference/Functions/arguments"><code>argumentos[n]</code></a> não podem ser definidos se <code>n</code> <span class="tlid-translation translation" lang="pt"><span title="">for maior que o número de parâmetros formais ou reais que foi corrigido</span></span>.</li> -</ul> diff --git a/files/pt-br/web/javascript/new_in_javascript/1.7/index.html b/files/pt-br/web/javascript/new_in_javascript/1.7/index.html deleted file mode 100644 index 9dd268d6fe..0000000000 --- a/files/pt-br/web/javascript/new_in_javascript/1.7/index.html +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: JavaScript 1.7 -slug: Web/JavaScript/New_in_JavaScript/1.7 -tags: - - JavaScript - - Versões -translation_of: Archive/Web/JavaScript/New_in_JavaScript/1.7 ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<p>Segue o changelog para JavaScript 1.7. Esta versão foi incluído no <a href="/en-US/Firefox/Releases/2">Firefox 2</a> (Outubro de 2006).</p> - -<p> </p> - -<p>JavaScript 1.7 é uma atualização que introduz vários novos recursos , em particular,generators, iterators, array comprehensions, <code>let </code>expressions e destructuring assignment.</p> - -<h2 id="Usando_JavaScript_1.7">Usando JavaScript 1.7</h2> - -<p> </p> - -<p>Para utilizar alguns dos novos recursos do JavaScript 1.7 , você precisa especificar que você deseja usar JavaScript 1.7 . No código HTML ou XUL , use :</p> - -<pre class="brush: html"><script type="application/javascript;version=1.7"></script></pre> - -<p> </p> - -<p>Ao usar o <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Projects/SpiderMonkey/Introduction_to_the_JavaScript_shell">shell JavaScript</a>, você precisa definir a versão que você deseja usar usando a opção -version 170 na linha de comando ou usando a versão function () :</p> - -<pre class="brush:js">version(170); -</pre> - -<p> </p> - -<p>Os recursos que exigem o uso de novas palavras-chave "yield" e " let" exigem que você especifique a versão 1.7, porque o código existente pode usar essas palavras-chave como nomes de variável ou função . Os recursos que não introduzem novas palavras-chave ( destructuring assignment and array comprehensions) pode ser usado sem especificar a versão JavaScript</p> - -<h2 id="Novos_recursos_em_JavaScript_1.7">Novos recursos em JavaScript 1.7</h2> - -<p> </p> - -<p>Os seguintes recursos adicionados no JavaScript 1.7 não faziam parte do padrão ECMA -262 ,no entanto, em versões mais recentes do Firefox , foi implementada atualizaçãoes para trabalhar com a semântica conforme especificado no ECMAScript Edição 6. Por favor, consulte as páginas de referência para visualizar as diferenças</p> - -<ul> - <li><a href="/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators">Iterators e generators</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Array_comprehensions#Differences_to_the_older_JS1.7.2FJS1.8_comprehensions">Array comprehensions</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/let"><code>let</code> statement</a><br> - Suporte para <code>let</code> expression e dropped no Gecko 41 ({{bug(1023609)}}).</li> - <li><a href="/en-US/docs/const">const statement</a></li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">Destructuring assignment</a><br> - Suporte para JS1.7 style destructuring for-in e dropped in Gecko 40 ({{bug(1083498)}}).</li> -</ul> diff --git a/files/pt-br/web/javascript/new_in_javascript/1.8.5/index.html b/files/pt-br/web/javascript/new_in_javascript/1.8.5/index.html deleted file mode 100644 index cd542b3fd4..0000000000 --- a/files/pt-br/web/javascript/new_in_javascript/1.8.5/index.html +++ /dev/null @@ -1,130 +0,0 @@ ---- -title: Novas funcionalidades do JavaScript 1.8.5 -slug: Web/JavaScript/New_in_JavaScript/1.8.5 -tags: - - ECMAScript5 - - Firefox 4 - - JavaScript - - JavaScript 1.8.5 - - Versões -translation_of: Archive/Web/JavaScript/New_in_JavaScript/1.8.5 ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<p>Segue um changelog para JavaScript 1.8.5. Esta versão foi incluída no <a href="/en-US/Firefox/Releases/4">Firefox 4</a>.</p> - -<h2 id="Novas_funcionalidades_do_JavaScript_1.8.5">Novas funcionalidades do JavaScript 1.8.5</h2> - -<h3 id="Novas_Funções">Novas Funções</h3> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Function</th> - <th scope="col">Description</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{jsxref("Object.create()")}}</td> - <td>Cria um novo o objeto de protótipo especificado e de propriedades. {{bug("492840")}}</td> - </tr> - <tr> - <td>{{jsxref("Object.defineProperty()")}}</td> - <td>Adiciona a propriedade chamada descrito a um objeto.</td> - </tr> - <tr> - <td>{{jsxref("Object.defineProperties()")}}</td> - <td>Adiciona as propriedades nomeadas described a um objeto.</td> - </tr> - <tr> - <td>{{jsxref("Object.getOwnPropertyDescriptor()")}}</td> - <td>Retorna um descriptor para uma propriedade chamada em um objeto.{{bug("505587")}}</td> - </tr> - <tr> - <td>{{jsxref("Object.keys()")}}</td> - <td>Retorna um array de todas as propriedades numéricas sobre um objeto. {{bug("307791")}}</td> - </tr> - <tr> - <td>{{jsxref("Object.getOwnPropertyNames()")}}</td> - <td>Retorna um array de todas as propriedades numéricas e não-numéricas sobre um objeto. {{bug("518663")}}</td> - </tr> - <tr> - <td>{{jsxref("Object.preventExtensions()")}}</td> - <td>Impede todas as extensões de um objeto. {{bug("492849")}}</td> - </tr> - <tr> - <td>{{jsxref("Object.isExtensible()")}}</td> - <td>Verifica se o objeto é extensível. {{bug("492849")}}</td> - </tr> - <tr> - <td>{{jsxref("Object.seal()")}}</td> - <td>Impede que outro código de modifique propriedades de um objeto. {{bug("492845")}}</td> - </tr> - <tr> - <td>{{jsxref("Object.isSealed()")}}</td> - <td>Determina que novas propriedades não podem ser adicionadas. {{bug("492845")}}</td> - </tr> - <tr> - <td>{{jsxref("Object.freeze()")}}</td> - <td>Congela/trava um objeto: outro código não pode excluir ou alterar as propriedades.{{bug("492844")}}</td> - </tr> - <tr> - <td>{{jsxref("Object.isFrozen()")}}</td> - <td>Verifica se um objeto foi congelado/travado. {{bug("492844")}}</td> - </tr> - <tr> - <td>{{jsxref("Array.isArray()")}}</td> - <td>Verifica se uma variável é um array. {{bug("510537")}}</td> - </tr> - <tr> - <td>{{jsxref("Date.prototype.toJSON()")}}</td> - <td>Retorna um formato JSON para um objeto <code>Date</code>.</td> - </tr> - <tr> - <td>{{jsxref("Function.prototype.bind()")}}</td> - <td>O metodos <code><strong>bind()</strong></code> cria uma nova função que, quando chamada, tem o seu próprio this palavra-chave para o valor fornecido, com uma dada sequência dos argumentos que precedem um fornecido quandoa nova função é chamada. {{bug("429507")}}</td> - </tr> - </tbody> -</table> - -<h3 id="Novas_características_do_ECMAScript5">Novas características do ECMAScript5</h3> - -<ul> - <li><code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/get" title="JavaScript/Reference/Operators/Special Operators/get Operator">get</a></code> e <code><a href="/en-US/docs/Web/JavaScript/Reference/Operators/set" title="JavaScript/Reference/Operators/Special Operators/set Operator">set</a></code> agora identificam se é numérico ou string. {{bug("520696")}}</li> - <li>{{jsxref("Function.apply()")}} pode aceitar qualquer objeto array-like como a lista de argumentos, em vez de apenas os arrays verdadeiros.</li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions_and_function_scope/Strict_mode" title="JavaScript/Strict mode">suporte ao modo strict</a></li> - <li>{{jsxref("Array.toString()")}} agora funciona mesmo em no-arrays, retornando o resultado e chama o método <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/join" title="JavaScript/Reference/Global Objects/Array/join"><code>join()</code></a> se estiver disponível, ou o método <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/toString" title="JavaScript/Reference/Global Objects/Object/toString"><code>toString()</code></a></li> -</ul> - -<h3 id="Outras_normalizações">Outras normalizações</h3> - -<p>Various non-standard syntaxes for defining getters and setters have been removed; ECMAScript 5 defined syntax has not been changed. These were all pretty esoteric and rarely used; if this affects you, see <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/" title="http://whereswalden.com/2010/04/16/more-spidermonkey-changes-ancient-esoteric-very-rarely-used-syntax-for-creating-getters-and-setters-is-being-removed/">this blog post</a> for details.</p> - -<p>Várias sintaxes não default para a definição de getters e setters foram removidas; sintaxe definadas na ECMAScript 5 não foram alteradas. As excluídas eram raramente usadas; se isso afeta você, veja <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/" title="http://whereswalden.com/2010/04/16/more-spidermonkey-changes-ancient-esoteric-very-rarely-used-syntax-for-creating-getters-and-setters-is-being-removed/">esta dica</a> no blog para mais detalhes.</p> - -<h3 id="Novos_objetos">Novos objetos</h3> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Objeto</th> - <th scope="col">Descrição</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{jsxref("Proxy")}}</td> - <td>Oferece suporte para a criação de <code>Objetos</code> e <code>Funções</code> de proxies que permitem meta-programming em JavaScript.</td> - </tr> - </tbody> -</table> - -<h2 id="Changed_functionality_in_JavaScript_1.8.5">Changed functionality in JavaScript 1.8.5</h2> - -<ul> - <li>ISO 8601 support in <code>Date</code>: The {{jsxref("Date")}} object's <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse" title="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date/parse">parse()</a> method now supports simple ISO 8601 format date strings.</li> - <li>Global objects made read only: The <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN" title="JavaScript/Reference/Global Objects/NaN"><code>NaN</code></a>, <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Infinity" title="JavaScript/Reference/Global Objects/Infinity"><code>Infinity</code></a>, and <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined" title="JavaScript/Reference/Global Objects/undefined"><code>undefined</code></a> global objects have been made read only, per the ECMAScript 5 specification.</li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/Parent" title="JavaScript/Reference/Global Objects/Object/Parent"><code>obj.__parent__</code></a> and <code>obj.__count__</code> become obsolete. Some information about why: <a class="external" href="http://whereswalden.com/2010/05/07/spidermonkey-change-du-jour-the-special-__parent__-property-has-been-removed/" title="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</a> {{bug("551529")}} & {{bug("552560")}}.</li> - <li>Trailing commas no longer accepted in {{jsxref("JSON.parse()")}}.</li> -</ul> diff --git a/files/pt-br/web/javascript/new_in_javascript/ecmascript_5_support_in_mozilla/index.html b/files/pt-br/web/javascript/new_in_javascript/ecmascript_5_support_in_mozilla/index.html deleted file mode 100644 index 2bd897601e..0000000000 --- a/files/pt-br/web/javascript/new_in_javascript/ecmascript_5_support_in_mozilla/index.html +++ /dev/null @@ -1,53 +0,0 @@ ---- -title: Suporte ao ECMAScript 5 no Mozilla -slug: Web/JavaScript/New_in_JavaScript/ECMAScript_5_support_in_Mozilla -tags: - - ECMAScript6 - - JavaScript - - Versões -translation_of: Archive/Web/JavaScript/New_in_JavaScript/ECMAScript_5_support_in_Mozilla ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<div>ECMAScript 5.1, a última versão padrão à qual o JavaScript se baseia, foi aprovada em Junho de 2011.</div> - -<p>O JavaScript runtime usado nas últimas versões dos projetos Mozilla, incluindo ambos Firefox e Thunderbird, possuem amplo suporte às <em>features </em>do ECMAScript. Este artigo cobre as <em>features </em>suportadas por diferentes versões do JavaScript runtime da Mozilla.</p> - -<blockquote> -<p>NT: Resolvi manter o termo <em>feature</em> nesta tradução porque é o termo mais utilizado entre os desenvolvedores brasileiros. Uma <em>feature</em> nada mais é do que as características ou funcionalidades da linguagem.</p> -</blockquote> - -<h2 id="Features_Suportadas">Features Suportadas</h2> - -<h3 id="Adicionado_ao_JavaScript_1.8.5_(Gecko_2_Firefox_4_e_posteriores)">Adicionado ao JavaScript 1.8.5 (Gecko 2, Firefox 4 e posteriores)</h3> - -<p>Firefox 4 possui amplo suporte ao ECMAScript 5, incluindo o método <code>Object.* </code>e strict mode. Veja <a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/1.8.5">Novo em JavaScript 1.8.5</a>*.</p> - -<blockquote> -<p>*NT: ainda sem traduções para português.</p> -</blockquote> - -<h3 id="Adicionado_ao_JavaScript_1.8.1_(Gecko_1.9.1_Firefox_3.5)">Adicionado ao JavaScript 1.8.1 (Gecko 1.9.1, Firefox 3.5)</h3> - -<ul> - <li>Suporte <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON">Nativo JSON</a>.</li> - <li>Método <a class="internal" href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getPrototypeOf" title="En/Core JavaScript 1.5 Reference/Global Objects/Object/GetPrototypeOf"><code>Object.getPrototypeOf()</code></a>.</li> - <li>Método <a class="internal" href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim" title="En/Core JavaScript 1.5 Reference/Global Objects/String/Trim"><code>String.trim()</code></a>, que remove os espaços em branco de ambos os lados das strings (começo e fim).</li> - <li>Gecko 1.9.1.4 atualizou a implementação do <a href="/en-US/docs/Web/JavaScript/Guide/Using_native_JSON#Converting_objects_into_JSON" title="En/Using native JSON#Converting objects into JSON"><code>JSON.stringify()</code></a> para ser compátivel com o ECMAScript 5.</li> -</ul> - -<p dir="ltr" id="tw-target-text">Melhorias estabelecidas pelo ECMAScript 5 foram feitas no algoritmo de análise que impede a avaliação de XHTML como código JavaScript em determinadas circunstâncias.</p> - -<h3 id="Adicionado_ao_JavaScript_1.6_(Gecko_1.8_Firefox_1.5)">Adicionado ao JavaScript 1.6 (Gecko 1.8, Firefox 1.5)</h3> - -<p>Novos métodos <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array"><code>Array</code></a> oferem métodos melhorados para manipulá-las -- tem sido parte do JavaScript deste o <a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/1.6">JavaScript 1.6</a>. Agora, eles foram padronizados como parte do ECMAScript 5.</p> - -<h2 id="Veja_também">Veja também</h2> - -<ul> - <li><a href="http://www.ecmascript.org/">Site do ECMAScript</a></li> - <li><a href="http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf">Especificação do ECMAScript</a></li> - <li>Post do John Resig sobre <a class="external" href="http://ejohn.org/blog/objectgetprototypeof/" title="http://ejohn.org/blog/objectgetprototypeof/">Object.getPrototypeOf</a></li> - <li>Implementação das <a href="http://frugalcoder.us/post/2010/01/07/EcmaScript-5s-Date-Extensions.aspx">Datas em ECMAScript 5 para o JavaScript</a></li> - <li><a href="http://kangax.github.io/compat-table/es5/">Suporte do ECMAScript entre os browsers</a></li> -</ul> diff --git a/files/pt-br/web/javascript/new_in_javascript/index.html b/files/pt-br/web/javascript/new_in_javascript/index.html deleted file mode 100644 index e3665a92a8..0000000000 --- a/files/pt-br/web/javascript/new_in_javascript/index.html +++ /dev/null @@ -1,80 +0,0 @@ ---- -title: New in JavaScript -slug: Web/JavaScript/New_in_JavaScript -tags: - - JavaScript - - NeedsTranslation - - TopicStub - - Versions -translation_of: Archive/Web/JavaScript/New_in_JavaScript ---- -<div>{{jsSidebar("New_in_JS")}}</div> - -<p>Este capítulo contém informações sobre o histórico de versões do Javascript e situação de implementações de aplicações Mozilla/SpiderMonkey baseadas em Javascript, como o Firefox.</p> - -<h2 id="Versões_ECMAScript">Versões ECMAScript</h2> - -<dl> - <dt><a href="/en-US/docs/Web/JavaScript/Language_Resources">Recursos da Linguagem</a></dt> - <dd>Saiba mais sobre os padrões ECMAScript em que o Javascript é baseado.</dd> - <dt><a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_5_support_in_Mozilla">Suporte ECMAScript 5</a></dt> - <dd>Status da implementação para o padrão atual ECMA-262 Edition 5.1 em engines Mozilla-based e produtos.</dd> - <dt><a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla">Suporte a ECMAScript 6</a></dt> - <dd>Status da implementação para o rascunho de ECMA-262 Edition 6 in em engines Mozilla-based e produtos.</dd> - <dt><a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_7_support_in_Mozilla">Suporte a ECMAScript 7</a></dt> - <dd>Status da implementação para o padrão ECMA-262 Edition 7 que virá em engines Mozilla-based e produtos.</dd> -</dl> - -<h2 id="Notas_de_distribuição_JavaScript">Notas de distribuição JavaScript</h2> - -<dl> - <dt><a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/Firefox_JavaScript_changelog">Firefox JavaScript changelog</a></dt> - <dd>Veja esse changelog para características de JavaScript implementadas no Firefox 5 e posteriormente.</dd> - <dt>Chrome JavaScript changelog</dt> - <dd>(TODO). Vem esse changelog para características de JavaScript implementas nas distribuições do Chrome.</dd> -</dl> - -<h2 id="Versões_do_JavaScript">Versões do JavaScript</h2> - -<p><strong>Obsoleto (Deprecated)</strong> ({{deprecated_inline()}}). O versionamento explícito e o opt-in das características da linguagem foi específico da Mozilla e <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=867609">está em processo de remoção</a>. Firefox 4 foi a última versão do navegador que fazia referência a uma versão de JavaScript (1.8.5). Com os novos padrões ECMA, as características da linguagem JavaScript, agora são mencionadas regularmente com sua definição inicial em ECMA-262, por exemplo a Edição 6 (ES6).</p> - -<p>JavaScript foi lançado na versão 1.0 em março de 1996, no Netscape Navigator 2.0 e no Internet Explorer 2.0.</p> - -<dl> - <dt><a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/1.1">JavaScript 1.1</a></dt> - <dd>Versão embarcada no Netscape Navigator 3.0. Lançada em 19 de agosto de 1996.</dd> - <dt><a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/1.2">JavaScript 1.2</a></dt> - <dd>Versão embarcada no Netscape Navigator 4.0-4.05. Lançada em 11 de junho de 1997. </dd> - <dt><a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/1.3">JavaScript 1.3</a></dt> - <dd>Versão embarcada no Netscape Navigator 4.06-4.7x. Lançada em 19 de outubro de 1998.<br> - O trabalho de padronização estava de acordo com o ECMA-262, 1ª e 2ª edições.</dd> - <dt><a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/1.4">JavaScript 1.4</a></dt> - <dd>Versão embarcada no Netscape's server side JavaScript. Lançada em 1999.</dd> - <dt><a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/1.5">JavaScript 1.5</a></dt> - <dd>Versão embarcada no Netscape Navigator 6.0 e no Firefox 1.0. Lançada em 14 de novembro de 2000.<br> - O trabalho de padronização estava de acordo com o ECMA-262, 3ª edição. </dd> - <dt><a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/1.6">JavaScript 1.6</a></dt> - <dd>Versão embarcada no Firefox 1.5. Lançada em novembro de 2005. Inclui ECMAScript para XML (E4X), novos métodos new Array além de métodos genéricos de <code>String</code> e <code>Array</code>.</dd> - <dt><a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/1.7">JavaScript 1.7</a></dt> - <dd>Versão embarcada no Firefox 2. Lançada em outubro de 2006.<br> - Inclui generators, iterators, compreensões de array, expressões <code>let </code>e tarefas de desestruturação.</dd> - <dt><a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/1.8">JavaScript 1.8</a></dt> - <dd>Versão embarcada no Firefox 3. Lançada em junho de 2008.<br> - Inlcui expressões de closure, generator expressions e <code>Array.reduce()</code></dd> - <dt><a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/1.8.1">JavaScript 1.8.1</a></dt> - <dd>Versão embarcada no Firefox 3.5. Lançada em 30 de junho de 2009<span class="st">.<br> - Inclui o JIT TraceMonkey e suporte nativo ao JSON.</span></dd> - <dt>JavaScript 1.8.2</dt> - <dd>Versão embarcada no Firefox 3.6. Lançada em 22 de junho de 2009.<br> - Inclui apenas mudanças de menor importância.</dd> - <dt><a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/1.8.5">JavaScript 1.8.5</a></dt> - <dd>Versão embarcada no Firefox 4. Lançada em 27 de julho de 2010.<br> - Inclui muitas características novas em conformidade à 5 ª edição do ECMA-262. Esta é a última versão do JavaScript.</dd> -</dl> - -<h2 id="Características_que_ainda_necessitam_do_opt-in_de_versão">Características que ainda necessitam do opt-in de versão</h2> - -<dl> - <dt><a href="/en-US/docs/Web/JavaScript/Reference/Statements/let"><code>let</code> statement</a></dt> - <dd>O <code>let</code> statement necessita da versão opt-in 1.7 (ou maior) do JavaScript. Veja {{bug(932517)}} e {{bug(932513)}}.</dd> -</dl> diff --git a/files/pt-br/web/javascript/reference/global_objects/array/observe/index.html b/files/pt-br/web/javascript/reference/global_objects/array/observe/index.html deleted file mode 100644 index d1b06c5ecf..0000000000 --- a/files/pt-br/web/javascript/reference/global_objects/array/observe/index.html +++ /dev/null @@ -1,128 +0,0 @@ ---- -title: Array.observe() -slug: Web/JavaScript/Reference/Global_Objects/Array/observe -translation_of: Archive/Web/JavaScript/Array.observe ---- -<div>{{JSRef}} {{non-standard_header}}</div> - -<p>O método <strong><code>Array.observe()</code></strong> é usado para observar mudanças de forma assíncrona em Arrays, de forma similar ao método {{jsxref("Object.observe()")}} para objetos. O método fornece um conjunto de mudanças em ordem de ocorrência. É equivalente ao método <code>Object.observe()</code> invocado com a lista aceita <code>["add", "update", "delete", "splice"]</code>.</p> - -<h2 id="Sintaxe">Sintaxe</h2> - -<pre class="syntaxbox"><code>Array.observe(<var>arr</var>, <var>callback</var>)</code></pre> - -<h3 id="Parâmetros">Parâmetros</h3> - -<dl> - <dt><code>arr</code></dt> - <dd>O array a ser observado.</dd> - <dt><code>callback</code></dt> - <dd>A função chamado cada vez que ocorrem mudanças, com o seguinte argumento: - <dl> - <dt><code>changes</code></dt> - <dd>Um array de objetos, sendo que cada um representa uma mudança. As propriedades destes objetos são: - <ul> - <li><strong><code>name</code></strong>: O nome da propriedade que mudou.</li> - <li><strong><code>object</code></strong>: O array modificado depois que a mudança ocorreu.</li> - <li><strong><code>type</code></strong>: Uma string que indica o tipo de mudança que ocorreu. Pode ser <code>"add"</code>, <code>"update"</code>, <code>"delete"</code>, ou <code>"splice"</code>.</li> - <li><strong><code>oldValue</code></strong>: Apenas para os tipos <code>"update"</code> e <code>"delete"</code>. O valor antes da mudança.</li> - <li><strong><code>index</code></strong>: Apenas para o tipo <code>"splice"</code>. O índice no qual ocorreu a mudança.</li> - <li><strong><code>removed</code></strong>: Apenas para o tipo <code>"splice"</code>. Um array de elementos removidos.</li> - <li><strong><code>addedCount</code></strong>: Apenas para o tipo <code>"splice"</code>. O número de elementos adicionados.</li> - </ul> - </dd> - </dl> - </dd> -</dl> - -<h2 id="Descrição">Descrição</h2> - -<p>A função <code>callback</code> é chamada cada vez que uma mudança é feita em <code>arr</code>, com um array de todas as mudanças na ordem em que elas ocorreram.</p> - -<div class="note"> -<p>Mudanças feitas via métodos de Array, tais como <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/pop"><code>Array.prototype.pop()</code></a> serão reportados como mudanças do tipo <code>"splice"</code>. Mudanças do tipo índice que não alteram o tamanho do array podem ser reportadas como mudanças do tipo <code>"update"</code>.</p> -</div> - -<h2 id="Exemplos">Exemplos</h2> - -<h3 id="Adicionando_diferentes_tipos_em_log">Adicionando diferentes tipos em log</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', 'd'], addedCount: 3}] -</pre> - -<h2 id="Especificações">Especificações</h2> - -<p><a href="https://github.com/arv/ecmascript-object-observe">Strawman proposal specification</a>.</p> - -<h2 id="Compatibilidade_com_Browser">Compatibilidade com Browser</h2> - -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Funcionalidade</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suporte básico</td> - <td>{{CompatChrome("36")}}</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>Funcionalidade</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suporte básico</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Veja_também">Veja também</h2> - -<ul> - <li><a href="//stackoverflow.com/q/29269057/778272">Em qual condição a chamada Array.observe irá "adicionar" um gatilho para um evento?</a></li> - <li>{{jsxref("Array.unobserve()")}} {{non-standard_inline}}</li> - <li>{{jsxref("Object.observe()")}} {{non-standard_inline}}</li> -</ul> diff --git a/files/pt-br/web/javascript/reference/global_objects/array/unobserve/index.html b/files/pt-br/web/javascript/reference/global_objects/array/unobserve/index.html deleted file mode 100644 index a509f16afb..0000000000 --- a/files/pt-br/web/javascript/reference/global_objects/array/unobserve/index.html +++ /dev/null @@ -1,129 +0,0 @@ ---- -title: Array.unobserve() -slug: Web/JavaScript/Reference/Global_Objects/Array/unobserve -translation_of: Archive/Web/JavaScript/Array.unobserve ---- -<div>{{JSRef}}</div> - -<div>O método Array<strong>.unobserve()</strong> é usado para remover observers adicionados pelo {{jsxref("Array.observe()")}}.</div> - -<div> </div> - -<h2 id="Sintaxe">Sintaxe</h2> - -<pre class="syntaxbox"><code>Array.unobserve(<var>arr</var>, <var>callback</var>)</code></pre> - -<h3 id="Parâmetros">Parâmetros</h3> - -<dl> - <dt><code>arr</code></dt> - <dd>O array para remover os observers.</dd> - <dt><code>callback</code></dt> - <dd><code>A referência para o observer para parar de ser chamada a toda vez em que algo é modificado no array </code><strong>arr</strong>.</dd> -</dl> - -<h2 id="Descrição">Descrição</h2> - -<p><code>Array.unobserve()</code> deve ser chamado após o {{jsxref("Array.observe()")}} a fim de remover um observers de um array.</p> - -<p>O callback deve ser uma referencia à uma função e não a uma função anônima, porquê esta referencia será usada para remover o observer anterior. É inútil chamar o <strong>Array.unobserve() </strong>com uma função anônima como callback, não removerá nenhum observer.</p> - -<h2 id="Exemplos">Exemplos</h2> - -<h3 id="Desobservando_um_array">Desobservando um array</h3> - -<pre class="brush: js">var arr = [1, 2, 3]; - -var observer = function(changes) { - console.log(changes); -} - -Array.observe(arr, observer); - -arr.push(4); -// [{type: "splice", object: <arr>, index: 3, removed:[], addedCount: 1}] - -Array.unobserve(arr, observer); - -arr.pop(); -// O callback não foi chamado</pre> - -<h3 id="Usando_uma_função_anônima">Usando uma função anônima</h3> - -<pre class="brush: js">var persons = ['Khalid', 'Ahmed', 'Mohammed']; - -Array.observe(persons, function (changes) { - console.log(changes); -}); - -persons.shift(); -// [{type: "splice", object: <arr>, index: 0, removed: [ "Khalid" ], addedCount: 0 }] - -Array.unobserve(persons, function (changes) { - console.log(changes); -}); - -persons.push('Abdullah'); -// [{type: "splice", object: <arr>, index: 2, removed: [], addedCount: 1 }] -// O callback sempre será chamado -</pre> - -<h2 id="Compatibilidade_com_os_navegadores">Compatibilidade com os navegadores</h2> - -<div>{{CompatibilityTable}}</div> - -<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</th> - </tr> - <tr> - <td>Suporte básico</td> - <td>{{CompatChrome("36")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatOpera("23")}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suporte básico</td> - <td>{{CompatNo}}</td> - <td>{{CompatChrome("36")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatOpera("23")}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Ver_também">Ver também</h2> - -<ul> - <li>{{jsxref("Array.observe()")}} {{experimental_inline}}</li> - <li>{{jsxref("Object.observe()")}} {{experimental_inline}}</li> - <li>{{jsxref("Object.unobserve()")}} {{experimental_inline}}</li> -</ul> diff --git a/files/pt-br/web/javascript/reference/global_objects/function/arity/index.html b/files/pt-br/web/javascript/reference/global_objects/function/arity/index.html deleted file mode 100644 index 93e4fb75b5..0000000000 --- a/files/pt-br/web/javascript/reference/global_objects/function/arity/index.html +++ /dev/null @@ -1,78 +0,0 @@ ---- -title: Function.arity -slug: Web/JavaScript/Reference/Global_Objects/Function/arity -tags: - - Função - - JavaScript - - Não implementado - - Obsoleto - - Propriedade -translation_of: Archive/Web/JavaScript/Function.arity ---- -<div>{{JSRef("Global_Objects", "Function")}} {{obsolete_header}}</div> - -<h2 id="Summary" name="Summary">Resumo</h2> - -<p class="note">A propriedade <code><strong>arity</strong></code> é usada para retornar o número de argumentos esperados por uma função, entretanto, ela não existe mais e foi substituida pela propriedade {{jsxref("Function.prototype.length")}}.</p> - -<h2 id="Especificações">Especificações</h2> - -<p>Implementada no JavaScript 1.2. Depreciada no JavaScript 1.4.</p> - -<h2 id="Compatibilidade_com_navegadores">Compatibilidade com navegadores</h2> - -<div>{{CompatibilityTable}}</div> - -<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</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</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>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="See_also" name="See_also">Veja também</h2> - -<ul> - <li>{{jsxref("Function.prototype.length")}}</li> -</ul> diff --git a/files/pt-br/web/javascript/reference/global_objects/function/isgenerator/index.html b/files/pt-br/web/javascript/reference/global_objects/function/isgenerator/index.html deleted file mode 100644 index b370305940..0000000000 --- a/files/pt-br/web/javascript/reference/global_objects/function/isgenerator/index.html +++ /dev/null @@ -1,55 +0,0 @@ ---- -title: Function.prototype.isGenerator() -slug: Web/JavaScript/Reference/Global_Objects/Function/isGenerator -tags: - - Função - - Não padronizados - - Obsoleto - - metodo -translation_of: Archive/Web/JavaScript/Function.isGenerator ---- -<div>{{JSRef}} {{non-standard_header}}</div> - -<p>O método não padronizado <code><strong>isGenerator()</strong></code> é usado para determinar se uma função é ou não um <a href="/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators#Generators.3A_a_better_way_to_build_Iterators">gerador</a>. Ele foi removido do Firefox a partir da versão 58.</p> - -<h2 id="Sintaxe">Sintaxe</h2> - -<pre class="syntaxbox"><code><var>fun</var>.isGenerator()</code></pre> - -<h3 id="Valor_de_retorno">Valor de retorno</h3> - -<p>Um {{jsxref("Boolean")}} que indica se dada função é ou nao um <a href="/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators#Generators.3A_a_better_way_to_build_Iterators">gerador</a>.</p> - -<h2 id="Descrição">Descrição</h2> - -<p>O método <code>isGenerator()</code> determina se uma função <em><code>fun</code></em> é ou não um <a href="/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators#Generators.3A_a_better_way_to_build_Iterators">gerador</a>. Fez parte de uma Proposta Inicial de Harmonia, mas não foi incluído na especificação do ECMAScript 2015.</p> - -<h2 id="Exemplos">Exemplos</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="Specificações">Specificações</h2> - -<p>Não faz parte de nenhuma especificação. Implementado no JavaScript 1.8.6.</p> - -<h2 id="Compatibilidade_do_Navegador">Compatibilidade do Navegador</h2> - -<div> -<div class="hidden">A tabela de compatibilidade nesta página é gerada a partir de dados estrurados. Se você não quiser contribuir com estes dados, por favor veja <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> e envie-nos um pull request.</div> - -<p>{{Compat("javascript.builtins.Function.isGenerator")}}</p> -</div> - -<h2 id="Veja_também">Veja também</h2> - -<ul> - <li><a href="/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators">Iteradores e geradores</a></li> -</ul> diff --git a/files/pt-br/web/javascript/reference/global_objects/iterador/index.html b/files/pt-br/web/javascript/reference/global_objects/iterador/index.html deleted file mode 100644 index 1d00706e61..0000000000 --- a/files/pt-br/web/javascript/reference/global_objects/iterador/index.html +++ /dev/null @@ -1,184 +0,0 @@ ---- -title: Iterator -slug: Web/JavaScript/Reference/Global_Objects/Iterador -translation_of: Archive/Web/Iterator ---- -<div>{{jsSidebar("Objects")}}</div> - -<div class="warning"><strong>Non-standard.</strong> The <code><strong>Iterator</strong></code> function is a SpiderMonkey-specific feature, and will be removed at some point. For future-facing usages, consider using <a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...of" title="/en-US/docs/Web/JavaScript/Reference/Statements/for...of">for..of</a> loops and the <a href="/en-US/docs/Web/JavaScript/Guide/The_Iterator_protocol">iterator protocol</a>.</div> - -<p>A função <code><strong>Iterator</strong></code> retorna um objeto que implementa o protocolo legado do iterador e itera sobre propriedades enumeraveis do objeto.</p> - -<h2 id="Syntax">Syntax</h2> - -<pre class="syntaxbox">Iterator(<var>object</var>, [keyOnly])</pre> - -<h3 id="Parametros">Parametros</h3> - -<dl> - <dt><code>Objeto</code></dt> - <dd><span style="background-color: #ffffff; font-size: 1rem; font-style: inherit; font-weight: inherit; letter-spacing: -0.00278rem;">Objeto que itera sobre as propriedades</span></dd> - <dd>Se <code>keyOnly</code> for um valor verdadeiro, <code>Iterator.prototype.next</code> retorna somente o <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5);">nome_da_propriedade</span></font>.</dd> -</dl> - -<h2 id="Description">Description</h2> - -<p>Returns <code>Iterator</code> instance that iterates over <code>object</code>. <code>Iterator</code> instance returns <code>[property_name, property_value]</code> array for each iteration if <code>keyOnly</code> is falsy, otherwise, if <code>keyOnly</code> is truthy, it returns <code>property_name</code> for each iteration. If <code>object</code> is the <code>Iterator</code> instance or {{jsxref("Generator")}} instance, it returns <code>object</code> itself.</p> - -<h2 id="Properties">Properties</h2> - -<dl> - <dt><code><strong>Iterator.prototype[@@iterator]</strong></code></dt> - <dd>Returns a function that returns iterator object, that conforms to {{jsxref("Iteration_protocols", "iterator protocol", "", 1)}}.</dd> -</dl> - -<h2 id="Methods">Methods</h2> - -<dl> - <dt><code><strong>Iterator.prototype.next</strong></code></dt> - <dd>Returns next item in the <code>[property_name, property_value]</code> format or <code>property_name</code> only. It throws <code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/StopIteration">StopIteration</a></code> if there are no more items.</dd> -</dl> - -<h2 id="Examples">Examples</h2> - -<h3 id="Iterating_over_properties_of_an_object">Iterating over properties of an object</h3> - -<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()); // throws StopIteration -</pre> - -<h3 id="Iterating_over_properties_of_an_object_with_legacy_destructuring_for-in_statement">Iterating over properties of an object with legacy destructuring <code>for-in</code> statement</h3> - -<pre class="brush: js">var a = { - x: 10, - y: 20, -}; - -for (var [name, value] in Iterator(a)) { - console.log(name, value); // x 10 - // y 20 -} -</pre> - -<h3 id="Iterating_with_for-of">Iterating with <code>for-of</code></h3> - -<pre class="brush: js">var a = { - x: 10, - y: 20, -}; - -for (var [name, value] of Iterator(a)) { // @@iterator is used - console.log(name, value); // x 10 - // y 20 -} -</pre> - -<h3 id="Iterates_over_property_name">Iterates over property name</h3> - -<pre class="brush: js">var a = { - x: 10, - y: 20, -}; - -for (var name in Iterator(a, true)) { - console.log(name); // x - // y -} -</pre> - -<h3 id="Passing_Generator_instance">Passing Generator instance</h3> - -<pre class="brush: js">function f() { - yield "a"; - yield "b"; -} -var g = f(); - -console.log(g == Iterator(g)); // true - -for (var v in Iterator(g)) { - console.log(v); // a - // b -} -</pre> - -<h3 id="Passing_Iterator_instance">Passing Iterator instance</h3> - -<pre class="brush: js">var a = { - x: 10, - y: 20, -}; - -var i = Iterator(a); - -console.log(i == Iterator(i)); // true -</pre> - -<h2 id="Specifications">Specifications</h2> - -<p>Non-standard. Not part of any current standards document.</p> - -<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</th> - </tr> - <tr> - <td>Basic support</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>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</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="See_also">See also</h2> - -<ul> - <li><a href="/en-US/docs/JavaScript/Guide/Iterators_and_Generators" title="/en-US/docs/JavaScript/Guide/Iterators_and_Generators">Iterators and Generators</a></li> - <li><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/StopIteration">StopIteration</a></code></li> -</ul> diff --git a/files/pt-br/web/javascript/reference/global_objects/object/count/index.html b/files/pt-br/web/javascript/reference/global_objects/object/count/index.html deleted file mode 100644 index 24b13a68b8..0000000000 --- a/files/pt-br/web/javascript/reference/global_objects/object/count/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: Object.prototype.__count__ -slug: Web/JavaScript/Reference/Global_Objects/Object/count -tags: - - JavaScript - - Não-padronizado - - Objeto - - Obsoleto - - Propriedade - - Prototipo - - Prototype -translation_of: Archive/Web/JavaScript/Object.count ---- -<div>{{JSRef}}{{Non-standard_Header}}{{obsolete_header("gecko2")}}</div> - -<p>A propriedade <strong><code>__count__</code></strong> usada para armazenar a contagem de propriedades enumeráveis sobre o objeto, mas ele foi removido.</p> - -<h2 id="Sintaxe">Sintaxe</h2> - -<pre class="syntaxbox"><var>obj</var>.__count__</pre> - -<h2 id="Exemplos">Exemplos</h2> - -<pre class="brush: js">{ 1: 1 }.__count__ // 1 -[].__count__ // 0 -[1].__count__ // 1 -[1, /* hole */, 2, 3].__count__ // 3 -</pre> - -<h2 id="Especificações">Especificações</h2> - -<p>Não faz parte de qualquer especificação.</p> - -<h2 id="Compatibilidade_de_navegadores">Compatibilidade de navegadores</h2> - -<div> - - -<p>{{Compat("javascript.builtins.Object.count")}}</p> -</div> - -<h2 id="Veja_também">Veja também</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/">[Blog post] Mais trocas vindo para SpiderMonkey: a mágica propriedade __count__ está sendo removid</a>a</li> -</ul> diff --git a/files/pt-br/web/javascript/reference/global_objects/object/observe/index.html b/files/pt-br/web/javascript/reference/global_objects/object/observe/index.html deleted file mode 100644 index c9964127c5..0000000000 --- a/files/pt-br/web/javascript/reference/global_objects/object/observe/index.html +++ /dev/null @@ -1,161 +0,0 @@ ---- -title: Object.observe() -slug: Web/JavaScript/Reference/Global_Objects/Object/observe -tags: - - JavaScript - - Obsoleto - - observe -translation_of: Archive/Web/JavaScript/Object.observe ---- -<div> -<p>{{JSRef}} {{obsolete_header}}</p> - -<p>O método <strong><code>Object.observe()</code></strong> era usado para observações de mudanças, de forma assíncronas de um objeto. Ele fornecia um fluxo de mudanças na ordem em que elas ocorriam. Porém, está API foi depreciada e removida dos navegadores. Você pode utilizar o objeto {{jsxref("Proxy")}} como alternativa.</p> -</div> - -<h2 id="Sintaxe">Sintaxe</h2> - -<pre class="syntaxbox"><code>Object.observe(<var>obj</var>, <var>callback</var>)</code></pre> - -<h3 id="Parâmetros">Parâmetros</h3> - -<dl> - <dt><code>obj</code></dt> - <dd>O objeto a ser observado.</dd> - <dt><code>callback</code></dt> - <dd>A função chamada cada vez que as alterações são feitas, com o seguinte argumento: - <dl> - <dt><code>changes</code></dt> - <dd>Um array de objetos onde cada item representa uma mudança. As propriedades destes objetos de mudança são: - <ul> - <li><strong><code>name</code></strong>: O nome da propriedade que foi alterada.</li> - <li><strong><code>object</code></strong>: O objeto alterado depois que a mudança foi feita.</li> - <li><strong><code>type</code></strong>: Uma string indicando o tipo de mudança. Pode ser <code>"add"</code>, <code>"update"</code>, ou <code>"delete"</code>.</li> - <li><strong><code>oldValue</code></strong>: Apenas para os tipos <code>"update"</code> e <code>"delete"</code>. O valor antes da alteração.</li> - </ul> - </dd> - <dt><code>acceptList</code></dt> - <dd>A lista dos tipos de alterações a serem observadas no objeto dado para o retorno de chamada dado. Se omitida, o array <code>["add", "update", "delete", "reconfigure", "setPrototype", "preventExtensions"]</code> será usado.</dd> - <dt> - <h3 id="Retorno">Retorno</h3> - - <p>O objeto será retornado.</p> - </dt> - </dl> - </dd> -</dl> - -<h2 id="Descrição">Descrição</h2> - -<p>O <code>callback</code> é chamado à cada vez que uma mudança ocorre no <code>obj</code>, com um array contendo todas as mudanças na ordem em que elas ocorreram.</p> - -<h2 id="Exemplos">Exemplos</h2> - -<h3 id="Exemplo_Registrando_todos_os_três_tipos_diferentes">Exemplo: Registrando todos os três tipos diferentes</h3> - -<pre class="brush: js">var obj = { - foo: 0, - bar: 1 -}; - -Object.observe(obj, function(changes) { - console.log(changes); -}); - -obj.baz = 2; -// [{name: 'baz', object: <obj>, type: 'add'}] - -obj.foo = 'hello'; -// [{name: 'foo', object: <obj>, type: 'update', oldValue: 0}] - -delete obj.baz; -// [{name: 'baz', object: <obj>, type: 'delete', oldValue: 2}] -</pre> - -<h3 id="Exemplo_Data_Binding">Exemplo: Data Binding</h3> - -<pre class="brush: js">// Um modelo chamado "user" -var user = { - id: 0, - name: 'Brendan Eich', - title: 'Mr.' -}; - -// Criando uma saudação para o user -function updateGreeting() { - user.greeting = 'Olá, ' + user.title + ' ' + user.name + '!'; -} -updateGreeting(); - -Object.observe(user, function(changes) { - changes.forEach(function(change) { - // Sempre que o name e o title mudarem, o updateGreeting será executado - if (change.name === 'name' || change.name === 'title') { - updateGreeting(); - } - }); -}); -</pre> - -<h2 id="Specifications" name="Specifications">Especificações</h2> - -<p><a href="https://github.com/arv/ecmascript-object-observe">Strawman proposal for ECMAScript 7</a>.</p> - -<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidade com Navegadores</h2> - -<div>{{CompatibilityTable}}</div> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Recurso</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Suporte Básico</td> - <td>{{CompatChrome("36")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatOpera("23")}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Recurso</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Suporte Básico</td> - <td>{{CompatNo}}</td> - <td>{{CompatChrome("36")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatOpera("23")}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="See_also" name="See_also">Veja também</h2> - -<ul> - <li>{{jsxref("Object.unobserve()")}} {{experimental_inline}}</li> - <li>{{jsxref("Array.observe()")}} {{experimental_inline}}</li> -</ul> diff --git a/files/pt-br/web/javascript/reference/operators/array_comprehensions/index.html b/files/pt-br/web/javascript/reference/operators/array_comprehensions/index.html deleted file mode 100644 index c035f757d7..0000000000 --- a/files/pt-br/web/javascript/reference/operators/array_comprehensions/index.html +++ /dev/null @@ -1,207 +0,0 @@ ---- -title: Array comprehensions -slug: Web/JavaScript/Reference/Operators/Array_comprehensions -tags: - - Array - - ECMAScript7 - - JavaScript - - Operador -translation_of: Archive/Web/JavaScript/Array_comprehensions ---- -<p>{{jsSidebar("Operators")}}</p> - -<h2 id="Sumário">Sumário</h2> - -<p> </p> - -<p><span class="seoSummary"><span style="line-height: 19.0909080505371px;">A sintaxe de </span><strong style="line-height: 19.0909080505371px;">array comprehension</strong><span style="line-height: 19.0909080505371px;"> trata-se de uma expressão JavaScript que lhe permite rapidamente montar um novo array com base em outro já existente. As comprehensions já existem em várias outras linguagens e estarão então presentes no padrão ECMAScript 7.</span></span></p> - -<p>Veja abaixo as diferenças para a antiga implementação no SpiderMOnkey, baseado nas propostas para o ECMAScript 4.</p> - -<h2 id="Sintaxe">Sintaxe</h2> - -<pre class="syntaxbox">[for (x of iterable) x] -[for (x of iterable) if (condition) x] -[for (x of iterable) for (y of iterable) x + y] -</pre> - -<h2 id="Descrição">Descrição</h2> - -<p>Dentro de array comprehensions dois tipos de components são permitidos: </p> - -<ul> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...of">for...of</a> e</li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/if...else">if</a></li> -</ul> - -<p>A iteração por for-of deve sempre, ser a primeira componente. Multiplos <code>for-of</code> ou <code>if</code>s podem também ser permitidos.</p> - -<h2 id="Exemplos">Exemplos</h2> - -<h3 id="Array_comprehensions_simples">Array comprehensions simples</h3> - -<pre class="brush:js">[for (i of [ 1, 2, 3 ]) i*i ]; -// [ 1, 4, 9 ] - -var abc = [ "A", "B", "C" ]; -[for (letters of abc) letters.toLowerCase()]; -// [ "a", "b", "c" ]</pre> - -<h3 id="Array_comprehensions_com_if">Array comprehensions com <code>if</code></h3> - -<pre class="brush: js">var years = [ 1954, 1974, 1990, 2006, 2010, 2014 ]; -[for (year of years) if (year > 2000) year]; -// [ 2006, 2010, 2014 ] -[for (year of years) if (year > 2000) if(year < 2010) year]; -// [ 2006], the same as below: -[for (year of years) if (year > 2000 && year < 2010) year]; -// [ 2006] -</pre> - -<h3 id="Array_comprehensions_comparado_a_map_e_filter">Array comprehensions comparado a <code>map</code> e <code>filter</code></h3> - -<p>Um modo fácil de entender a sintaxe de array comprehension é comparar com os métodos {{jsxref("Array.map", "map")}} e {{jsxref("Array.filter", "filter")}}:</p> - -<pre class="brush: js">var numbers = [ 1, 2, 3 ]; - -numbers.map(function (i) { return i * i }); -[for (i of numbers) i*i ]; -// both is [ 1, 4, 9 ] - -numbers.filter(function (i) { return i < 3 }); -[for (i of numbers) if (i < 3) i]; -// both is [ 1, 2 ] -</pre> - -<h3 id="Array_comprehensions_com_dois_arrays">Array comprehensions com dois arrays</h3> - -<p>Utilizando dois iteradores <code>for-of, com dois arrays:</code></p> - -<pre class="brush: js">var numbers = [ 1, 2, 3 ]; -var letters = [ "a", "b", "c" ]; - -var cross = [for (i of numbers) for (j of letters) i+j]; -// [ "1a", "1b", "1c", "2a", "2b", "2c", "3a", "3b", "3c" ] - -var grid = [for (i of numbers) [for (j of letters) i+j]]; -// [ -// ["1a", "1b", "1c"], -// ["2a", "2b", "2c"], -// ["3a", "3b", "3c"] -// ] - -[for (i of numbers) if (i > 1) for (j of letters) if(j > "a") i+j] -// ["2b", "2c", "3b", "3c"], the same as below: - -[for (i of numbers) for (j of letters) if (i > 1) if(j > "a") i+j] -// ["2b", "2c", "3b", "3c"] - -[for (i of numbers) if (i > 1) [for (j of letters) if(j > "a") i+j]] -// [["2b", "2c"], ["3b", "3c"]], not the same as below: - -[for (i of numbers) [for (j of letters) if (i > 1) if(j > "a") i+j]] -// [[], ["2b", "2c"], ["3b", "3c"]] -</pre> - -<h2 id="Especificações">Especificações</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - <tr> - <td>Proposed for ECMAScript 7</td> - <td>No draft available yet</td> - <td>Estava inicialmente no rascunho para o ES6, porém foi removido na revisão 27 (Agosto, 2014). Veja as revisões antigas do ES6 para especificações de semântica. Uma versão atualizada estará de volta em um novo rascunho do ES7.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilidade">Compatibilidade</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</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatGeckoDesktop("30") }}</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>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatGeckoMobile("30") }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - <td>{{ CompatNo() }}</td> - </tr> - </tbody> -</table> -</div> - -<h3 id="Notas_sobre_implementações_para_o_SpiderMonkey">Notas sobre implementações para o SpiderMonkey</h3> - -<ul> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/let"><code>let</code></a> como um idenficador não é suportado, assim let está recentemente disponível somente para JS versão 1.7 e tags de scripts XUL.</li> - <li>Destruturação em comprehensions ainda não é suportado ({{bug(980828)}}).</li> -</ul> - -<h3 id="Diferenças_para_as_antiga_JS1.7JS1.8_comprehensions">Diferenças para as antiga JS1.7/JS1.8 comprehensions</h3> - -<ul> - <li>Comprehensions no ES7 criam um escopo para cada nó de <font face="Courier New, Andale Mono, monospace">for<code> ao invés da comprehension toda</code></font> - - <ul> - <li>Antigo: <code>[()=>x for (x of [0, 1, 2])][1]() // 2</code></li> - <li>Novo: <code>[for (x of [0, 1, 2]) ()=>x][1]() // 1, cada iteração cria uma nova binding para o </code>x.</li> - </ul> - </li> - <li>Comprehensions no ES7 iniciam com <code>for</code> ao invés de expressão de assinalamento. - <ul> - <li>Antigo: <code>[i * 2 for (i of numbers)]</code></li> - <li>Novo: <code>[for (i of numbers) <code>i * 2</code>]</code></li> - </ul> - </li> - <li>Comprehensions no ES7 podem ter multiplos <code>if</code> e <code>for</code>.</li> - <li>Comprehensions no ES7 funcionam apenas com <code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...of">for...of</a></code> e não com iterações <code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...in">for...in</a>.</code></li> -</ul> - -<h2 id="See_also" name="See_also">Veja Também</h2> - -<ul> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...of"><code>for...of</code></a></li> - <li>{{jsxref("Operators/Generator_comprehensions", "Generator comprehensions", "" ,1)}}</li> -</ul> diff --git a/files/pt-br/web/javascript/reference/operators/expression_closures/index.html b/files/pt-br/web/javascript/reference/operators/expression_closures/index.html deleted file mode 100644 index afae2c0459..0000000000 --- a/files/pt-br/web/javascript/reference/operators/expression_closures/index.html +++ /dev/null @@ -1,72 +0,0 @@ ---- -title: Expression closures -slug: Web/JavaScript/Reference/Operators/Expression_closures -translation_of: Archive/Web/JavaScript/Expression_closures ---- -<div>{{JSSidebar("Operators")}}{{Non-standard_Header}}{{Obsolete_Header("gecko60")}} -<div class="warning"><strong>Não padronizado. Não use!</strong><br> -A síntaxe expressão closure syntax é uma feature especifica ao Firefox que foi deprecada e foi removida a partir do Firefox 60. Para usos futuros considere usar <a href="/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions">arrow functions</a>.</div> -</div> - -<p>Expressões fechamentos são uma forma curta de sintaxe de função para escrever funções simples.</p> - -<h2 id="Síntaxe">Síntaxe</h2> - -<pre class="syntaxbox">function [<em>nome</em>]([<em>param1</em>[, <em>param2[</em>, ..., <em>paramN</em>]]]) - <em>expressão</em> -</pre> - -<h3 id="Parâmetros">Parâmetros</h3> - -<dl> - <dt><code>nome</code></dt> - <dd>O nome da função. Pode ser omitido, passando a ser nesse caso uma função <em>anónima</em>. O nome só é local ao corpo da função.</dd> - <dt><code>paramN</code></dt> - <dd>Nome do parâmetro a ser passado à função. Uma função pode receber até 255 argumentos.</dd> - <dt><code>expressão</code></dt> - <dd>A expressão pela qual o corpo da função é composta</dd> -</dl> - -<h2 id="Descrição">Descrição</h2> - -<p>Esta adição é nada mais que uma maneira reduzida de escreve funções simples, dando à linguagem algo semelhante a <a class="external" href="http://en.wikipedia.org/wiki/Lambda_calculus#Lambda_calculus_and_programming_languages">Notação Lambda</a>.</p> - -<p>JavaScript 1.7 e anterior:</p> - -<pre class="brush: js">function(x) { return x * x; }</pre> - -<p>JavaScript 1.8:</p> - -<pre class="brush: js">function(x) x * x</pre> - -<p>Esta Síntaxe permite omitir as chavetas e o 'return' - fazendo-os implícitos. Não benifício adicional em escrever código desta forma para além de ser sintáticamente reduzido.</p> - -<h2 id="Exemplos">Exemplos</h2> - -<p>Uma maneira reduzida de fazer bind de EventListeners:</p> - -<pre class="brush: js"> document.addEventListener('click', function() false, true); -</pre> - -<p>Usando esta função com algumas funções de array do JavaScript 1.6:</p> - -<pre class="brush: js">elems.some(function(elem) elem.type == 'text'); -</pre> - -<h2 id="Compatibilidade_do_Browser">Compatibilidade do Browser</h2> - - - -<p>{{Compat("javascript.operators.expression_closures")}}</p> - -<h2 id="Ver_também">Ver também</h2> - -<ul> - <li>{{JSxRef("Functions_and_function_scope", "Functions and function scope")}}</li> - <li>{{JSxRef("Function")}}</li> - <li>{{JSxRef("Statements/function", "function statement")}}</li> - <li>{{JSxRef("Operators/function", "function expression")}}</li> - <li>{{JSxRef("Statements/function*", "function* statement")}}</li> - <li>{{JSxRef("Operators/function*", "function* expression")}}</li> - <li>{{JSxRef("GeneratorFunction")}}</li> -</ul> diff --git a/files/pt-br/web/javascript/reference/operators/generator_comprehensions/index.html b/files/pt-br/web/javascript/reference/operators/generator_comprehensions/index.html deleted file mode 100644 index 1cbfb286f4..0000000000 --- a/files/pt-br/web/javascript/reference/operators/generator_comprehensions/index.html +++ /dev/null @@ -1,169 +0,0 @@ ---- -title: Generator comprehensions -slug: Web/JavaScript/Reference/Operators/Generator_comprehensions -translation_of: Archive/Web/JavaScript/Generator_comprehensions ---- -<div>{{JSSidebar("Operators")}}{{Non-standard_Header}}{{Obsolete_Header("gecko58")}} -<div class="blockIndicator warning"> -<p><strong>Não padronizado. Não use!</strong><br> - A sintaxe de generator comprehensions não é padronizada e foi removida a partir do Firefox 58. Para usos futuros, considere o uso de {{JSxRef ("Statements / function *", "generator", "", 1)}}.</p> -</div> -</div> - -<p>A sintaxe de <strong>generator comprehension</strong> foi uma expressão em JavaScript que permitia montar rapidamente um nova função geradora baseada em um objeto iterável existente. Porém, ela foi removida do padrão e da implementação Firefox. Não a use!</p> - -<h2 id="Sintaxe">Sintaxe</h2> - -<pre class="syntaxbox">(for (x of iterable) x) -(for (x of iterable) if (condition) x) -(for (x of iterable) for (y of iterable) x + y) -</pre> - -<h2 id="Descrição">Descrição</h2> - -<p>Dentro de generator comprehensions, são permitidos dois tipos de componentes:</p> - -<ul> - <li>{{JSxRef("Statements/for...of", "for...of")}} and</li> - <li>{{JSxRef("Statements/if...else", "if")}}</li> -</ul> - -<p>A iteração <code>for-of</code> é sempre o primeiro componente. Várias iterações <code>for-of</code> or declarações <code>if</code> são permitidas.</p> - -<p>Uma desvantagem significativa das {{JSxRef("Operators/Array_comprehensions","array comprehensions","","true")}} é que elas causam a construção de um array inteiro na memória. Quando a entrada para a comprehension é em si um pequeno array ,a sobrecarga envolvida é insignificante — mas quando a entrada é um grande array ou um generator custoso (ou mesmo infinito), a criação de um novo array pode ser problemática.</p> - -<p>Geradores permitem o cálculo lento de sequências, com items calculados sob demanda conforme a necessidade. Generator comprehensions são sintaticamente quase idênticos aos array comprehensions — elas usam parênteses invés de chaves — mas invés de construir um array, criam um gerador que pode executar lentamente. Eles podem ser considerados como uma sintaxe abreviada para criar geradores</p> - -<p>Suponha que temos um interador <code>it</code> que itera sobre uma grande sequência de inteiros. Queremos criar um novo iterador que irá iterar sobre seus dobros. Um array comprehension criaria na memória um array completo contendo os valores dobrados:</p> - -<pre class="brush: js">var doubles = [for (i in it) i * 2]; -</pre> - -<p>Um generator comprehension por outro lado criaria um novo iterador que criaria valores dobrados sob demanda conforme a necessidade:</p> - -<pre class="brush: js">var it2 = (for (i in it) i * 2); -console.log(it2.next()); // O primeiro valor, duplicado -console.log(it2.next()); // O segundo valor, duplicado -</pre> - -<p>Quando um generator comprehension é usado como um argumento para uma função, os parênteses usados para a chamada da função significam que os parênteses externos podem ser omitidos:</p> - -<pre class="brush: js">var result = doSomething(for (i in it) i * 2); -</pre> - -<p>A diferença significativa entre os dois exemplos começam pelo uso da generator comprehension, você teria apenas que fazer um loop sobre a estrutura 'obj' uma vez, total, ao invés de uma vez ao compreender o array, e mais uma vez ao iterar sobre ele.</p> - -<h2 id="Exemplos">Exemplos</h2> - -<h3 id="Simples_generator_comprehensions">Simples generator comprehensions</h3> - -<pre class="brush:js">(for (i of [1, 2, 3]) i * i ); -// generator function which yields 1, 4, and 9 - -[...(for (i of [1, 2, 3]) i * i )]; -// [1, 4, 9] - -var abc = ['A', 'B', 'C']; -(for (letters of abc) letters.toLowerCase()); -// generator function which yields "a", "b", and "c" -</pre> - -<h3 id="Generator_comprehensions_com_declaração_if">Generator comprehensions com declaração if</h3> - -<pre class="brush: js">var years = [1954, 1974, 1990, 2006, 2010, 2014]; - -(for (year of years) if (year > 2000) year); -// generator function which yields 2006, 2010, and 2014 - -(for (year of years) if (year > 2000) if (year < 2010) year); -// generator function which yields 2006, the same as below: - -(for (year of years) if (year > 2000 && year < 2010) year); -// generator function which yields 2006 -</pre> - -<h3 id="Generator_comprehensions_comparadas_à_função_geradora">Generator comprehensions comparadas à função geradora</h3> - -<p>Um maneira fácil de entender a sintaxe de generator comprehension, é compará-la com a função geradora.</p> - -<p>Exemplo 1: Gerador simples.</p> - -<pre class="brush: js">var numbers = [1, 2, 3]; - -// Generator function -(function*() { - for (let i of numbers) { - yield i * i; - } -})(); - -// Generator comprehension -(for (i of numbers) i * i ); - -// Result: both return a generator which yields [1, 4, 9] -</pre> - -<p>Exemplo 2: Usando <code>if</code> no gerador.</p> - -<pre class="brush: js">var numbers = [1, 2, 3]; - -// Generator function -(function*() { - for (let i of numbers) { - if (i < 3) { - yield i * 1; - } - } -})(); - -// Generator comprehension -(for (i of numbers) if (i < 3) i); - -// Result: both return a generator which yields [1, 2]</pre> - -<h2 id="Especificações">Especificações</h2> - -<p>As generator comprehensions estavam inicialmente no rascunho do ECMAScript 2015, mas foram removidas na revisão 27 (agosto de 2014). Por favor, veja as revisões mais antigas do ES2015 para a semântica de especificação.</p> - -<h2 id="Compatibilidade_do_navegador">Compatibilidade do navegador</h2> - -<div class="hidden">A tabela de compatibilidade nesta página é gerada a partir de dados estruturados. Se você quiser contribuir com os dados, confira https://github.com/mdn/browser-compat-data e envie-nos uma solicitação de recebimento.</div> - -<p>{{Compat("javascript.operators.generator_comprehensions")}}</p> - -<h2 id="Diferenças_para_as_antigas_JS1.7JS1.8_comprehensions">Diferenças para as antigas JS1.7/JS1.8 comprehensions</h2> - -<div class="blockIndicator warning">Comprehensions das versões JS1.7/JS1.8 foram removidas da Gecko 46 ({{bug(1220564)}}).</div> - -<p><strong>Sintaxe antiga das </strong><strong>comprehensions (não use mais!):</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>Diferenças:</p> - -<ul> - <li>Comprehensions na ES7 criam um escopo para cada nó "for" invés da comprehension como um todo. - <ul> - <li>Antiga: <code>[...(()=>x for (x of [0, 1, 2]))][1]() // 2</code></li> - <li>Nova: <code>[...(for (x of [0, 1, 2]) ()=>x)][1]() // 1, cada iteração cria uma nova ligação para x</code><code>. </code></li> - </ul> - </li> - <li>Comprehensions na ES7 começam com "for" invés da expressão de atribuição. - <ul> - <li>Antiga: <code>(i * 2 for (i of numbers))</code></li> - <li>Nova: <code>(for (i of numbers) i * 2)</code></li> - </ul> - </li> - <li>Comprehensions na ES7 podem ter vários componentes <code>if</code> e <code>for</code>.</li> - <li>Comprehensions na ES7 apenas trabalham com <code>{{JSxRef("Statements/for...of", "for...of")}}</code> e não com iterações <code>{{JSxRef("Statements/for...in", "for...in")}}</code>.</li> -</ul> - -<h2 id="Veja_também">Veja também</h2> - -<ul> - <li>{{JSxRef("Statements/for...of", "for...of")}}</li> - <li>{{JSxRef("Operators/Array_comprehensions", "Array comprehensions")}}</li> -</ul> diff --git a/files/pt-br/web/javascript/reference/statements/for_each...in/index.html b/files/pt-br/web/javascript/reference/statements/for_each...in/index.html deleted file mode 100644 index 8206aa9f5a..0000000000 --- a/files/pt-br/web/javascript/reference/statements/for_each...in/index.html +++ /dev/null @@ -1,126 +0,0 @@ ---- -title: for each...in -slug: Web/JavaScript/Reference/Statements/for_each...in -tags: - - Declaração - - Deprecado - - Deprecated - - JavaScript - - Obsoleto -translation_of: Archive/Web/JavaScript/for_each...in ---- -<div>{{jsSidebar("Statements")}}</div> - -<div class="warning"> -<p>A declaração <code>for each...in</code> está obsoleta como parte do padrão ECMA-357 (<a href="/en-US/docs/Archive/Web/E4X" title="/en-US/docs/E4X">E4X</a>). O suporte E4X foi removido, mas o for each...in não será desativado e removido por questões de compatibilidade que precisam ser consideradas. Ao invés disso, procure utilizar <a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...of" title="/en-US/docs/JavaScript/Reference/Statements/for...of">for...of</a>. (Por favor, referir-se a {{ bug("791343")}}.)</p> - -<p><strong>O Firefox agora alerta sobre o uso de <code>for each...in e não funciona mais no Firefox Nighly.</code> Por favor veja <a href="/pt-BR/docs/Web/JavaScript/Reference/Errors/For-each-in_loops_are_deprecated">Alerta: Loops for-each-in do JavaScript 1.6 estão obsoletos</a> para ajuda com a migração.</strong></p> -</div> - -<p>A <code><strong>declaração for each...in</strong></code> repete uma variável especifica sobre todos os valores das propriedades do objeto. Para cada propriedade distinta, uma declaração específica é executada.</p> - -<h2 id="Sintaxe">Sintaxe</h2> - -<pre class="syntaxbox"><code>for each (<em>variable</em> in <em>object</em>) { - <em>statement</em> -}</code></pre> - -<dl> - <dt><code>variável</code></dt> - <dd>Variável que itera sobre o valor da propriedade, opcionalmente declarado com a palavra-chave <code>var</code>. Essa variável é local à função, não ao loop.</dd> -</dl> - -<dl> - <dt><code>objeto</code></dt> - <dd>Objeto ao qual as propriedades são iteradas.</dd> -</dl> - -<dl> - <dt><font face="Consolas, Liberation Mono, Courier, monospace">declaração</font></dt> - <dd>Uma declaração a ser executada para cada propriedade. Para executar múltiplas declaração dentro do loop, utilize um <a href="/en-US/docs/Web/JavaScript/Reference/Statements/block" title="JavaScript/Reference/Statements/block">bloco</a> de declaração (<code>{ ... }</code>) para agrupar estas declarações.</dd> -</dl> - -<h2 id="Descrição">Descrição</h2> - -<p>Algumas propriedades internas não são iterada. Isso inclui todos os métodos internos dos objetos, ex. o método <code>String</code>'s <code>indexOf</code> . No entanto, todas propriedades definidas pelo usuários são iteradas.</p> - -<h2 id="Exemplos">Exemplos</h2> - -<h3 id="Usando_for_each...in">Usando <code>for each...in</code></h3> - -<p><strong>Atenção:</strong> Nunca utiliza um loop assim com arrays. Apenas utilize em objetos. Veja <a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...in"><code>for...in</code></a> para mais detalhes.</p> - -<p>O seguinte código itera sobre as propriedades do objeto, calculando sua soma:</p> - -<pre class="brush:js">var sum = 0; -var obj = {prop1: 5, prop2: 13, prop3: 8}; - -for each (var item in obj) { - sum += item; -} - -console.log(sum); // escreve no log "26", que é 5+13+8</pre> - -<h2 id="Especifições">Especifições</h2> - -<p>Não faz parte da atual especificação ECMA-262. Implementado no JavaScript 1.6 e está obsoleto.</p> - -<h2 id="Compatibilidade_de_Browsers">Compatibilidade de Browsers</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</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoDesktop("1.8")}}</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>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatGeckoMobile("1.0")}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<h2 id="Veja_também">Veja também</h2> - -<ul> - <li><code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...in" title="JavaScript/Reference/Statements/for...in">for...in</a></code> - uma declaração similar que itera sobre a propriedade <em>names</em>.</li> - <li><code><a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...of" title="/en-US/docs/JavaScript/Reference/Statements/for...of">for...of</a></code> - uma declaração similar que itera sobre os <em>valores</em> da propriedade mas pode ser utilizado para iterar tipos, então para para objetos genéricos.</li> - <li><code><a href="/en-US/docs/JavaScript/Reference/Statements/for" title="JavaScript/Reference/Statements/for">for</a></code></li> -</ul> diff --git a/files/pt-br/web/javascript/suporte_ao_ecmascript_6_na_mozilla/index.html b/files/pt-br/web/javascript/suporte_ao_ecmascript_6_na_mozilla/index.html deleted file mode 100644 index 4ebc32748b..0000000000 --- a/files/pt-br/web/javascript/suporte_ao_ecmascript_6_na_mozilla/index.html +++ /dev/null @@ -1,264 +0,0 @@ ---- -title: Suporte ao ECMAScript 6 na Mozilla -slug: Web/JavaScript/Suporte_ao_ECMAScript_6_na_Mozilla -translation_of: Archive/Web/JavaScript/New_in_JavaScript/ECMAScript_2015_support_in_Mozilla ---- -<div>{{jsSidebar("New_in_JS")}}</div> - - - -<p>ECMAScript 2015 é a próxima versão padronizada, chamada "ES.next". O <a href="http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts">espoço padrão</a> pode ser encontrado na ECMA wiki. O primeiro projeto trabalhado baseado no ECMAScript 5.1, foi publicado em 12 de Julho, 2011 como "ES.next". Como o de 2014, ECMAScript 2015 já tem suas características fixas, determinadas, será terminado em 2015 e começará a ser inserido na documentação oficial em Março de 2015 (para ser finalizada em Junho de 2015).</p> - -<p>O canal para feedbacks sobre padrões ECMAScript é o <a href="https://mail.mozilla.org/listinfo/es-discuss">es-discuss</a>.</p> - - - -<h2 id="Recursos_já_suportados_no_Firefox">Recursos já suportados no Firefox</h2> - -<p>The following features are already implemented in Firefox:</p> - -<h2 id="Standard_library">Standard library</h2> - -<h3 id="Adições_para_o_objeto_Array">Adições para o objeto <code>Array</code></h3> - -<ul> - <li>{{jsxref("Array")}} iteration with <code>for...of</code> (<a href="/en-US/Firefox/Releases/13">Firefox 13</a>)</li> - <li>{{jsxref("Array.from()")}} (<a href="/en-US/Firefox/Releases/32">Firefox 32</a>)</li> - <li>{{jsxref("Array.of()")}} (<a href="/en-US/Firefox/Releases/25">Firefox 25</a>)</li> - <li>{{jsxref("Array.prototype.fill()")}} (<a href="/en-US/Firefox/Releases/31">Firefox 31</a>)</li> - <li>{{jsxref("Array.prototype.find()")}}, {{jsxref("Array.prototype.findIndex()")}} (<a href="/en-US/Firefox/Releases/25">Firefox 25</a>)</li> - <li>{{jsxref("Array.prototype.entries()")}},<br> - {{jsxref("Array.prototype.keys()")}} (<a href="/en-US/Firefox/Releases/28">Firefox 28</a>)</li> - <li>{{jsxref("Array.prototype.copyWithin()")}} (<a href="/en-US/Firefox/Releases/32">Firefox 32</a>)</li> -</ul> - -<h3 id="Novos_objetos_Map_e_Set_e_seus_weak_counterparts">Novos objetos <code>Map</code> e <code>Set</code>, e seus weak counterparts</h3> - -<ul> - <li>{{jsxref("Map")}} (<a href="/en-US/Firefox/Releases/13">Firefox 13</a>) - - <ul> - <li>{{jsxref("Map")}} iteration with <code>for...of</code> (<a href="/en-US/Firefox/Releases/17">Firefox 17</a>)</li> - <li>{{jsxref("Map.prototype.forEach()")}} (<a href="/en-US/Firefox/Releases/25">Firefox 25</a>)</li> - <li>{{jsxref("Map.prototype.entries()")}},<br> - {{jsxref("Map.prototype.keys()")}},<br> - {{jsxref("Map.prototype.values()")}} (<a href="/en-US/Firefox/Releases/20">Firefox 20</a>)</li> - <li>Constructor argument: <code>new {{jsxref("Map")}}(null)</code> (<a href="/en-US/Firefox/Releases/37">Firefox 37</a>)</li> - <li>Monkey-patched <code>set()</code> in Constructor (<a href="/en-US/Firefox/Releases/37">Firefox 37</a>)</li> - </ul> - </li> - <li>{{jsxref("Set")}} (<a href="/en-US/Firefox/Releases/13">Firefox 13</a>) - <ul> - <li>{{jsxref("Set")}} iteration with <code>for...of</code> (<a href="/en-US/Firefox/Releases/17">Firefox 17</a>)</li> - <li>{{jsxref("Set.prototype.forEach()")}} (<a href="/en-US/Firefox/Releases/25">Firefox 25</a>)</li> - <li>{{jsxref("Set.prototype.entries()")}},<br> - {{jsxref("Set.prototype.keys()")}},<br> - {{jsxref("Set.prototype.values()")}} (<a href="/en-US/Firefox/Releases/24">Firefox 24</a>)</li> - <li>Constructor argument: <code>new {{jsxref("Set")}}(null)</code> (<a href="/en-US/Firefox/Releases/37">Firefox 37</a>)</li> - <li>Monkey-patched <code>add()</code> in Constructor (<a href="/en-US/Firefox/Releases/37">Firefox 37</a>)</li> - </ul> - </li> - <li>{{jsxref("WeakMap")}} (<a href="/en-US/Firefox/Releases/6">Firefox 6</a>) - <ul> - <li>{{jsxref("WeakMap.clear()")}} (<a href="/en-US/Firefox/Releases/20">Firefox 20</a>)</li> - <li>optional iterable argument in {{jsxref("WeakMap")}} constructor (<a href="/en-US/Firefox/Releases/36">Firefox 36</a>)</li> - <li>Constructor argument: <code>new {{jsxref("WeakMap")}}(null)</code> (<a href="/en-US/Firefox/Releases/37">Firefox 37</a>)</li> - <li>Monkey-patched <code>set()</code> in Constructor (<a href="/en-US/Firefox/Releases/37">Firefox 37</a>)</li> - </ul> - </li> - <li>{{jsxref("WeakSet")}} (<a href="/en-US/Firefox/Releases/34">Firefox 34</a>) - <ul> - <li>Constructor argument: <code>new {{jsxref("WeakSet")}}(null)</code> (<a href="/en-US/Firefox/Releases/37">Firefox 37</a>)</li> - <li>Monkey-patched <code>add()</code> in Constructor (<a href="/en-US/Firefox/Releases/37">Firefox 37</a>)</li> - </ul> - </li> -</ul> - -<h3 id="Novas_funções_Math">Novas funções <code>Math</code></h3> - -<ul> - <li>{{jsxref("Math.imul()")}} (<a href="/en-US/Firefox/Releases/20">Firefox 20</a>)</li> - <li>{{jsxref("Math.clz32()")}} (<a href="/en-US/Firefox/Releases/31">Firefox 31</a>)</li> - <li>{{jsxref("Math.fround()")}} (<a href="/en-US/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="/en-US/Firefox/Releases/25">Firefox 25</a>)</li> -</ul> - -<h3 id="Adições_para_o_objeto_Number">Adições para o objeto <code>Number</code></h3> - -<ul> - <li>{{jsxref("Number.isNaN()")}} (<a href="/en-US/Firefox/Releases/16">Firefox 16</a>)</li> - <li>{{jsxref("Number.isFinite()")}} (<a href="/en-US/Firefox/Releases/16">Firefox 16</a>)</li> - <li>{{jsxref("Number.isInteger()")}} (<a href="/en-US/Firefox/Releases/16">Firefox 16</a>)</li> - <li>{{jsxref("Number.parseInt()")}} (<a href="/en-US/Firefox/Releases/25">Firefox 25</a>)</li> - <li>{{jsxref("Number.parseFloat()")}} (<a href="/en-US/Firefox/Releases/25">Firefox 25</a>)</li> - <li>{{jsxref("Number.EPSILON")}} (<a href="/en-US/Firefox/Releases/25">Firefox 25</a>)</li> - <li>{{jsxref("Number.MAX_SAFE_INTEGER")}}, {{jsxref("Number.MIN_SAFE_INTEGER")}} (<a href="/en-US/Firefox/Releases/31">Firefox 31</a>)</li> - <li>{{jsxref("Number.isSafeInteger()")}} (<a href="/en-US/Firefox/Releases/32">Firefox 32</a>)</li> -</ul> - -<h3 id="Adições_para_o_objeto_Object">Adições para o objeto <code>Object</code></h3> - -<ul> - <li>{{jsxref("Object.is()")}} (<a href="/en-US/Firefox/Releases/22">Firefox 22</a>)</li> - <li>{{jsxref("Object.setPrototypeOf()")}} (<a href="/en-US/Firefox/Releases/31">Firefox 31</a>)</li> - <li>{{jsxref("Object.assign()")}} (<a href="/en-US/Firefox/Releases/34">Firefox 34</a>)</li> - <li>{{jsxref("Object.getOwnPropertySymbols()")}} (<a href="/en-US/Firefox/Releases/33">Firefox 33</a>)</li> -</ul> - -<h3 id="New_Promise_object">New <code>Promise</code> object</h3> - -<ul> - <li>{{jsxref("Promise")}} (<a href="/en-US/Firefox/Releases/24">Firefox 24</a>, enabled by default in <a href="/en-US/Firefox/Releases/29">Firefox 29</a>)</li> -</ul> - -<h3 id="Adições_para_objeto_RegExp">Adições para objeto <code>RegExp</code></h3> - -<ul> - <li>{{jsxref("RegExp")}} sticky (y) flag (<a href="/en-US/Firefox/Releases/3">Firefox 3</a>)</li> - <li>generic {{jsxref("RegExp.prototype.toString")}} (<a href="/en-US/Firefox/Releases/39">Firefox 39</a>)</li> -</ul> - -<h3 id="Adições_para_objeto_String">Adições para objeto <code>String</code></h3> - -<ul> - <li>{{jsxref("String.fromCodePoint()")}} (<a href="/en-US/Firefox/Releases/29">Firefox 29</a>)</li> - <li>{{jsxref("String.prototype.codePointAt()")}} (<a href="/en-US/Firefox/Releases/29">Firefox 29</a>)</li> - <li>{{jsxref("String.prototype.startsWith()")}}, {{jsxref("String.prototype.endsWith()")}} (<a href="/en-US/Firefox/Releases/17">Firefox 17</a>)</li> - <li>{{jsxref("String.prototype.includes()")}} (<a href="/en-US/Firefox/Releases/17">Firefox 17</a>)</li> - <li>{{jsxref("String.prototype.repeat()")}} (<a href="/en-US/Firefox/Releases/24">Firefox 24</a>)</li> - <li>{{jsxref("String.prototype.normalize()")}} (<a href="/en-US/Firefox/Releases/31">Firefox 31</a>)</li> - <li>{{jsxref("String.raw()")}} (<a href="/en-US/Firefox/Releases/34">Firefox 34</a>)</li> -</ul> - -<h3 id="New_Symbol_object">New <code>Symbol</code> object</h3> - -<ul> - <li>{{jsxref("Symbol")}} (<a href="/en-US/Firefox/Releases/36">Firefox 36</a>)</li> - <li>{{jsxref("Symbol.iterator")}} (<a href="/en-US/Firefox/Releases/36">Firefox 36</a>)</li> - <li>{{jsxref("Symbol.for()")}} - global Symbol registry (<a href="/en-US/Firefox/Releases/36">Firefox 36</a>)</li> - <li>{{jsxref("Symbol.match")}} (<a href="/en-US/Firefox/Releases/40">Firefox 40</a>)</li> -</ul> - -<h3 id="Nova_sintaxe_de_classe">Nova sintaxe de <code>classe</code></h3> - -<ul> - <li>Basic support (<a href="/en-US/Firefox/Releases/39">Firefox 39</a>)</li> - <li><code>extends</code> support (<a href="/en-US/Firefox/Releases/39">Firefox 39</a>)</li> - <li><code>static</code> method definitions (<a href="/en-US/Firefox/Releases/39">Firefox 39</a>)</li> -</ul> - -<h3 id="Arrays_tipados">Arrays tipados</h3> - -<p>Typed arrays are specified as part of ECMAScript 6 and no longer in <a href="https://www.khronos.org/registry/typedarray/specs/latest/">their own specification</a>.</p> - -<ul> - <li>{{jsxref("ArrayBuffer")}}</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> -</ul> - -<h2 id="Expressões_e_operadores">Expressões e operadores</h2> - -<ul> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator">Spread operator for arrays</a> (<a href="/en-US/Firefox/Releases/16">Firefox 16</a>) - - <ul> - <li>use <code>Symbol.iterator</code> property (<a href="/en-US/Firefox/Releases/36">Firefox 36</a>)</li> - </ul> - </li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator">Spread operator for function calls</a> (<a href="/en-US/Firefox/Releases/27">Firefox 27</a>) - <ul> - <li>use <code>Symbol.iterator</code> property (<a href="/en-US/Firefox/Releases/36">Firefox 36</a>)</li> - </ul> - </li> -</ul> - -<h2 id="Statements">Statements</h2> - -<ul> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/for...of"><code>for...of</code></a> (<a href="/en-US/Firefox/Releases/13">Firefox 13</a>) - - <ul> - <li>works in terms of <code>.iterator()</code> and <code>.next()</code> (<a href="/en-US/Firefox/Releases/17">Firefox 17</a>)</li> - <li>use <code>"@@iterator"</code> property (<a href="/en-US/Firefox/Releases/27">Firefox 27</a>)</li> - <li>use <code>Symbol.iterator</code> property (<a href="/en-US/Firefox/Releases/36">Firefox 36</a>)</li> - </ul> - </li> -</ul> - -<h2 id="Funções">Funções</h2> - -<ul> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions_and_function_scope/rest_parameters">Rest parameters</a> (<a href="/en-US/Firefox/Releases/15">Firefox 15</a>)</li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/default_parameters">Default parameters</a> (<a href="/en-US/Firefox/Releases/15">Firefox 15</a>)</li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/arrow_functions">Arrow functions</a> (<a href="/en-US/Firefox/Releases/22">Firefox 22</a>)</li> - <li>{{jsxref("Statements/function*", "Generator function")}} (<a href="/en-US/Firefox/Releases/26">Firefox 26</a>) - <ul> - <li>{{jsxref("Operators/yield", "yield")}} (<a href="/en-US/Firefox/Releases/26">Firefox 26</a>)</li> - <li>{{jsxref("Operators/yield*", "yield*")}} (<a href="/en-US/Firefox/Releases/27">Firefox 27</a>)</li> - </ul> - </li> -</ul> - -<h2 id="Outros_recursos">Outros recursos</h2> - -<ul> - <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#Numeric_literals">Binary and octal numeric literals</a> (<a href="/en-US/Firefox/Releases/25">Firefox 25</a>)</li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/template_strings">Template strings</a> (<a href="/en-US/Firefox/Releases/34">Firefox 34</a>)</li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#Property_definitions">Object initializer: shorthand property names</a> (<a href="/en-US/Firefox/Releases/33">Firefox 33</a>)</li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#Computed_property_names">Object initializer: computed property names</a> (<a href="/en-US/Firefox/Releases/34">Firefox 34</a>)</li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#Method_definitions">Object initializer: shorthand method names</a> (<a href="/en-US/Firefox/Releases/34">Firefox 34</a>)</li> -</ul> - -<h2 id="Features_with_compliance_and_stabilization_changes_ongoing">Features with compliance and stabilization changes ongoing</h2> - -<p>Os seguintes recursos estão (parcialmente) implementados n Firefox, mas foram introduzidos muito antes do ES2015 ou ainda estão sendo discutidos pela ECMA TC39 standards body.</p> - -<ul> - <li><a href="/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators">Legacy iterators and generators</a> (<a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/1.7">JS 1.7</a>, <a href="/en-US/Firefox/Releases/2">Firefox 2</a>) - - <ul> - <li>ES2015 iterators and generators implemented in Firefox 26+</li> - </ul> - </li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment">Destructuring assignment</a> (<a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/1.7">JS 1.7</a>, <a href="/en-US/Firefox/Releases/2">Firefox 2</a>) (ES2015 compliance {{bug("950547")}})</li> - <li>{{jsxref("Statements/const", "const")}} (<a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/1.5">JS 1.5</a>, Firefox 1.0) (ES2015 compliance {{bug("950547")}})</li> - <li>{{jsxref("Statements/let", "let")}} (<a href="/en-US/docs/Web/JavaScript/New_in_JavaScript/1.7">JS 1.7</a>, <a href="/en-US/Firefox/Releases/2">Firefox 2</a>) (ES2015 compliance {{bug("950547")}})</li> - <li>{{jsxref("Proxy")}} (<a href="/en-US/Firefox/Releases/18">Firefox 18</a>) (ES2015 compliance {{bug("978228")}})</li> -</ul> - -<h2 id="Recursos_ainda_não_suportados">Recursos ainda não suportados</h2> - -<p>Os seguintes recursos estão no rascunho da especificação ECMAScript 6, mas ainda não foram implementados no firefox:</p> - -<ul> - <li>Modules (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=568953">bug 568953</a>) - - <ul> - <li><code>import</code> syntax</li> - <li><code>export</code> syntax</li> - </ul> - </li> - <li>{{jsxref("Array.prototype.values()")}} ({{bug("875433")}})</li> - <li><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Reflect"><code>Reflect</code></a> ({{bug("987514")}})</li> - <li>\u{nnnnnn} Unicode code point escapes ({{bug("952985")}})</li> - <li>Well-known symbols</li> - <li>RegExp "u" flag</li> -</ul> - -<h2 id="Veja_também">Veja também</h2> - -<ul> - <li><a href="http://www.ecmascript.org/">ECMAScript web site</a></li> - <li><a href="http://wiki.ecmascript.org/doku.php?id=harmony:specification_drafts">ECMAScript 2015 specification drafts</a></li> - <li><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=694100">Mozilla ES2015 tracking bug</a></li> - <li><a href="http://kangax.github.io/es5-compat-table/es6" title="http://kangax.github.io/es5-compat-table">ECMAScript 2015 support across browsers</a></li> -</ul> diff --git a/files/pt-br/web/security/básico_de_segurança_da_informação/confidencialidade,_integridade,_e_disponibilidade/index.html b/files/pt-br/web/security/básico_de_segurança_da_informação/confidencialidade,_integridade,_e_disponibilidade/index.html deleted file mode 100644 index 1814c3e6a9..0000000000 --- a/files/pt-br/web/security/básico_de_segurança_da_informação/confidencialidade,_integridade,_e_disponibilidade/index.html +++ /dev/null @@ -1,42 +0,0 @@ ---- -title: 'Confidencialidade, Integridade e Disponibilidade' -slug: >- - Web/Security/Básico_de_Segurança_da_Informação/Confidencialidade,_Integridade,_e_Disponibilidade -tags: - - Iniciante - - Segurança - - Tutorial -translation_of: 'Archive/Security/Confidentiality,_Integrity,_and_Availability' ---- -<div class="summary" style="margin: 0px 0px 20px; padding: 20px; border: 0px; font-weight: 700; color: rgb(77, 78, 83); font-family: 'Open Sans', sans-serif; font-size: 14px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 21px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; background: rgb(244, 247, 248);"> -<p style="margin: 0px; padding: 0px; border: 0px;">Este artigo apresenta os pontos principais de segurança: confidencialidade, integridade, e disponibilidade.</p> -</div> - -<p>O modelo clássico de segurança da informação define três objetivos de segurança: manter a confidencialidade, integridade e disponibilidade. Cada objetivo aborda um aspecto diferente de fornecer proteção para informações.</p> - -<h2 id="Confidencialidade">Confidencialidade</h2> - -<p><em>Confidencialidade</em> se refere a proteger informaçõesde serem acessadas por pessoas não autorizadas. Em outras palavras, apenas pessoas que autorizadas a fazer isso podem ter acesso a dados confidenciais. Imagine seus registros bancários. Você deve acessá-los, é claro, e pessoas que trabalham no banco e estão ajudando com as transações também, mais ninguém.Uma falha em manter a confidencialidade significa que quem que não deveria ter acesso consegui obetẽ-lo intencionalmente ou por acidente. Tal falha de confidencialidade, também conhecida como <em>breach</em>, normalmente não pode ser remediada. Uma vez que o segredo tenha sido revelado, não há como esconder. Se seus registros bancários forem públicados em site, todos poderão saber o número da sua conta bancária, o salco, etc., e essas informações não poderão ser apagadas de suas mentes, documentos, computadores e outros locais. Quase todos os principais incidentes de segurança relatados na mídia hoje envolvem grandes perdas de confidencialidade.</p> - -<p>Então, em resumo, uma quebra de confidencialidade significa que alguém obteve acesso à informações que não deveriam ter.</p> - -<h2 id="Integridade">Integridade</h2> - -<p><em>Integridade</em> rse refere a garantir a autenticidade da informação - essa informação não é alterada e a fonte dela é segura. Imagine que você tem um site onde vende produtos nele. Agora imagine que um invasor pode fazer compras em seu site e alterar os preços dos produtos de maneira mal intencionada, para que possam comprar qualquer coisa pelo preço que escolherem. Essa seria uma falha de integridade, proque sua informação — neste caso, o preço de um produto — foi alterada sem sua autorização. Outro exemplo de falha de integridade, é quando você tenta se conectar a um site e um invasor mal intencionado entre você e o site redireciona o tráfego para um site diferente. Nesse caso, o site para o qual você é direcionado não é genuíno.</p> - -<h2 id="Disponibilidade">Disponibilidade</h2> - -<p><em>Disponibilidade</em> significa que as informações são acessíveis à usuários autorizados.</p> - -<div class="originaldocinfo"> -<h3 id="Original_Document_Information" name="Original_Document_Information">Informação Original do Artigo</h3> - -<ul> - <li>Autor(es): Karen Scarfone, Wayne Jansen, and Miles Tracy</li> - <li>Título: NIST Special Publication 800-123, Guide to General Server Security</li> - <li>Última atualização: Julho 2008</li> - <li>Informação sobre direitos autorais: Este documento não esta sujeito a direitos autorais.</li> -</ul> -</div> - -<p>{{QuickLinksWithSubpages("/pt-BR/documentos/Web/Seguranca")}}</p> diff --git a/files/pt-br/web/security/básico_de_segurança_da_informação/seguranca_tcp_ip/index.html b/files/pt-br/web/security/básico_de_segurança_da_informação/seguranca_tcp_ip/index.html deleted file mode 100644 index 9e211c136f..0000000000 --- a/files/pt-br/web/security/básico_de_segurança_da_informação/seguranca_tcp_ip/index.html +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: Segurança TCP/IP -slug: Web/Security/Básico_de_Segurança_da_Informação/Seguranca_TCP_IP -translation_of: Archive/Security/TCP_IP ---- -<p>{{draft}}</p> - -<p>TCP/IP is widely used throughout the world to provide network communications. TCP/IP communications are composed of four layers that work together. When a user wants to transfer data across networks, the data is passed from the highest layer through intermediate layers to the lowest layer, with each layer adding information. At each layer, the logical units are typically composed of a header and a payload. The<em> payload</em> consists of the information passed down from the previous layer, while the<em> header</em> contains layer-specific information such as addresses. At the application layer, the payload is the actual application data. The lowest layer sends the accumulated data through the physical network; the data is then passed up through the layers to its destination. Essentially, the data produced by a layer is encapsulated in a larger container by the layer below it. The four TCP/IP layers, from highest to lowest, are shown below.</p> - -<ul> - <li><strong>Application Layer</strong><strong>.</strong> This layer sends and receives data for particular applications, such as Domain Name System (DNS), HyperText Transfer Protocol (HTTP), and Simple Mail Transfer Protocol (SMTP).</li> - <li><strong>Transport Layer</strong><strong>.</strong> This layer provides connection-oriented or connectionless services for transporting application layer services between networks. The transport layer can optionally assure the reliability of communications. Transmission Control Protocol (TCP) and User Datagram Protocol (UDP) are commonly used transport layer protocols.</li> - <li><strong>Network Layer</strong><strong>.</strong> This layer routes packets across networks. Internet Protocol (IP) is the fundamental network layer protocol for TCP/IP. Other commonly used protocols at the network layer are Internet Control Message Protocol (ICMP) and Internet Group Management Protocol (IGMP).</li> - <li><strong>Data Link Layer</strong><strong>.</strong> This layer handles communications on the physical network components. The best-known data link layer protocol is Ethernet.</li> -</ul> - -<p>Security controls exist for network communications at each layer of the TCP/IP model. As previously explained, data is passed from the highest to the lowest layer, with each layer adding more information. Because of this, a security control at a higher layer cannot provide protection for lower layers, because the lower layers perform functions of which the higher layers are not aware. Security controls that are available at each layer include:</p> - -<ul style="list-style-type: square;"> - <li><strong>Application Layer</strong><strong>.</strong> Separate controls must be established for each application. For example, if an application needs to protect sensitive data sent across networks, the application may need to be modified to provide this protection. While this provides a very high degree of control and flexibility over the application’s security, it may require a large resource investment to add and configure controls properly for each application. Designing a cryptographically sound application protocol is very difficult, and implementing it properly is even more challenging, so creating new application layer security controls is likely to create vulnerabilities. Also, some applications, particularly off-the-shelf software, may not be capable of providing such protection. While application layer controls can protect application data, they cannot protect TCP/IP information such as IP addresses because this information exists at a lower layer. Whenever possible, application layer controls for protecting network communications should be standards-based solutions that have been in use for some time. One example is Secure Multipurpose Internet Mail Extensions (S/MIME), which is commonly used to encrypt email messages.</li> - <li><strong>Transport Layer</strong><strong>.</strong> Controls at this layer can be used to protect the data in a single communication session between two hosts. Because IP information is added at the network layer, transport layer controls cannot protect it. The most common use for transport layer protocols is securing HTTP traffic; the Transport Layer Security (TLS) protocol is usually used for this. (TLS is the standards-based version of SSL version 3. More information on TLS is available in RFC 4346, <em>The TLS Protocol Version 1.1</em>, available at <a href="https://www.ietf.org/rfc/rfc4346.txt">https://www.ietf.org/rfc/rfc4346.txt</a>. Another good source of information is NIST SP 800-52,<em> Guidelines on the Selection and Use of Transport Layer Security</em>, available from <a href="https://csrc.nist.gov/publications/nistpubs/">https://csrc.nist.gov/publications/nistpubs/</a>.) The use of TLS typically requires each application to support TLS; however, unlike application layer controls, which typically involve extensive customization of the application, transport layer controls such as TLS are much less intrusive because they do not need to understand the application’s functions or characteristics. Although using TLS may require modifying some applications, TLS is a well-tested protocol that has several implementations that have been added to many applications, so it is a relatively low-risk option compared to adding protection at the application layer. Traditionally TLS has been used to protect HTTP-based communications and can be used with SSL portal VPNs.</li> - <li><strong>Network Layer</strong><strong>.</strong> Controls at this layer can be applied to all applications; thus, they are not application-specific. For example, all network communications between two hosts or networks can be protected at this layer without modifying any applications on the clients or the servers. In some environments, network layer controls such as Internet Protocol Security (IPsec) provide a much better solution than transport or application layer controls because of the difficulties in adding controls to individual applications. Network layer controls also provide a way for network administrators to enforce certain security policies. Another advantage of network layer controls is that since IP information (e.g., IP addresses) is added at this layer, the controls can protect both the data within the packets and the IP information for each packet. However, network layer controls provide less control and flexibility for protecting specific applications than transport and application layer controls. SSL tunnel VPNs provide the ability to secure both TCP and UDP communications including client/server and other network traffic, and therefore act as network layer VPNs.</li> - <li><strong>Data Link Layer</strong><strong>.</strong> Data link layer controls are applied to all communications on a specific physical link, such as a dedicated circuit between two buildings or a dial-up modem connection to an Internet Service Provider (ISP). Data link layer controls for dedicated circuits are most often provided by specialized hardware devices known as<em> data link encryptors</em>; data link layer controls for other types of connections, such as dial-up modem communications, are usually provided through software. Because the data link layer is below the network layer, controls at this layer can protect both data and IP information. Compared to controls at the other layers, data link layer controls are relatively simple, which makes them easier to implement; also, they support other network layer protocols besides IP. Because data link layer controls are specific to a particular physical link, they cannot protect connections with multiple links, such as establishing a VPN over the Internet. An Internet-based connection is typically composed of several physical links chained together; protecting such a connection with data link layer controls would require deploying a separate control to each link, which is not feasible. Data link layer protocols have been used for many years primarily to provide additional protection for specific physical links that should not be trusted.</li> -</ul> - -<p>Because they can provide protection for many applications at once without modifying them, network layer security controls have been used frequently for securing communications, particularly over shared networks such as the Internet. Network layer security controls provide a single solution for protecting data from all applications, as well as protecting IP information. Nevertheless, in many cases, controls at another layer are better suited to providing protection than network layer controls. For example, if only one or two applications need protection, a network layer control may be excessive. Transport layer protocols such as SSL are most commonly used to provide security for communications with individual HTTP-based applications, although they are also used to provide protection for communication sessions of other types of applications such as SMTP, Point of Presence (POP), Internet Message Access Protocol (IMAP), and File Transfer Protocol (FTP). Because all major Web browsers include support for TLS, users who wish to use Web-based applications that are protected by TLS normally do not need to install any client software or reconfigure their systems. Newer applications of transport layer security protocols protect both HTTP and non-HTTP application communications, including client/server applications and other network traffic. Controls at each layer offer advantages and features that controls at other layers do not.</p> - -<p>SSL is the most commonly used transport layer security control. Depending on how SSL is implemented and configured, it can provide any combination of the following types of protection:</p> - -<ul style="list-style-type: square;"> - <li><strong>Confidentiality</strong><strong>.</strong> SSL can ensure that data cannot be read by unauthorized parties. This is accomplished by encrypting data using a cryptographic algorithm and a secret key—a value known only to the two parties exchanging data. The data can only be decrypted by someone who has the secret key.</li> - <li><strong>Integrity</strong><strong>.</strong> SSL can determine if data has been changed (intentionally or unintentionally) during transit. The integrity of data can be assured by generating a message authentication code (MAC) value, which is a keyed cryptographic checksum of the data. If the data is altered and the MAC is recalculated, the old and new MACs will differ.</li> - <li><strong>Peer Authentication</strong><strong>.</strong> Each SSL endpoint can confirm the identity of the other SSL endpoint with which it wishes to communicate, ensuring that the network traffic and data is being sent from the expected host. SSL authentication is typically performed one-way, authenticating the server to the client, but it can be performed mutually.</li> - <li><strong>Replay Protection</strong><strong>. </strong>The same data is not delivered multiple times, and data is not delivered grossly out of order.</li> -</ul> - -<p> </p> - -<div class="originaldocinfo"> -<h3 id="Original_Document_Information" name="Original_Document_Information">Original Document Information</h3> - -<ul> - <li>Author(s): Sheila Frankel, Paul Hoffman, Angela Orebaugh, and Richard Park</li> - <li>Title: National Institute of Standards and Technology (NIST) Special Publication 800-113, Guide to SSL VPNs</li> - <li>Last Updated Date: July 2008</li> - <li>Copyright Information: This document is not subject to copyright.</li> -</ul> -</div> - -<p>{{QuickLinksWithSubpages("/en-US/docs/Web/Security")}}</p> |