diff options
Diffstat (limited to 'files')
76 files changed, 1696 insertions, 2693 deletions
diff --git a/files/ca/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/ca/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index 85677b1759..81153e71d9 100644 --- a/files/ca/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ b/files/ca/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -161,7 +161,7 @@ Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."& <p>Per exemple, <a href="http://ogp.me/">Open Graph Data</a> és un protocol de metadades que Facebook va inventar per proporcionar als llocs web metadades enriquides. En el codi font de MDN Web Docs trobaràs això:</p> -<pre class="brush: html notranslate"><meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png"> +<pre class="brush: html notranslate"><meta property="og:image" content="https://developer.mozilla.org/static/img/opengraph-logo.png"> <meta property="og:description" content="The Mozilla Developer Network (MDN) provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> @@ -197,15 +197,15 @@ and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> <p>Avui dia hi ha un munt d'altres tipus d'icones que també pots tenir en compte. Per exemple, en el codi font de la pàgina MDN trobaràs això:</p> <pre class="brush: html notranslate"><!-- third-generation iPad with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png"> +<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.mozilla.org/static/img/favicon144.png"> <!-- iPhone with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.cdn.mozilla.net/static/img/favicon114.0e9fabd44f85.png"> +<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.mozilla.org/static/img/favicon114.png"> <!-- first- and second-generation iPad: --> -<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.cdn.mozilla.net/static/img/favicon72.8ff9d87c82a0.png"> +<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.mozilla.org/static/img/favicon72.png"> <!-- non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --> -<link rel="apple-touch-icon-precomposed" href="https://developer.cdn.mozilla.net/static/img/favicon57.a2490b9a2d76.png"> +<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon57.png"> <!-- basic favicon --> -<link rel="shortcut icon" href="https://developer.cdn.mozilla.net/static/img/favicon32.e02854fdcf73.png"></pre> +<link rel="shortcut icon" href="https://developer.mozilla.org/static/img/favicon32.png"></pre> <p>Els comentaris expliquen per a què s'utilitza cada icona; aquests elements cobreixen coses com ara proporcionar una agradable icona en alta resolució quan deses el lloc web a la pantalla principal d'un iPad.</p> diff --git a/files/ca/web/html/element/figure/index.html b/files/ca/web/html/element/figure/index.html index 6e9f0fb424..a91fd210a1 100644 --- a/files/ca/web/html/element/figure/index.html +++ b/files/ca/web/html/element/figure/index.html @@ -55,24 +55,24 @@ translation_of: Web/HTML/Element/figure <pre class="brush: html"><!-- Just a figure --> <figure> - <img src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" alt="An awesome picture"> + <img src="https://developer.mozilla.org/static/img/favicon144.png" alt="An awesome picture"> </figure> <p></p> <!-- Figure with figcaption --> <figure> - <img src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" alt="An awesome picture"> + <img src="https://developer.mozilla.org/static/img/favicon144.png" alt="An awesome picture"> <figcaption>Fig1. MDN Logo</figcaption> </figure> <p></p> </pre> -<figure><img alt="MDN Logo" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></figure> +<figure><img alt="MDN Logo" src="https://developer.mozilla.org/static/img/favicon144.png"></figure> <p> </p> -<figure><img alt="MDN Logo" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"> +<figure><img alt="MDN Logo" src="https://developer.mozilla.org/static/img/favicon144.png"> <figcaption>Fig1. MDN Logo</figcaption> </figure> diff --git a/files/ca/web/html/element/header/index.html b/files/ca/web/html/element/header/index.html index 22ba3190b9..b70f4f5592 100644 --- a/files/ca/web/html/element/header/index.html +++ b/files/ca/web/html/element/header/index.html @@ -55,7 +55,7 @@ translation_of: Web/HTML/Element/header <h1 id="Specifications" name="Specifications">Títol Pàgina Principal</h1> -<h2 id="Specifications" name="Specifications"><img alt="MDN" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></h2> +<h2 id="Specifications" name="Specifications"><img alt="MDN" src="https://developer.mozilla.org/static/img/favicon144.png"></h2> <h2 id="Specifications" name="Specifications"> </h2> diff --git a/files/ca/web/html/element/img/index.html b/files/ca/web/html/element/img/index.html index 405f8d9eb4..099f96c03a 100644 --- a/files/ca/web/html/element/img/index.html +++ b/files/ca/web/html/element/img/index.html @@ -176,13 +176,13 @@ translation_of: Web/HTML/Element/img <pre class="brush: html"><img src="mdn-logo-sm.png" alt="MDN"> </pre> -<p><img alt="MDN" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></p> +<p><img alt="MDN" src="https://developer.mozilla.org/static/img/favicon144.png"></p> <h2 id="Exemple_2_Enllaç_d'imatge">Exemple 2: <span class="short_text" id="result_box" lang="ca"><span>Enllaç</span> <span>d'imatge</span></span></h2> <pre class="brush: html"><a href="https://developer.mozilla.org/">MDN<img src="mdn-logo-sm.png" alt="MDN"></a></pre> -<p><a href="https://developer.mozilla.org/"><img alt="MDN" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></a></p> +<p><a href="https://developer.mozilla.org/"><img alt="MDN" src="https://developer.mozilla.org/static/img/favicon144.png"></a></p> <h2 id="Exemple_3_Ús_de_l'atribut_srcset">Exemple 3: Ús de l'atribut <code>srcset</code></h2> diff --git a/files/de/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/de/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index a4d67ac514..6b47d55be5 100644 --- a/files/de/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ b/files/de/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -163,7 +163,7 @@ Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."& <p>Zum Beispiel gibt es <a href="http://ogp.me/">Open Graph Data</a>, welches ein Metadatenprotokoll ist, welches von Facebook erfunden wurde, um reichhaltigere Metadaten zur Verfügung zu stellen. Im MDN Quellcode können Sie folgendes finden:</p> -<pre class="brush: html"><meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png"> +<pre class="brush: html"><meta property="og:image" content="https://developer.mozilla.org/static/img/opengraph-logo.png"> <meta property="og:description" content="The Mozilla Developer Network (MDN) provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> @@ -197,15 +197,15 @@ and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> <p>Es gibt heutzutage viele andere Icon-Typen die man der Webseite hinzufügen kann. Zum Beispiel werden Sie folgendes im Quellcode der MDN Startseite finden:</p> <pre class="brush: html"><!-- third-generation iPad with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png"> +<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.mozilla.org/static/img/favicon144.png"> <!-- iPhone with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.cdn.mozilla.net/static/img/favicon114.0e9fabd44f85.png"> +<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.mozilla.org/static/img/favicon114.png"> <!-- first- and second-generation iPad: --> -<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.cdn.mozilla.net/static/img/favicon72.8ff9d87c82a0.png"> +<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.mozilla.org/static/img/favicon72.png"> <!-- non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --> -<link rel="apple-touch-icon-precomposed" href="https://developer.cdn.mozilla.net/static/img/favicon57.a2490b9a2d76.png"> +<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon57.png"> <!-- basic favicon --> -<link rel="shortcut icon" href="https://developer.cdn.mozilla.net/static/img/favicon32.e02854fdcf73.png"></pre> +<link rel="shortcut icon" href="https://developer.mozilla.org/static/img/favicon32.png"></pre> <p>Die Kommentare erklären für was die verschiedenen Icons da sind. Zum Beispiel gibt es ein hochauflösendes Icon, welches angezeigt wird, wenn die Webseite auf dem Startbildschirm eines IPad's gespeichert wird.</p> diff --git a/files/de/web/css/background-repeat/index.html b/files/de/web/css/background-repeat/index.html index 7dd8a25693..5691074e37 100644 --- a/files/de/web/css/background-repeat/index.html +++ b/files/de/web/css/background-repeat/index.html @@ -100,7 +100,7 @@ div { /* Multiple images */ .five { background-image: url(https://mdn.mozillademos.org/files/12005/starsolid.gif), - url(https://developer.cdn.mozilla.net/media/redesign/img/favicon32.png); + url(https://developer.mozilla.org/static/img/favicon32.png); background-repeat: repeat-x, repeat-y; height: 144px; diff --git a/files/de/web/html/element/img/index.html b/files/de/web/html/element/img/index.html index 01c64c5747..385e7a5e7c 100644 --- a/files/de/web/html/element/img/index.html +++ b/files/de/web/html/element/img/index.html @@ -184,13 +184,13 @@ translation_of: Web/HTML/Element/img <pre class="brush: html"><img src="mdn-logo-sm.png" alt="MDN"> </pre> -<p><img alt="MDN" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></p> +<p><img alt="MDN" src="https://developer.mozilla.org/static/img/favicon144.png"></p> <h2 id="Beispiel_2_Anklickbare_Grafik_als_Verweis">Beispiel 2: Anklickbare Grafik als Verweis</h2> <pre class="brush: html"><a href="https://developer.mozilla.org/"><img src="mdn-logo-sm.png" alt="MDN"></a></pre> -<p><a href="https://developer.mozilla.org/"><img alt="MDN" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"> </a></p> +<p><a href="https://developer.mozilla.org/"><img alt="MDN" src="https://developer.mozilla.org/static/img/favicon144.png"> </a></p> <h2 id="Beispiel_3_Das_srcset-Attribut">Beispiel 3: Das <code>srcset</code>-Attribut</h2> diff --git a/files/es/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/es/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index 6dd14ce1e1..070e26126e 100644 --- a/files/es/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ b/files/es/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -169,7 +169,7 @@ saber para empezar a desarrollar páginas web y aplicaciones web."></pre> <p>Por ejemplo, <a href="http://ogp.me/">Open Graph Data</a> es un protocolo de metadatos que Facebook inventó para proveer metadatos más ricos para los sitios web. En las fuentes de código de MDN, encontrarás esto:</p> -<pre class="brush: html notranslate"><meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png"> +<pre class="brush: html notranslate"><meta property="og:image" content="https://developer.mozilla.org/static/img/opengraph-logo.png"> <meta property="og:description" content="The Mozilla Developer Network (MDN) proporciona información sobre tecnologías Open Web, incluidas HTML, CSS y APIs para ambos sitios web y aplicaciones HTML5. También documenta productos Mozilla, como el sistema operativo Firefox."> @@ -205,15 +205,15 @@ y aplicaciones HTML5. También documenta productos Mozilla, como el sistema oper <p>Hoy día hay un montón de otros tipos de iconos a tener presentes. Por ejemplo, los encontrarás en el código fuente de la página de inicio de MDN:</p> <pre class="brush: html notranslate"><!-- iPad de tercera generación con pantalla de alta resolución: --> -<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png"> +<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.mozilla.org/static/img/favicon144.png"> <!-- iPhone con pantalla de alta resolución: --> -<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.cdn.mozilla.net/static/img/favicon114.0e9fabd44f85.png"> +<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.mozilla.org/static/img/favicon114.png"> <!-- iPad de primera y segunda generación: --> -<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.cdn.mozilla.net/static/img/favicon72.8ff9d87c82a0.png"> +<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.mozilla.org/static/img/favicon72.png"> <!-- Dispositivos iPhone sin pantalla Retina, iPod Touch y Android 2.1+: --> -<link rel="apple-touch-icon-precomposed" href="https://developer.cdn.mozilla.net/static/img/favicon57.a2490b9a2d76.png"> +<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon57.png"> <!-- favicon básico --> -<link rel="shortcut icon" href="https://developer.cdn.mozilla.net/static/img/favicon32.e02854fdcf73.png"></pre> +<link rel="shortcut icon" href="https://developer.mozilla.org/static/img/favicon32.png"></pre> <p>Los comentarios explican para qué se usa cada icono (estos elementos abarcan situaciones como aportar un buen icono de alta resolución para usarlo cuando la página web se guarda en la página de inicio de un iPad).</p> diff --git a/files/es/web/css/background-repeat/index.html b/files/es/web/css/background-repeat/index.html index 660f22df27..077b9d017b 100644 --- a/files/es/web/css/background-repeat/index.html +++ b/files/es/web/css/background-repeat/index.html @@ -196,7 +196,7 @@ div { /* Multiple images */ .seven { background-image: url(https://mdn.mozillademos.org/files/12005/starsolid.gif), - url(https://developer.cdn.mozilla.net/media/redesign/img/favicon32.png); + url(https://developer.mozilla.org/static/img/favicon32.png); background-repeat: repeat-x, repeat-y; height: 144px; diff --git a/files/es/web/html/element/img/index.html b/files/es/web/html/element/img/index.html index becc547c14..ef69ab1862 100644 --- a/files/es/web/html/element/img/index.html +++ b/files/es/web/html/element/img/index.html @@ -170,13 +170,13 @@ original_slug: Web/HTML/Elemento/img <pre class="brush: html line-numbers language-html notranslate"><code class="language-html"><span class="tag token"><span class="tag token"><span class="punctuation token"><</span>img</span> <span class="attr-name token">src</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>mdn-logo-sm.png<span class="punctuation token">"</span></span> <span class="attr-name token">alt</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>MDN<span class="punctuation token">"</span></span><span class="punctuation token">></span></span></code></pre> -<p><img alt="MDN" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></p> +<p><img alt="MDN" src="https://developer.mozilla.org/static/img/favicon144.png"></p> <h2 id="Ejemplo_2_Enlace_con_imagen">Ejemplo 2: Enlace con imagen</h2> <pre class="brush: html line-numbers language-html notranslate"><code class="language-html"><span class="tag token"><span class="tag token"><span class="punctuation token"><</span>a</span> <span class="attr-name token">href</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>https://developer.mozilla.org/<span class="punctuation token">"</span></span><span class="punctuation token">></span></span><span class="tag token"><span class="tag token"><span class="punctuation token"><</span>img</span> <span class="attr-name token">src</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>mdn-logo-sm.png<span class="punctuation token">"</span></span> <span class="attr-name token">alt</span><span class="attr-value token"><span class="punctuation token">=</span><span class="punctuation token">"</span>MDN<span class="punctuation token">"</span></span><span class="punctuation token">></span></span><span class="tag token"><span class="tag token"><span class="punctuation token"></</span>a</span><span class="punctuation token">></span></span></code></pre> -<p><a href="https://developer.mozilla.org/"><img alt="MDN" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"> </a></p> +<p><a href="https://developer.mozilla.org/"><img alt="MDN" src="https://developer.mozilla.org/static/img/favicon144.png"> </a></p> <h2 id="Ejemplo_3_Uso_del_atributo_srcset">Ejemplo 3: Uso del atributo <code>srcset</code></h2> diff --git a/files/es/web/http/basics_of_http/evolution_of_http/index.html b/files/es/web/http/basics_of_http/evolution_of_http/index.html index 8d4373a512..6f2a9f742e 100644 --- a/files/es/web/http/basics_of_http/evolution_of_http/index.html +++ b/files/es/web/http/basics_of_http/evolution_of_http/index.html @@ -115,7 +115,7 @@ Vary: Cookie, Accept-Encoding GET /static/img/header-background.png HTTP/1.1 -Host: developer.cdn.mozilla.net +Host: developer.mozilla.org User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:50.0) Gecko/20100101 Firefox/50.0 Accept: */* Accept-Language: en-US,en;q=0.5 diff --git a/files/es/web/http/headers/host/index.html b/files/es/web/http/headers/host/index.html index 2e7ac10815..70f45ea8b3 100644 --- a/files/es/web/http/headers/host/index.html +++ b/files/es/web/http/headers/host/index.html @@ -44,7 +44,7 @@ translation_of: Web/HTTP/Headers/Host <h2 id="Ejemplos">Ejemplos</h2> -<pre>Host: developer.cdn.mozilla.net</pre> +<pre>Host: developer.mozilla.org</pre> <h2 id="Especificaciones">Especificaciones</h2> diff --git a/files/fa/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/fa/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index 10aebc5351..c87de1af4c 100644 --- a/files/fa/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ b/files/fa/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -155,7 +155,7 @@ started with developing web sites and applications."></pre> <p>For example, <a href="http://ogp.me/">Open Graph Data</a> is a metadata protocol that Facebook invented to provide richer metadata for websites. In the MDN Web Docs sourcecode, you'll find this:</p> -<pre class="brush: html"><meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png"> +<pre class="brush: html"><meta property="og:image" content="https://developer.mozilla.org/static/img/opengraph-logo.png"> <meta property="og:description" content="The Mozilla Developer Network (MDN) provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> @@ -189,15 +189,15 @@ and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> <p>There are lots of other icon types to consider these days as well. For example, you'll find this in the source code of the MDN Web Docs homepage:</p> <pre class="brush: html"><!-- third-generation iPad with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png"> +<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.mozilla.org/static/img/favicon144.png"> <!-- iPhone with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.cdn.mozilla.net/static/img/favicon114.0e9fabd44f85.png"> +<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.mozilla.org/static/img/favicon114.png"> <!-- first- and second-generation iPad: --> -<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.cdn.mozilla.net/static/img/favicon72.8ff9d87c82a0.png"> +<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.mozilla.org/static/img/favicon72.png"> <!-- non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --> -<link rel="apple-touch-icon-precomposed" href="https://developer.cdn.mozilla.net/static/img/favicon57.a2490b9a2d76.png"> +<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon57.png"> <!-- basic favicon --> -<link rel="shortcut icon" href="https://developer.cdn.mozilla.net/static/img/favicon32.e02854fdcf73.png"></pre> +<link rel="shortcut icon" href="https://developer.mozilla.org/static/img/favicon32.png"></pre> <p>The comments explain what each icon is used for — these elements cover things like providing a nice high resolution icon to use when the website is saved to an iPad's home screen.</p> diff --git a/files/fr/conflicting/learn/css/styling_text/fundamentals/index.html b/files/fr/conflicting/learn/css/styling_text/fundamentals/index.html index 8506c0ab74..19ef0135aa 100644 --- a/files/fr/conflicting/learn/css/styling_text/fundamentals/index.html +++ b/files/fr/conflicting/learn/css/styling_text/fundamentals/index.html @@ -276,12 +276,12 @@ p { /* Ici, on liste les fichiers de police, la syntaxe est détaillée ici : http://blog.fontspring.com/2011/02/the-new-bulletproof-font-face-syntax/ */ - src:url("https://developer.cdn.mozilla.net/static/fonts/OpenSans-Regular-webfont.a35546eef3ea.eot"); - src:url("https://developer.cdn.mozilla.net/static/fonts/OpenSans-Regular-webfont.a35546eef3ea.eot?#iefix") format('embedded-opentype'), - url("https://developer.cdn.mozilla.net/static/fonts/OpenSans-Regular-webfont.3f642fa3ea74.woff2") format('woff2'), - url("https://developer.cdn.mozilla.net/static/fonts/OpenSans-Regular-webfont.ac327c4db628.woff") format('woff'), - url("https://developer.cdn.mozilla.net/static/fonts/OpenSans-Regular-webfont.cd7296352d15.ttf") format('truetype'), - url("https://developer.cdn.mozilla.net/static/fonts/OpenSans-Regular-webfont.f641a7d4e80f.svg#OpenSansRegular") format('svg'); + src:url("https://developer.mozilla.org/static/fonts/OpenSans-Regular-webfont.a35546eef3ea.eot"); + src:url("https://developer.mozilla.org/static/fonts/OpenSans-Regular-webfont.a35546eef3ea.eot?#iefix") format('embedded-opentype'), + url("https://developer.mozilla.org/static/fonts/OpenSans-Regular-webfont.3f642fa3ea74.woff2") format('woff2'), + url("https://developer.mozilla.org/static/fonts/OpenSans-Regular-webfont.ac327c4db628.woff") format('woff'), + url("https://developer.mozilla.org/static/fonts/OpenSans-Regular-webfont.cd7296352d15.ttf") format('truetype'), + url("https://developer.mozilla.org/static/fonts/OpenSans-Regular-webfont.f641a7d4e80f.svg#OpenSansRegular") format('svg'); /* Ici, on définit la graisse et le style de la police */ font-weight:normal; diff --git a/files/fr/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/fr/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index 8b94e78be0..4910afb521 100644 --- a/files/fr/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ b/files/fr/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -160,7 +160,7 @@ savoir pour commencer le développement de pages webs et d'applications</span><s <p>Par exemple, <a href="http://ogp.me/">Open Graph Data</a> est un protocole de métadonnées que Facebook a inventé pour fournir des métadonnées plus riches pour les sites webs. Dans le code source de MDN vous trouverez ceci :</p> -<pre class="brush: html notranslate"><meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png"> +<pre class="brush: html notranslate"><meta property="og:image" content="https://developer.mozilla.org/static/img/opengraph-logo.png"> <meta property="og:description" content=<span>"<a class="attribute-value">MDN Web Docs fournit des informations sur les technologies web ouvertes comme HTML, CSS et les API utilisées pour les sites web et les applications web. On y trouve également @@ -196,15 +196,15 @@ Mozilla tels que les outils de développement de Firefox.</a>"></span> <p>Il existe de nombreux autres types d'icônes à considérer aussi actuellement. Par exemple, vous trouverez ceci dans le code source de la page d'accueil MDN :</p> <pre class="brush: html notranslate"><!-- troisième-génération iPad avec haute-résolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png"> +<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.mozilla.org/static/img/favicon144.png"> <!-- iPhone avec haute-résolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.cdn.mozilla.net/static/img/favicon114.0e9fabd44f85.png"> +<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.mozilla.org/static/img/favicon114.png"> <!-- iPad de première et deuxième génération : --> -<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.cdn.mozilla.net/static/img/favicon72.8ff9d87c82a0.png"> +<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.mozilla.org/static/img/favicon72.png"> <!-- iPhone non-Retina, iPod Touch et appareils Android 2.1+: --> -<link rel="apple-touch-icon-precomposed" href="https://developer.cdn.mozilla.net/static/img/favicon57.a2490b9a2d76.png"> +<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon57.png"> <!-- favicône de base --> -<link rel="shortcut icon" href="https://developer.cdn.mozilla.net/static/img/favicon32.e02854fdcf73.png"></pre> +<link rel="shortcut icon" href="https://developer.mozilla.org/static/img/favicon32.png"></pre> <p>Les commentaires expliquent ce à quoi chaque icône est utilisée — ces éléments incluent des fonctionnalités telles que la fourniture d'une icône haute résolution à utiliser lorsque le site Web est enregistré sur l'écran d'accueil d'un iPad.</p> diff --git a/files/fr/web/api/document/execcommand/index.html b/files/fr/web/api/document/execcommand/index.html index dd90b03485..77a39c36d2 100644 --- a/files/fr/web/api/document/execcommand/index.html +++ b/files/fr/web/api/document/execcommand/index.html @@ -3,395 +3,266 @@ title: document.execCommand slug: Web/API/Document/execCommand tags: - API - - Commandes - DOM - - Exécution + - Method - Méthodes + - Reference translation_of: Web/API/Document/execCommand --- -<p>{{ApiRef("DOM")}}<br> - Lorsqu'un document HTML est passé à <code><a href="https://developer.mozilla.org/fr/docs/Web/API/Document/designMode">designMode</a></code>, l'objet document expose la méthode <strong><code>execCommand</code></strong> qui permet d'exécuter des commandes pour manipuler le contenu de la zone modifiable, telle que les éléments <a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/input">form inputs</a> ou <code><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Global_attributes/contenteditable">contentEditable</a></code> .</p> +<div>{{ApiRef("DOM")}}{{deprecated_header}}</div> -<p>La plupart des commandes affectent la <a href="https://developer.mozilla.org/fr/docs/Web/API/Selection">sélection</a> du document (gras, italique, etc.), tandis que d'autres ajoutent de nouveaux éléments (ajout d'un lien) ou affectent une ligne entière (indentation). Lorsque vous utilisez <code>contentEditable</code>, l'appel <code>execCommand()</code> affectera l'élément modifiable actuellement actif.</p> +<p><span class="seoSummary">Lorsqu'un document HTML passe en + <code><a href="/fr/docs/Web/API/Document/designMode">designMode</a></code>, l'objet + <code>document</code> correspondant expose une méthode <strong><code>execCommand()</code></strong> + permettant d'exécuter des commandes manipulant la région éditable courante tels que <a + href="/fr/docs/Web/HTML/Element/input">les champs de formulaire</a> ou les éléments + <code><a href="/fr/docs/Web/HTML/Global_attributes/contenteditable">contentEditable</a></code> + .</span></p> -<h2 id="Syntaxe">Syntaxe</h2> +<p>La plupart des commandes affectent la <a + href="/fr/docs/Web/API/Selection">sélection</a> du document (mise en gras, italique, etc.), tandis que + d'autres insèrent de nouveaux éléments (un lien) ou modifient toute une ligne (indentation). Lorsqu'on + utilise <code>contentEditable</code>, <code>execCommand()</code> affecte l'élément éditable + courant.</p> -<pre><em>bool</em> = document.execCommand(<em>aCommandName</em>, <em>aShowDefaultUI</em>, <em>aValueArgument</em>)</pre> +<h2 id="Syntax">Syntaxe</h2> -<h3 id="Valeur_retournée">Valeur retournée</h3> +<pre class="brush: js"><var>document</var>.execCommand(<var>aCommandName</var>, <var>aShowDefaultUI</var>, <var>aValueArgument</var>) +</pre> -<p>Un {{jsxref('Boolean')}} qui est à <code>false</code> <em>(faux)</em> si la commande n'est pas supportée ou désactivée.</p> +<h3 id="Return_value">Valeur de retour</h3> + +<p>Un booléen ({{jsxref('Boolean')}}) qui vaut <code>false</code> si la commande n'est pas + prise en charge ou si elle est désactivée.</p> <div class="note"> -<p><strong> </strong><span id="result_box" lang="fr"><span><strong>Note :</strong> Ne renvoie <code>true</code> <em>(vrai)</em> que dans le contexte d'une interaction utilisateur. Ne pas utiliser la valeur de retour pour vérifier le support du navigateur avant d'appeler une commande.</span></span></p> + <p><strong>Note</strong> : <code><var>document</var>.execCommand()</code> ne renvoie + <code>true</code> que s'il est appelé à partir d'une interaction utilisateur. On ne + peut pas l'invoquer dans un script afin de vérifier la prise en charge navigateur avant + d'appeler une commande. À partir de Firefox 82, les appels imbriqués à + <code>document.execCommand()</code> renverront toujours <code>false</code>.</p> </div> -<h3 id="Paramètres">Paramètres</h3> - -<p><code><strong>aCommandName</strong></code><br> - {{domxref("DOMString")}} spécifie le nom de la commande à exécuter . Voir {{anch("Commands")}} pour la liste des commandes possibles .</p> - -<p><strong><code>aShowDefaultUI</code></strong><br> - Un {{jsxref("Boolean")}} indiquant si l'interface utilisateur par défaut doit être affichée. Ceci n'est pas implémenté par Mozilla.</p> - -<p><strong><code>aValueArgument</code></strong><br> - Pour les commandes qui nécessitent un argument , il s'agit d'une {{domxref ("DOMString")}} <em>(chaîne de caractères)</em> fournissant ces informations. Par exemple, <code>insertImage</code> requière l'URL de l'image à insérer. Spécifiez <code>null </code>si aucun argument n'est nécessaire.</p> - -<h3 id="Commandes"><a id="Commands" name="Commands">Commandes</a></h3> - -<p><code><strong>backColor</strong></code><br> - Change la couleur d'arrière-plan du document. En mode <code>styleWithCss</code>, il affecte plutôt la couleur de fond du bloc contenant. Cela nécessite une chaîne de valeurs {{cssxref ("<color>")}} pour être transmise en tant qu'argument de valeur. Notez que Internet Explorer utilise cette option pour définir la couleur d'arrière-plan du texte.</p> - -<p><code><strong>bold</strong></code><br> - Ajoute ou enlève l'affichage <code>bold</code> de la sélection ou au point d'insertion. Internet Explorer utilise la balise {{HTMLElement("strong")}} au lieu de {{HTMLElement("b")}}.</p> - -<p><strong><code>contentReadOnly</code></strong><br> - Rend le contenu du document en lecture seule ou modifiable. Cela nécessite qu'un booléen <code>true</code> / <code>false</code> soit transmis en tant qu'argument de valeur. (Non pris en charge par Internet Explorer.)</p> - -<p><strong><code>copy</code></strong><br> - Copie la sélection courante dans le presse papier. Les conditions d'activation de ce comportement varient d'un navigateur à l'autre et ont évolué au fil du temps. Vérifiez la table de compatibilité pour déterminer si vous pouvez l'utiliser dans votre cas.</p> - -<p><code><strong>createLink</strong></code><br> - Crée un lien d'ancrage à partir de la sélection, uniquement s'il existe une sélection. Cela nécessite que la chaîne URI HREF soit transmise en tant qu'argument de valeur. L'URI doit contenir au moins un caractère unique, qui peut être un espace blanc. (Internet Explorer créera un lien avec une valeur URI <code>null</code>.)</p> - -<p><code><strong>cut</strong></code><br> - Coupe et copie la sélection courante dans le presse papier. Les conditions d'activation de ce comportement varient d'un navigateur à l'autre et ont évolué au fil du temps. Vérifiez la <a href="#Compatibilité des navigateurs">table de compatibilité</a> pour déterminer si vous pouvez l'utiliser dans votre cas.</p> - -<p><code><strong>decreaseFontSize</strong></code><br> - Ajoute une balise {{HTMLElement("small")}} autour de la sélection ou du point d'insertion (Non pris en charge par Internet Explorer).</p> +<h3 id="Parameters">Paramètres</h3> <dl> - <dt><code>defaultParagraphSeparator</code></dt> - <dd>Change le séparateur de paragraphes utilisé lorsque de nouveaux paragraphes sont créés dans les zones de textes modifiables. Voir <a href="https://developer.mozilla.org/fr/docs/Web/HTML/Contenu_editable#Differences_in_markup_generation">Contenu éditable</a> pour plus de détails.</dd> + <dt><code><var>aCommandName</var></code></dt> + <dd>Une chaîne de caractères {{domxref("DOMString")}} indiquant le nom de la commande à + exécuter. Voir {{anch("Commands")}} pour une liste de commandes possibles.</dd> + <dt><code><var>aShowDefaultUI</var></code></dt> + <dd>Un booléen ({{jsxref("Boolean")}}) indiquant si l'interface utilisateur par défaut + devrait être affichée. Ce n'est pas implémenté par Mozilla.</dd> + <dt><code><var>aValueArgument</var></code></dt> + <dd>Pour les commandes utilisant un argument en entrée, il s'agit d'une chaîne {{domxref("DOMString")}} + qui fournit cette information. On pourra, par exemple, <code>insertImage</code> utilise + l'URL de l'image à insérer. On utilisera <code>null</code> si aucun argument n'est utilisé.</dd> </dl> -<p><code><strong>delete</strong></code><br> - Supprime la sélection courante</p> - -<p><strong><code>enableInlineTableEditing</code></strong><br> - Active ou désactive les commandes d'insertion et de suppression des lignes et des colonnes du tableau. (Non pris en charge par Internet Explorer.)</p> - -<p><code><strong>enableObjectResizing</strong></code><br> - Active ou désactive les poignées de redimensionnement des images et autres objets redimensionnables. (Non pris en charge par Internet Explorer.)</p> - -<p><code><strong>fontName</strong></code><br> - Modifie le nom de police de la sélection ou du point d'insertion. Cela nécessite une chaîne de nom de police (tel qu'<code>"Arial"</code>) à transmettre comme argument de valeur.</p> - -<p><code><strong>fontSize</strong></code><br> - Modifie la taille de police pour la sélection ou au point d'insertion. Cela nécessite que la taille d'une police HTML (<code>1</code>-<code>7</code>) soit transmise en tant qu'argument de valeur.</p> - -<p><code><strong>foreColor</strong></code><br> - Modifie une couleur de police pour la sélection ou au point d'insertion. Cela nécessite qu'une chaîne de valeurs de couleur soit transmise en tant qu'argument de valeur.</p> - -<p><code><strong>formatBlock</strong></code><br> - Ajoute une balise HTML style bloc autour de la ligne contenant la sélection en cours, en remplaçant l'élément bloc contenant la ligne si elle existe (dans Firefox, BLOCKQUOTE est l'exception - il enroule tout élément bloc contenant). Nécessite la saisie d'une chaîne de nom d'étiquette comme argument de valeur. Pratiquement toutes les étiquettes de style de bloc peuvent être utilisées (par exemple "{{HTMLElement("h1")}}", "{{HTMLElement("p")}}", "{{HTMLElement("dl")}}", "{{HTMLElement("blockquote")}}"). (Internet Explorer ne prend en charge que les balises de titre <code>H1</code> - <code>H6</code>, <code>ADDRESS</code> et <code>PRE</code>, qui doivent également inclure les délimiteurs de balises <>, tels que <code>"<H1>"</code>.)</p> - -<p><code><strong>forwardDelete</strong></code><br> - Supprime le caractère avant la position du <a href="http://en.wikipedia.org/wiki/Cursor_%28computers%29">curseur</a>. Il est le même que frapper la touche de suppression.</p> - -<p><code><strong>heading</strong></code><br> - Ajoute une balise de titre autour d'une ligne de sélection ou d'insertion. Nécessite que la chaîne de nom d'étiquette soit transmise en tant qu'argument de valeur (c'est-à-dire "{{HTMLElement("<code>H1</code>")}}", "{{HTMLElement("<code>H6</code>")}}"). (Non pris en charge par Internet Explorer et Safari.)</p> - -<p><code><strong>hiliteColor</strong></code><br> - Modifie la couleur d'arrière-plan de la sélection ou du point d'insertion. Nécessite une chaîne de valeurs de couleur à transmettre comme argument de valeur. <code>UseCSS</code> doit être à <code>true</code> (<em>vrai</em>) pour que cela fonctionne. (Non pris en charge par Internet Explorer.)</p> - -<p><code><strong>increaseFontSize</strong></code><br> - Ajoute une balise {{HTMLElement("big")}} autour de la sélection ou au point d'insertion. (Non pris en charge par Internet Explorer.)</p> - -<p><code><strong>indent</strong></code><br> - Décale la ligne contenant le point de sélection ou d'insertion. Dans Firefox, si la sélection s'étend sur plusieurs lignes à différents niveaux d'indentation, seules les lignes les moins indentées de la sélection seront indentées.</p> - -<p><code><strong>insertBrOnReturn</strong></code><br> - Contrôle si la touche Entrée insère une balise br ou divise l'élément de bloc courant en deux. (Non pris en charge par Internet Explorer.)</p> - -<p><strong><code>insertHorizontalRule</code></strong><br> - Insère une ligne horizontale au point d'insertion. (Supprime la sélection)</p> - -<p><code><strong>insertHTML</strong></code><br> - Insère une chaîne HTML au point d'insertion (supprime la sélection). Nécessite une chaîne HTML valide à transmettre en tant qu'argument de valeur. (Non pris en charge par Internet Explorer.)</p> - -<p><code><strong>insertImage</strong></code><br> - Insère une image au point d'insertion (supprime la sélection). Nécessite l'image SRC URI chaîne à passer comme un argument de valeur. L'URI doit contenir au moins un caractère unique, qui peut être un espace blanc. (Internet Explorer créera un lien avec une valeur URI nulle.)</p> - -<p><code><strong>insertOrderedList</strong></code><br> - Crée une <a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/ol">liste ordonnée numérotée</a> pour la sélection ou le point d'insertion.</p> - -<p><code><strong>insertUnorderedList</strong></code><br> - Crée une <a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/ul">liste non triée à puces</a> pour la sélection ou au point d'insertion.</p> - -<p><code><strong>insertParagraph</strong></code><br> - Insère un <a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/p">paragraphe</a> autour de la sélection ou de la ligne en cours. (Internet Explorer insère un paragraphe au point d'insertion et supprime la sélection.)</p> +<h3 id="Commands">Commandes</h3> -<p><code><strong>insertText</strong></code><br> - Insère le texte brut donné au point d'insertion (supprime la sélection).</p> - -<p><code><strong>italic</strong></code><br> - Active / désactive l'italique pour la sélection ou le point d'insertion. (Internet Explorer utilise la balise {{HTMLElement("em")}} au lieu de {{HTMLElement("i")}}).</p> - -<p><code><strong>justifyCenter</strong></code><br> - Centre le point de sélection ou d'insertion.</p> - -<p><code><strong>justifyFull</strong></code><br> - Justifie le point de sélection ou d'insertion.</p> - -<p><code><strong>justifyLeft</strong></code><br> - Justifie le point de sélection ou d'insertion à gauche.</p> - -<p><code><strong>justifyRight</strong></code><br> - Justifie à droite la sélection ou le point d'insertion.</p> - -<p><code><strong>outdent</strong></code><br> - Augmente la ligne contenant le point de sélection ou d'insertion.</p> - -<p><code><strong>paste</strong></code><br> - Colle le contenu du Presse-papiers au point d'insertion (remplace la sélection en cours). La fonctionnalité Presse-papiers doit être activée dans le fichier de préférences <em>user.js</em>. Voir [1].</p> - -<p><code><strong>redo</strong></code><br> - Rétablit la commande d'annulation précédente.</p> - -<p><code><strong>removeFormat</strong></code><br> - Supprime tout le formatage de la sélection en cours.</p> - -<p><code><strong>selectAll</strong></code><br> - Sélectionne tout le contenu de la zone modifiable.</p> - -<p><code><strong>strikeThrough</strong></code><br> - Active ou désactive le barré pour la sélection ou le point d'insertion.</p> - -<p><code><strong>subscript</strong></code><br> - Active ou désactive l'<a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/sub">élément de souscription</a> sur la sélection ou au point d'insertion.</p> - -<p><code><strong>superscript</strong></code><br> - Active / désactive l'<a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/sup">élément de mise en exposant</a> pour la sélection ou le point d'insertion.</p> - -<p><code><strong>underline</strong></code><br> - Active ou désactive l'<a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/u">élément d'annotation non textuelle</a> pour la sélection ou le point d'insertion.</p> - -<p><code><strong>undo</strong></code><br> - Annule la dernière commande exécutée.</p> - -<p><code><strong>unlink</strong></code><br> - Supprime l'<a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/a">élément d'ancrage</a> de l'hyperlien sélectionné.</p> - -<p><code><strong>useCSS</strong></code><strong> {{Deprecated_inline}}</strong><br> - Active / désactive l'utilisation de balises HTML ou CSS pour le balisage généré. Nécessite un argument booléen vrai / faux comme argument de valeur. REMARQUE : Cet argument est logiquement inverse (c.-à-d. utilise <code>false</code> pour utiliser CSS, <code>true</code> pour utiliser HTML). (Non pris en charge par Internet Explorer.) Cela a été obsolète; Utilisez plutôt la commande <code>styleWithCSS</code>.</p> - -<p><code><strong>styleWithCSS</strong></code><br> - Remplace la commande <code>useCSS</code><em> </em>; argument fonctionne comme prévu, c'est-à-dire <code>true</code> modifie / génère des attributs de <code>style</code> dans le balisage, <code>false</code> génère des éléments de mise en forme.</p> +<dl> + <dt><code>backColor</code></dt> + <dd>Modifie la couleur d'arrière-plan du document. Avec le mode <code>styleWithCss</code> + cela affecte la couleur d'arrière-plan du bloc englobant. Une chaîne de caractères décrivant + une valeur {{cssxref("<color>")}} doit être passée en argument. + On notera qu'Internet Explorer utilise ceci pour la couleur d'arrière-plan du texte.</dd> + <dt><code>bold</code></dt> + <dd>Active ou désactive la mise en gras pour la sélection ou à partir du point d'insertion + Internet Explorer utilise la balise {{HTMLElement("strong")}} plutôt que {{HTMLElement("b")}}.</dd> + <dt><code>ClearAuthenticationCache</code></dt> + <dd>Supprime toutes les informations d'authentification (<i>credentials</i>) du cache.</dd> + <dt><code>contentReadOnly</code></dt> + <dd>Rend le contenu du document en lecture seule ou éditable en fonction du booléen passé + en argument (n'est pas pris en charge par Internet Explorer)</dd> + <dt><code>copy</code></dt> + <dd>Copie la sélection courante vers le presse-papier. Les conditions pour obtenir ce + comportement peuvent varier d'un navigateur à l'autre. Veuillez voir le tableau de + compatibilité ci-après.</dd> + <dt><code>createLink</code></dt> + <dd>Crée un hyperlien à partir de la sélection (sous réserve qu'il y en ait une). Une + chaîne de caractères formant un URI est nécessaire comme argument afin de fournir + la valeur de l'attribut <code>href</code>. L'URI doit contenir au moins un caractère + (qui peut être un blanc). (Internet Explorer créera un lien avec une valeur + <code>null</code>.)</dd> + <dt><code>cut</code></dt> + <dd>Coupe le contenu de la sélection courante et le copie dans le presse-papier. + Les conditions pour obtenir ce comportement peuvent varier d'un navigateur à l'autre. + Veuillez voir le tableau de compatibilité ci-après.</dd> + <dt><code>decreaseFontSize</code></dt> + <dd>Ajoute une balise {{HTMLElement("small")}} autour de la sélection ou au point + d'insertion. (Non pris en charge par Internet Explorer.)</dd> + <dt><code>defaultParagraphSeparator</code></dt> + <dd>Modifie le séparateur de paragraphe utilisé lorsque de nouveaux paragraphes sont + créés dans les zones de texte éditables. Voir <a + href="/fr/docs/Web/Guide/HTML/Editable_content#differences_in_markup_generation"> + Différences dans la génération du balisage</a> pour plus de détails.</dd> + <dt><code>delete</code></dt> + <dd>Supprimer la sélection courante.</dd> + <dt><code>enableAbsolutePositionEditor</code></dt> + <dd>Active ou désactive la poignée qui permet de déplacer les éléments positionnés de + façon absolue. Celle-ci est désactivée par défaut depuis Firefox 64 ({{bug(1490641)}}). + </dd> + <dt><code>enableInlineTableEditing</code></dt> + <dd>Active ou désactive les contrôles pour l'insertion ou la suppression des lignes ou + colonnes de tableau. Les contrôles sont désactivés par défaut depuis Firefox 64 + ({{bug(1490641)}}).</dd> + <dt><code>enableObjectResizing</code></dt> + <dd>Active ou désactive les contrôles permettant de redimensionner les images, tableaux + ou les éléments positionnés de façon absolue. Les poignées sont désactivées par défaut + depuis Firefox 64 ({{bug(1490641)}}).</dd> + <dt><code>fontName</code></dt> + <dd>Modifie le nom de la police pour la sélection ou à partir du point d'insertion. La + valeur fournie en argument doit être un nom de police (ex. <code>"Arial"</code>).</dd> + <dt><code>fontSize</code></dt> + <dd>Modifie la taille de la police pour la sélection ou à partir du point d'insertion. + La valeur fournie en argument doit être un entier compris entre 1 et 7.</dd> + <dt><code>foreColor</code></dt> + <dd>Modifie la couleur de la police pour la sélection ou à partir du point d'insertion. + La valeur passée en argument doit être une chaîne de caractères décrivant une couleur + exprimée en notation hexadécimale.</dd> + <dt><code>formatBlock</code></dt> + <dd>Ajoute un élément HTML de bloc autour de la ligne contenant la sélection courante et + remplace l'éventuel élément de bloc englobant s'il en existe un (pour Firefox, + {{HTMLElement("blockquote")}} fera exception et englobera n'importe quel bloc). + L'argument passé doit être un nom de balise. Tous les éléments de bloc peuvent en + théorie être utilisés. (Internet Explorer et Edge ne prennent en charge que les + balises <code>H1</code><code>H6</code>, <code>ADDRESS</code>, et <code>PRE</code> qui + doivent être passées entre chevrons : <code>"<H1>"</code>.)</dd> + <dt><code>forwardDelete</code></dt> + <dd>Supprime un caractère à la position du curseur. Le comportement obtenu est le même + que lorsqu'on appuie sur la touche <kbd>Suppr</kbd> d'un clavier Windows.</dd> + <dt><code>heading</code></dt> + <dd>Ajoute un élément de titre autour de la sélection ou au niveau du point d'insertion. + L'argument doit être le nom d'une balise de titre (<code>"H1"</code> à <code>"H6"</code>). + (Non pris en charge par Internet Explorer et Safari.)</dd> + <dt><code>hiliteColor</code></dt> + <dd>Modifie la couleur d'arrière-plan pour la sélection ou à partir du point d'insertion. + La valeur passée en argument doit être une chaîne de caractères définissant une couleur + et <code>useCSS</code> doit valoir <code>true</code>. (Non pris en charge par Internet + Explorer.)</dd> + <dt><code>increaseFontSize</code></dt> + <dd>Ajoute une balise {{HTMLElement("big")}} autour de la sélection ou à partir du point + d'insertion. (Non pris en charge par Internet Explorer).</dd> + <dt><code>indent</code></dt> + <dd>Augmente l'indentation de la ligne contenant la sélection ou le point d'insertion. + Pour Firefox, si la sélection s'étend sur plusieurs lignes ayant différents niveaux + d'indentation, seules les lignes les moins indentées seront décalées.</dd> + <dt><code>insertBrOnReturn</code></dt> + <dd>Contrôle si la touche <kbd>Entrée</kbd> insère un élément {{HTMLElement("br")}} ou + si le bloc courant est scindé en deux. (Non pris en charge par Internet Explorer.)</dd> + <dt><code>insertHorizontalRule</code></dt> + <dd>Insère un élément {{HTMLElement("hr")}} au point d'insertion ou remplace la + sélection courante par cet élément.</dd> + <dt><code>insertHTML</code></dt> + <dd>Insère un élément au point d'insertion en supprimant la sélection. Une chaîne de + caractères HTML valide doit être fournie en argument. (Non pris en charge par Internet + Explorer.)</dd> + <dt><code>insertImage</code></dt> + <dd>Insère une image au point d'insertion en supprimant la sélection. L'argument doit + être une chaîne de caractères indiquant l'URL à utiliser pour l'attribut + <code>src</code> de l'image. Les prérequis de cette valeur sont les mêmes que pour + <code>createLink</code>.</dd> + <dt><code>insertOrderedList</code></dt> + <dd>Crée une <a href="/fr/docs/Web/HTML/Element/ol">liste numérotée ordonnée</a> pour la + sélection ou à partir du point d'insertion.</dd> + <dt><code>insertUnorderedList</code></dt> + <dd>Crée une <a href="/fr/docs/Web/HTML/Element/ul">liste non-ordonnée</a> pour la + sélection ou à partir du point d'insertion.</dd> + <dt><code>insertParagraph</code></dt> + <dd>Insère un <a href="/fr/docs/Web/HTML/Element/p">paragraphe</a> autour de la sélection + pour la ligne courante. (Internet Explorer insère un paragraphe au point d'insertion + et supprime la sélection.)</dd> + <dt><code>insertText</code></dt> + <dd>Insère le texte indiqué au point d'insertion (quitte à supprimer l'éventuelle + sélection courante).</dd> + <dt><code>italic</code></dt> + <dd>Active ou désactive la mise en italique pour la sélection ou à partir du point + d'insertion. (Internet Explorer utilisera l'élément {{HTMLElement("em")}} plutôt que + {{HTMLElement("i")}}.)</dd> + <dt><code>justifyCenter</code></dt> + <dd>Centre la sélection ou le point d'insertion.</dd> + <dt><code>justifyFull</code></dt> + <dd>Justifie la sélection ou le point d'insertion.</dd> + <dt><code>justifyLeft</code></dt> + <dd>Justifie à gauche la sélection ou le point d'insertion.</dd> + <dt><code>justifyRight</code></dt> + <dd>Justifie à droite la sélection ou le point d'insertion.</dd> + <dt><code>outdent</code></dt> + <dd>Effectue un retrait d'indentation pour la ligne courante.</dd> + <dt><code>paste</code></dt> + <dd>Colle le contenu du presse-papier au point d'insertion (et remplace éventuellement + la sélection actuelle). Fonctionnalité désactivée pour le contenu web.</dd> + <dt><code>redo</code></dt> + <dd>Rejoue l'action annulée par la précédente commande <code>undo</code>.</dd> + <dt><code>removeFormat</code></dt> + <dd>Supprime toute mise en forme pour la sélection courante.</dd> + <dt><code>selectAll</code></dt> + <dd>Sélectionne l'ensemble du contenu de la région éditable.</dd> + <dt><code>strikeThrough</code></dt> + <dd>Active ou désactive la rayure de la sélection ou à partir d'un point d'insertion.</dd> + <dt><code>subscript</code></dt> + <dd>Active ou désactive <a href="/fr/docs/Web/HTML/Element/sub">la mise en indice</a> + pour la sélection ou au point d'insertion</dd> + <dt><code>superscript</code></dt> + <dd>Active ou désactive <a href="/fr/docs/Web/HTML/Element/sup">la mise en exposant</a> + pour la sélection ou au point d'insertion</dd> + <dt><code>underline</code></dt> + <dd>Active ou désactive <a href="/fr/docs/Web/HTML/Element/u">le soulignement</a> pour + la sélection ou au point d'insertion.</dd> + <dt><code>undo</code></dt> + <dd>Annule la dernière commande exécutée.</dd> + <dt><code>unlink</code></dt> + <dd>Retire l'<a href="/fr/docs/Web/HTML/Element/a">ancre</a> de l'hyperlien sélectionné. + </dd> + <dt><code>useCSS</code> {{Deprecated_inline}}</dt> + <dd>Active/désactive l'utilisation de balises HTML ou de CSS pour le balisage généré. La + valeur de l'argument doit être un booléen.</dd> + <dd>Note : cet argument possède une logique inversée (<code>false</code> permet + d'utiliser CSS et <code>true</code> permet d'utiliser HTML). Cette valeur n'est pas + prise en charge par Internet Explorer et a été dépréciée en faveur de + <code>styleWithCSS</code>.</dd> + <dt><code>styleWithCSS</code></dt> + <dd>Remplace la commande <code>useCSS</code>. <code>true</code> modifie/génère des + attributs <code>style</code> dans le balisage tandis que <code>false</code> génère des + éléments HTML de présentation.</dd> +</dl> -<h2 id="Exemple">Exemple</h2> +<h2 id="Example">Exemple</h2> -<p>Un <a href="http://codepen.io/netsi1964/full/QbLLGW/">exemple d'utilisation</a> sur CodePen.</p> +<p>Un exemple d'utilisation est disponible + <a href="https://codepen.io/chrisdavidmills/full/gzYjag/">sur CodePen</a>.</p> -<h2 id="Spécifications">Spécifications</h2> +<h2 id="Specifications">Spécifications</h2> <table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML Editing', '#execcommand()', 'execCommand')}}</td> - <td>{{Spec2('HTML Editing')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> + <thead> + <tr> + <th scope="col">Spécification</th> + <th scope="col">État</th> + <th scope="col">Commentaires</th> + </tr> + </thead> + <tbody> + <tr> + <td><a href="https://w3c.github.io/editing/docs/execCommand/">execCommand</a></td> + <td>Brouillon non officiel</td> + <td></td> + </tr> + </tbody> </table> -<h2 id="Compatibilité_des_navigateurs"><a id="Compatibilité des navigateurs" name="Compatibilité des navigateurs"></a>Compatibilité des navigateurs</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop" style="display: block;"> -<div id="compat-desktop"> -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Chrome</th> - <th>Edge</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - </tr> - <tr> - <td><code>insertBrOnReturn</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code>copy</code>/<code>cut</code></td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop(41)}}</td> - <td>9</td> - <td>29</td> - <td>10</td> - </tr> - <tr> - <td><code>defaultParagraphSeparator</code></td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoDesktop(55)}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code>ClearAuthenticationCache</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>6</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Fonctionnalité</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Edge</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>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>insertBrOnReturn</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code>copy</code>/<code>cut</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile(41)}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code>defaultParagraphSeparator</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile(55)}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code>ClearAuthenticationCache</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> - </div> - </div> - -<div id="compat-mobile" class="hidden"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Chrome for Android</th> - <th>Edge</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>{{CompatUnknown}}</td> - <td>{{CompatVersionUnknown}}<sup>[1]</sup></td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - <tr> - <td><code>insertBrOnReturn</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - <td>{{CompatNo}}</td> - </tr> - <tr> - <td><code>copy</code>/<code>cut</code></td> - <td>{{CompatNo}}</td> - <td>{{CompatChrome(43)}}</td> - <td>{{CompatVersionUnknown}}</td> - <td>{{CompatGeckoMobile(41)}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatNo}}</td> - </tr> - </tbody> -</table> -</div> +<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> -<p>[1] Avant Firefox 41, la capacité du presse-papiers devait être activée dans le fichier de préférences user.js. Voir <a href="https://developer.mozilla.org/fr/docs/Mozilla/Preferences/A_brief_guide_to_Mozilla_preferences">Un bref guide des préférences Mozilla</a> pour plus d'informations. Si la commande n'était pas prise en charge ou activée, <code>execCommand</code> déclenchait une exception au lieu de renvoyer <code>false</code>. Dans Firefox 41 et versions ultérieures, la capacité du presse-papiers est activée par défaut dans n'importe quel gestionnaire d'événements capable de faire apparaître une fenêtre (scripts semi-approuvés), mais aucun contenu web ne peut lire le presse-papier. Les extensions web peuvent <a href="https://developer.mozilla.org/fr/Add-ons/WebExtensions/interagir_avec_le_presse_papier">interagir avec le presse-papier</a>.</p> +<p>{{Compat("api.Document.execCommand")}}</p> -<h2 id="Voir_aussi">Voir aussi</h2> +<h2 id="See_also">Voir aussi</h2> <ul> - <li>{{domxref("HTMLElement.contentEditable")}}</li> - <li>{{domxref("document.designMode")}}</li> - <li><a href="https://developer.mozilla.org/fr/docs/Rich-Text_Editing_in_Mozilla">Rich-Text Editing in Mozilla</a></li> - <li><a href="https://github.com/guardian/scribe/blob/master/BROWSERINCONSISTENCIES.md">Scribe's "Browser Inconsistencies" documentation</a> <span class="short_text" id="result_box" lang="fr"><span>avec des bugs liés</span></span> à <code>document.execCommand</code>.{{CompatUnknown}}</li> + <li>{{domxref("HTMLElement.contentEditable")}}</li> + <li>{{domxref("document.designMode")}}</li> + <li><a href="/fr/docs/Web/Guide/HTML/Editable_content/Rich-Text_Editing_in_Mozilla">L'édition HTML dans Firefox</a> + </li> + <li><a + href="https://github.com/guardian/scribe/blob/master/BROWSERINCONSISTENCIES.md">Documentation des incohérences + navigateur dans Scribe</a> qui indique les bugs liés à <code>document.execCommand</code>.</li> </ul> diff --git a/files/fr/web/api/response/ok/index.html b/files/fr/web/api/response/ok/index.html new file mode 100644 index 0000000000..a64a14f384 --- /dev/null +++ b/files/fr/web/api/response/ok/index.html @@ -0,0 +1,75 @@ +--- +title: Response.ok +slug: Web/API/Response/ok +tags: + - API + - Experimental + - Fetch + - Property + - Reference + - Response + - ok +translation_of: Web/API/Response/ok +--- +<div>{{APIRef("Fetch")}}</div> + +<p>La propriété en lecture seule <code><strong>ok</strong></code> de l'interface {{domxref("Response")}} contient un booléen correspondant au succès (codes de statut compris entre 200 et 299) ou à l'échec de la réponse.</p> + +<h2 id="Syntax">Syntaxe</h2> + +<pre class="syntaxbox">var <var>myOK</var> = <var>response</var>.ok;</pre> + +<h3 id="Value">Valeur</h3> + +<p>Un {{domxref("Boolean")}}.</p> + +<h2 id="Example">Exemple</h2> + +<p>Dans <a href="https://github.com/mdn/fetch-examples/tree/master/fetch-response">notre exemple</a> (voir <a href="https://mdn.github.io/fetch-examples/fetch-response/">la démonstration en ligne</a>) nous créons un nouvel objet {{domxref("Request")}} en utilisant le constructeur {{domxref("Request.Request","Request()")}} avec le chemin vers un JPG en argument. On récupère (<em>fetch</em> en anglais) ensuite la requête en utilisant {{domxref("GlobalFetch.fetch()")}}, on extrait un <em>blob</em> de la réponse en utilisant {{domxref("Body.blob")}} pour créer un objet URL grâce à {{domxref("URL.createObjectURL")}} et l'afficher dans une balise {{htmlelement("img")}}.</p> + +<div class="note"> +<p><strong>Note :</strong> Nous affichons la valeur de la propriété <code>ok</code> de la réponse dans la console en haut du bloc <code>fetch()</code>.</p> +</div> + +<pre class="brush: js">var myImage = document.querySelector('img'); + +var myRequest = new Request('flowers.jpg'); + +fetch(myRequest).then(function(response) { + console.log(response.ok); // retourne true si la réponse est retournée avec succès + response.blob().then(function(myBlob) { + var objectURL = URL.createObjectURL(myBlob); + myImage.src = objectURL; + }); +});</pre> + +<h2 id="Specifications">Spécifications</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Spécification</th> + <th scope="col">Statut</th> + <th scope="col">Commentaire</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('Fetch','#dom-response-ok','ok')}}</td> + <td>{{Spec2('Fetch')}}</td> + <td>Définition initiale</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2> + +<p>{{Compat("api.Response.ok")}}</p> + +<h2 id="See_also">Voir aussi</h2> + +<ul> + <li><a href="/fr/docs/Web/API/Service_Worker_API">API ServiceWorker</a></li> + <li><a href="/fr/docs/Web/HTTP/CORS">Contrôle d'accès HTTP (CORS)</a></li> + <li><a href="/fr/docs/Web/HTTP">HTTP</a></li> +</ul> diff --git a/files/fr/web/css/background-repeat/index.html b/files/fr/web/css/background-repeat/index.html index de3634fb94..d0545e3c9b 100644 --- a/files/fr/web/css/background-repeat/index.html +++ b/files/fr/web/css/background-repeat/index.html @@ -152,7 +152,7 @@ div { /* Plusieurs images */ .seven { background-image: url(https://mdn.mozillademos.org/files/12005/starsolid.gif), - url(https://developer.cdn.mozilla.net/media/redesign/img/favicon32.png); + url(https://developer.mozilla.org/static/img/favicon32.png); background-repeat: repeat-x, repeat-y; height: 144px; diff --git a/files/fr/web/css/mask/index.html b/files/fr/web/css/mask/index.html index 4a69a1adf8..6f36acacc4 100644 --- a/files/fr/web/css/mask/index.html +++ b/files/fr/web/css/mask/index.html @@ -80,7 +80,7 @@ mask: unset; <h3 id="CSS">CSS</h3> <pre class="brush: css">.exemple{ - mask:url(https://developer.cdn.mozilla.net/static/img/favicon72.png) luminance 20%; + mask:url(https://developer.mozilla.org/static/img/favicon72.png) luminance 20%; } </pre> diff --git a/files/fr/web/events/index.html b/files/fr/web/events/index.html index 639201c6ed..30dbf14f75 100644 --- a/files/fr/web/events/index.html +++ b/files/fr/web/events/index.html @@ -2,1975 +2,1013 @@ title: Référence des événements slug: Web/Events tags: - - NeedsTranslation + - Evénement + - Aperçu + - Référence translation_of: Web/Events --- -<p><span class="seoSummary">Les événements DOM sont notifiés au code source lorsque quelque chose d'intéressant se passe. Chaque événement est représenté par un objet implémentant l'interface {{domxref("Event")}}, et peut avoir d'autres propriétés et/ou champs, permettant d'obtenir des informations supplémentaires au sujet de ce qui s'est produit.</span> Les événements peuvent décrire de simples interactions avec l'utilisateur jusqu'à des notifications automatisées d'événements se produisant au niveau du modèle de rendu.</p> +<p>Les <a href="/fr/docs/Web/API/Document_Object_Model/Events">événements DOM</a> sont déclenchés pour notifier au code des « changements intéressants » qui peuvent affecter l'exécution du code. Ces changements peuvent résulter d'interactions avec l'utilisateur, comme l'utilisation de la souris ou le redimensionnement d'une fenêtre, de changements dans l'état de l'environnement sous-jacent (par exemple, une batterie faible ou des événements médiatiques provenant du système d'exploitation), et d'autres causes.</p> -<p>Cet article présente une liste d'événements pouvant être notifiés ; certains correspondent à des événements standards définis dans les spécifications officielles, tandis que d'autres sont des événements utilisés en interne par certains navigateurs ; par exemple, les événements propres à Mozilla sont listés pour que les <a href="/en-US/docs/Mozilla/Add-ons">add-ons</a> puissent interagir avec le navigateur.</p> +<p>Chaque événement est représenté par un objet implémentant l'interface {{domxref("Event")}}, et peut avoir d'autres propriétés et/ou champs, permettant d'obtenir des informations supplémentaires au sujet de ce qui s'est produit. La documentation de chaque événement comporte un tableau (en haut de la page) qui comprend un lien vers l'interface de l'événement associé et d'autres informations pertinentes. Une liste complète des différents types d'événements est donnée dans <a href="/fr/docs/Web/API/Event#introduction">Event > Interfaces basées sur Event</a>.</p> -<h2 id="Événements_standards">Événements standards</h2> +<p><span class="seoSummary">Cette rubrique fournit un index des principales <em>sortes</em> d'événements qui peuvent vous intéresser (animation, presse-papiers, workers, etc.) ainsi que les principales classes qui implémentent ces sortes d'événements. À la fin se trouve une liste exhaustive de tous les événements documentés.</span></p> -<p>Ces événements sont définis dans les spécifications officielles du web, et devraient donc être communs à tous les navigateurs. À chaque événement est associée l'interface implémentée par l'objet envoyé aux destinataires de l'événement (afin de pouvoir connaître les données fournies avec chaque événement), ainsi qu'un lien vers la ou les spécification(s) définissant l'événement.</p> - -<table class="standard-table" style="width: 100%;"> - <tbody> - <tr> - <th class="header" style="width: 220px;">Nom de l'événement</th> - <th class="header" style="width: 90px;">Type de l'événement</th> - <th class="header" style="width: 100px;">Spécification</th> - <th class="header">Déclenché lorsque...</th> - </tr> - <tr> - <td>{{event("abort")}}</td> - <td>{{domxref("UIEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-abort">DOM L3</a></td> - <td>Le chargement d'une ressource a été interrompu.</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/Web/Reference/Events/abort_(ProgressEvent)">abort</a></code></td> - <td>{{domxref("ProgressEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/progress-events/">Progress</a> et <a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-abort">XMLHttpRequest</a></td> - <td>La progression a été interrompue (pas dû à une erreur).</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/Web/Reference/Events/abort_indexedDB">abort</a></code></td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/IndexedDB/#database-interface">IndexedDB</a></td> - <td>Une transaction a été interrompue.</td> - </tr> - <tr> - <td>{{event("afterprint")}}{{gecko_minversion_inline("6")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/html5/webappapis.html#printing">HTML5</a></td> - <td>Le document associé a commencé à être imprimé ou l'aperçu avant impression a été fermé.</td> - </tr> - <tr> - <td>{{event("animationend")}}</td> - <td>{{domxref("AnimationEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/css3-animations/#animation-events">CSS Animations</a></td> - <td>Une <a href="/fr/docs/Web/CSS/Animations_CSS">animation CSS</a> s'est achevée.</td> - </tr> - <tr> - <td>{{event("animationiteration")}}</td> - <td>{{domxref("AnimationEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/css3-animations/#animation-events">CSS Animations</a></td> - <td>Une <a href="/fr/docs/Web/CSS/Animations_CSS">animation CSS</a> est répétée.</td> - </tr> - <tr> - <td>{{event("animationstart")}}</td> - <td>{{domxref("AnimationEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/css3-animations/#animation-events">CSS Animations</a></td> - <td>Une <a href="/fr/docs/Web/CSS/Animations_CSS">animation CSS</a> a débuté.</td> - </tr> - <tr> - <td>{{event("audioprocess")}}</td> - <td>{{domxref("AudioProcessingEvent")}}</td> - <td style="white-space: nowrap;">{{SpecName('Web Audio API', '#AudioProcessingEvent', 'audioprocess')}}</td> - <td>La mémoire tampon d'entrée d'un {{domxref("ScriptProcessorNode")}} est prête à être lue.</td> - </tr> - <tr> - <td>{{event("beforeprint")}} {{gecko_minversion_inline("6")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/html5/webappapis.html#printing">HTML5</a></td> - <td>Le document associé est sur le point d'être imprimé ou visualisé dans l'aperçu avant impression.</td> - </tr> - <tr> - <td>{{event("beforeunload")}}</td> - <td>{{domxref("BeforeUnloadEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/html5/browsers.html#unloading-documents">HTML5 </a></td> - <td></td> - </tr> - <tr> - <td>{{event("beginEvent")}}</td> - <td>{{domxref("TimeEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td> - <td>Une animation <a href="/en-US/docs/SVG/SVG_animation_with_SMIL">SMIL</a> débute.</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/Web/Reference/Events/blocked_indexedDB">blocked</a></code></td> - <td></td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td> - <td>Une connexion ouverte vers la base de données bloque une transaction <code>versionchange</code> (changement de version) sur la même base de données.</td> - </tr> - <tr> - <td>{{event("blur")}}</td> - <td>{{domxref("FocusEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-blur">DOM L3</a></td> - <td>Un élément perd le focus (ne se propage pas).</td> - </tr> - <tr> - <td>{{event("cached")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/html/wg/drafts/html/master/browsers.html#offline">Offline</a></td> - <td>Les ressources listées dans le manifeste ont été téléchargées, et l'application est désormais mise en cache.</td> - </tr> - <tr> - <td>{{event("canplay")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplay">HTML5 media</a></td> - <td>Le <em>user agent</em> peut lire le média, mais estime que trop peu de données ont été chargées pour lire le média jusqu'au bout sans avoir à s'arrêter pour mettre en mémoire tampon la suite du contenu.</td> - </tr> - <tr> - <td>{{event("canplaythrough")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplaythrough">HTML5 media</a></td> - <td>Le <em>user agent</em> peut lire le média, et estime que suffisamment de données ont été chargées pour lire le média jusqu'au bout sans avoir à s'arrêter pour mettre en mémoire tampon la suite du contenu.</td> - </tr> - <tr> - <td>{{event("change")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html">DOM L2</a>, <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/common-input-element-attributes.html#event-input-change">HTML5</a></td> - <td>Un élément perd le focus et sa valeur a changé depuis l'acquisition du focus.</td> - </tr> - <tr> - <td>{{event("chargingchange")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td> - <td>La batterie commence ou finit de charger.</td> - </tr> - <tr> - <td>{{event("chargingtimechange")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td> - <td>L'attribut <code>chargingTime</code> (temps de chargement) a été mis à jour.</td> - </tr> - <tr> - <td>{{event("checking")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/html/wg/drafts/html/master/browsers.html#offline">Offline</a></td> - <td>Le <em>user agent</em> vérifie l'existence d'une mise à jour, ou tente de télécharger le manifeste du cache pour la première fois.</td> - </tr> - <tr> - <td>{{event("click")}}</td> - <td>{{domxref("MouseEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-click">DOM L3</a></td> - <td>Un bouton d'un dispositif de pointage a été appuyé ou relaché sur un élément.</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/Web/Reference/Events/close_websocket">close</a></code></td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/websockets/">WebSocket</a></td> - <td>Une connexion WebSocket a été fermée.</td> - </tr> - <tr> - <td>{{event("compassneedscalibration")}}</td> - <td>{{domxref("SensorEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/orientation-event/#compassneedscalibration">Orientation</a></td> - <td>La boussole permettant d'obtenir les données d'orientation doit être calibrée.</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/Web/Reference/Events/complete_indexedDB">complete</a></code></td> - <td></td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/IndexedDB/#transaction">IndexedDB</a></td> - <td></td> - </tr> - <tr> - <td>{{event("complete")}}</td> - <td>{{domxref("OfflineAudioCompletionEvent")}}</td> - <td style="white-space: nowrap;">{{SpecName('Web Audio API', '#OfflineAudioCompletionEvent-section', 'OfflineAudioCompletionEvent')}}</td> - <td>Le rendu d'un {{domxref("OfflineAudioContext")}} est terminé.</td> - </tr> - <tr> - <td>{{event("compositionend")}}{{gecko_minversion_inline("9")}}</td> - <td>{{domxref("CompositionEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionend">DOM L3</a></td> - <td>La composition d'un passage de texte a été achevée ou annulée.</td> - </tr> - <tr> - <td>{{event("compositionstart")}}{{gecko_minversion_inline("9")}}</td> - <td>{{domxref("CompositionEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionstart">DOM L3</a></td> - <td>La composition d'un passage de texte est prête (équivalent à l'événement <code>keydown</code> pour un clavier, mais fonctionne avec d'autres entrées comme la reconnaissance vocale).</td> - </tr> - <tr> - <td>{{event("compositionupdate")}}{{gecko_minversion_inline("9")}}</td> - <td>{{domxref("CompositionEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionupdate">DOM L3</a></td> - <td>Un caractère est ajouté à un passage de texte en cours de composition.</td> - </tr> - <tr> - <td>{{event("contextmenu")}}</td> - <td>{{domxref("MouseEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/html5/interactive-elements.html#context-menus">HTML5</a></td> - <td>Le bouton droit de la souris est cliqué (avant l'affichage du menu contextuel).</td> - </tr> - <tr> - <td>{{event("copy")}}</td> - <td>{{domxref("ClipboardEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/clipboard-apis/#copy-event">Clipboard</a></td> - <td>La sélection de texte a été ajoutée au presse-papiers.</td> - </tr> - <tr> - <td>{{event("cut")}}</td> - <td>{{domxref("ClipboardEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/clipboard-apis/#cut-event">Clipboard</a></td> - <td>La sélection de texte a été enlevée du document et ajoutée au presse-papiers.</td> - </tr> - <tr> - <td>{{event("dblclick")}}</td> - <td>{{domxref("MouseEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-dblclick">DOM L3</a></td> - <td>Un bouton d'un dispositif de pointage a été double-cliqué sur un élément.</td> - </tr> - <tr> - <td>{{event("devicelight")}}</td> - <td>{{domxref("DeviceLightEvent")}}</td> - <td style="white-space: nowrap;"><a class="external" href="http://dvcs.w3.org/hg/dap/raw-file/tip/light/Overview.html" lang="en" title="The definition of 'Ambient Light Events' in that specification.">Ambient Light Events</a></td> - <td>Le capteur de lumière a de nouvelles données disponibles.</td> - </tr> - <tr> - <td>{{event("devicemotion")}}</td> - <td>{{domxref("DeviceMotionEvent")}}</td> - <td style="white-space: nowrap;"><a class="external" href="http://dev.w3.org/geo/api/spec-source-orientation.html" lang="en" title="The 'Device Orientation Events' specification">Device Orientation Events</a></td> - <td>Le capteur de mouvement a de nouvelles données disponibles.</td> - </tr> - <tr> - <td>{{event("deviceorientation")}}</td> - <td>{{domxref("DeviceOrientationEvent")}}</td> - <td style="white-space: nowrap;"><a class="external" href="http://dev.w3.org/geo/api/spec-source-orientation.html" lang="en" title="The 'Device Orientation Events' specification">Device Orientation Events</a></td> - <td>Le capteur d'orientation a de nouvelles données disponibles.</td> - </tr> - <tr> - <td>{{event("deviceproximity")}}</td> - <td>{{domxref("DeviceProximityEvent")}}</td> - <td style="white-space: nowrap;"><a class="external" href="http://dvcs.w3.org/hg/dap/raw-file/tip/proximity/Overview.html" lang="en" title="The definition of 'Proximity Events' in that specification.">Proximity Events</a></td> - <td>Le capteur de proximité a de nouvelles données disponibles (indique une distance approximative entre l'appareil et un object avoisinant).</td> - </tr> - <tr> - <td>{{event("dischargingtimechange")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td> - <td>L'attribut <code>dischargingTime</code> (temps de décharge) a été mis à jour.</td> - </tr> - <tr> - <td><code>DOMActivate</code> {{deprecated_inline}}</td> - <td>{{domxref("UIEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMActivate">DOM L3</a></td> - <td>Un bouton, un lien ou un élément à changement d'état est activé (utiliser plutôt {{event("click")}}).</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMAttributeNameChanged</a></code> {{deprecated_inline}}</td> - <td>{{domxref("MutationNameEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMAttributeNameChanged">DOM L3</a> Removed</td> - <td>Le nom d'un attribut a changé (utiliser plutôt les <a href="/en-US/docs/DOM/MutationObserver">observateurs de mutation</a>).</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMAttrModified</a></code> {{deprecated_inline}}</td> - <td>{{domxref("MutationEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMAttrModified">DOM L3</a></td> - <td>La valeur d'un attribut a été modifiée (utiliser plutôt les <a href="/en-US/docs/DOM/MutationObserver">observateurs de mutation</a>).</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMCharacterDataModified</a></code> {{deprecated_inline}}</td> - <td>{{domxref("MutationEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMCharacterDataModified">DOM L3</a></td> - <td>Un texte - ou autres <a href="/en-US/docs/DOM/CharacterData">Données caractère</a> - a été changé (utiliser plutôt les <a href="/en-US/docs/DOM/MutationObserver">observateurs de mutation</a>).</td> - </tr> - <tr> - <td>{{event("DOMContentLoaded")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-end.html#the-end">HTML5</a></td> - <td>Le document a fini de charger (mais pas les ressources qui en dépendent).</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMElementNameChanged</a></code> {{deprecated_inline}}</td> - <td>{{domxref("MutationNameEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMElementNameChanged">DOM L3</a> Removed</td> - <td>Le nom d'un élément a changé (utiliser plutôt les <a href="/en-US/docs/DOM/MutationObserver">observateurs de mutation</a>).</td> - </tr> - <tr> - <td><code>DOMFocusIn</code> {{deprecated_inline}}</td> - <td>{{domxref("FocusEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusIn">DOM L3</a></td> - <td>Un élément a acquis le focus (utiliser plutôt {{event("focus")}} ou {{event("focusin")}}).</td> - </tr> - <tr> - <td><code>DOMFocusOut</code> {{deprecated_inline}}</td> - <td>{{domxref("FocusEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusOut">DOM L3</a></td> - <td>Un élément a perdu le focus (utiliser plutôt {{event("blur")}} ou {{event("focusout")}}).</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeInserted</a></code> {{deprecated_inline}}</td> - <td>{{domxref("MutationEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInserted">DOM L3</a></td> - <td>Un nœud a été ajouté comme enfant d'un autre nœud (utiliser plutôt les <a href="/en-US/docs/DOM/MutationObserver" style="text-decoration: underline;">observateurs de mutation</a>).</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeInsertedIntoDocument</a></code> {{deprecated_inline}}</td> - <td>{{domxref("MutationEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInsertedIntoDocument">DOM L3</a></td> - <td>Un nœud a été ajouté au document (utiliser plutôt les <a href="/en-US/docs/DOM/MutationObserver" style="text-decoration: underline;">observateurs de mutation</a>).</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeRemoved</a></code> {{deprecated_inline}}</td> - <td>{{domxref("MutationEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemoved">DOM L3</a></td> - <td>Un nœud a été retiré de son nœud parent (utiliser plutôt les <a href="/en-US/docs/DOM/MutationObserver" style="text-decoration: underline;">observateurs de mutation</a>).</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeRemovedFromDocument</a></code> {{deprecated_inline}}</td> - <td>{{domxref("MutationEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemovedFromDocument">DOM L3</a></td> - <td>Un nœud a été retiré du document (utiliser plutôt les <a href="/en-US/docs/DOM/MutationObserver" style="text-decoration: underline;">observateurs de mutation</a>).</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMSubtreeModified</a></code> {{deprecated_inline}}</td> - <td>{{domxref("MutationEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMSubtreeModified">DOM L3</a></td> - <td>Un changement a eu lieu dans le document (utiliser plutôt les <a href="/en-US/docs/DOM/MutationObserver" style="text-decoration: underline;">observateurs de mutation</a>).</td> - </tr> - <tr> - <td>{{event("downloading")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/html/wg/drafts/html/master/browsers.html#offline">Offline</a></td> - <td>Le <em>user agent</em> a trouvé une mise à jour et la récupère, ou il télécharge les ressources listées dans le manifeste du cache pour la première fois.</td> - </tr> - <tr> - <td>{{event("drag")}}</td> - <td>{{domxref("DragEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-drag">HTML5</a></td> - <td>Un élément ou la sélection de texte est glissé (toutes les 350ms).</td> - </tr> - <tr> - <td>{{event("dragend")}}</td> - <td>{{domxref("DragEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragend">HTML5</a></td> - <td>Un glisser-déposer a été achevé (en relâchant le bouton de la souris ou en appuyant sur la touche Echap).</td> - </tr> - <tr> - <td>{{event("dragenter")}}</td> - <td>{{domxref("DragEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragenter">HTML5</a></td> - <td>Un élément ou une sélection de texte en cours de glisser-déposer entre dans une zone valide de dépôt.</td> - </tr> - <tr> - <td>{{event("dragleave")}}</td> - <td>{{domxref("DragEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragleave">HTML5</a></td> - <td>Un élément ou une sélection de texte en cours de glisser-déposer quitte une zone valide de dépôt.</td> - </tr> - <tr> - <td>{{event("dragover")}}</td> - <td>{{domxref("DragEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragover">HTML5</a></td> - <td>Un élément ou une sélection de texte en cours de glisser-déposer survole une zone valide de dépôt (toutes les 350ms).</td> - </tr> - <tr> - <td>{{event("dragstart")}}</td> - <td>{{domxref("DragEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragstart">HTML5</a></td> - <td>L'utilisateur commence à glisser un élément ou une sélection de texte.</td> - </tr> - <tr> - <td>{{event("drop")}}</td> - <td>{{domxref("DragEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-drop">HTML5</a></td> - <td>Un élément est déposé sur une zone valide de dépôt.</td> - </tr> - <tr> - <td>{{event("durationchange")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-durationchange">HTML5 media</a></td> - <td>L'attribut <code>duration</code> (durée) a été mis à jour.</td> - </tr> - <tr> - <td>{{event("emptied")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-emptied">HTML5 media</a></td> - <td>Le média a été vidé ; par exemple, cet événement est déclenché si un média a déjà été chargé (au moins partiellement) et que la méthode <a href="/en-US/docs/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement" rel="internal"><code>load()</code></a> (charger) est appelée pour le recharger.</td> - </tr> - <tr> - <td>{{event("ended")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ended">HTML5 media</a></td> - <td>La lecture a été interrompue car la fin du média a été atteinte.</td> - </tr> - <tr> - <td>{{event("ended_(Web_Audio)", "ended")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;">{{SpecName("Web Audio API")}}</td> - <td></td> - </tr> - <tr> - <td>{{event("endEvent")}}</td> - <td>{{domxref("TimeEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td> - <td>Une animation <a href="/en-US/docs/SVG/SVG_animation_with_SMIL">SMIL</a> est terminé.</td> - </tr> - <tr> - <td>{{event("error")}}</td> - <td>{{domxref("UIEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-error">DOM L3</a></td> - <td>Le chargement d'une ressource a échoué.</td> - </tr> - <tr> - <td>{{event("error")}}</td> - <td>{{domxref("ProgressEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/progress-events/">Progress</a><span> et </span><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-error">XMLHttpRequest</a></td> - <td>La progression a échoué.</td> - </tr> - <tr> - <td>{{event("error")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/html/wg/drafts/html/master/browsers.html#offline">Offline</a></td> - <td>Une erreur a eu lieu lors du téléchargement du manifeste de cache ou lors de la mise à jour du contenu de l'application.</td> - </tr> - <tr> - <td>{{event("error")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/websockets/">WebSocket</a></td> - <td>Une connexion WebSocket a été fermée avec préjudice (par exemple, des données n'ont pas pu être envoyées).</td> - </tr> - <tr> - <td>{{event("error")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://dev.w3.org/html5/eventsource/">Server Sent Events</a></td> - <td>Une connexion de la source d'événement a échoué.</td> - </tr> - <tr> - <td>{{event("error")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td> - <td>Une requête a causé une erreur et a échoué.</td> - </tr> - <tr> - <td>{{event("focus")}}</td> - <td>{{domxref("FocusEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focus">DOM L3</a></td> - <td>Un élément a acquis le focus (ne se propage pas).</td> - </tr> - <tr> - <td>{{event("focusin")}}</td> - <td>{{domxref("FocusEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusIn">DOM L3</a></td> - <td>Un élément est sur le point d'acquérir le focus (se propage).</td> - </tr> - <tr> - <td>{{event("focusout")}}</td> - <td>{{domxref("FocusEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusout">DOM L3</a></td> - <td>Un élément est sur le point de perdre le focus (se propage).</td> - </tr> - <tr> - <td>{{event("fullscreenchange")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api">Full Screen</a></td> - <td>Un élément est passé en mode plein écran, ou est revenu au mode normal.</td> - </tr> - <tr> - <td>{{event("fullscreenerror")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api">Full Screen</a></td> - <td>Il est impossible de passer en mode plein écran pour des raisons techniques ou parce que la permission a été refusée.</td> - </tr> - <tr> - <td>{{event("gamepadconnected")}}</td> - <td>{{domxref("GamepadEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/gamepad/#the-gamepadconnected-event">Gamepad</a></td> - <td>Une manette de jeu a été connectée.</td> - </tr> - <tr> - <td>{{event("gamepaddisconnected")}}</td> - <td>{{domxref("GamepadEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/gamepad/#the-gamepaddisconnected-event">Gamepad</a></td> - <td>Une manette de jeu a été déconnectée.</td> - </tr> - <tr> - <td>{{event("hashchange")}}</td> - <td>{{domxref("HashChangeEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-hashchange">HTML5</a></td> - <td>L'identifiicateur de fragment de l'URL a été changé (la partie de l'URL après le #).</td> - </tr> - <tr> - <td>{{event("input")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/html5/forms.html#common-event-behaviors">HTML5</a></td> - <td>La valeur d'un élément change ou le contenu d'un élément avec l'attribut <a href="/en-US/docs/DOM/Element.contentEditable">contenteditable</a> est modifié.</td> - </tr> - <tr> - <td>{{event("invalid")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#constraint-validation">HTML5</a></td> - <td>Un élément à soumettre a été vérifié et ne satisfait pas ses contraintes.</td> - </tr> - <tr> - <td>{{event("keydown")}}</td> - <td>{{domxref("KeyboardEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keydown">DOM L3</a></td> - <td>Une touche est enfoncée.</td> - </tr> - <tr> - <td>{{event("keypress")}}</td> - <td>{{domxref("KeyboardEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keypress">DOM L3</a></td> - <td>Une touche est pressée et cette touche produit normalement un caractère (utilisez input à la place).</td> - </tr> - <tr> - <td>{{event("keyup")}}</td> - <td>{{domxref("KeyboardEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keyup">DOM L3</a></td> - <td>Une touche est relâchée.</td> - </tr> - <tr> - <td>{{event("languagechange")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;">{{ SpecName('HTML5.1', '#dom-navigator-languages', 'NavigatorLanguage.languages') }}</td> - <td></td> - </tr> - <tr> - <td>{{event("levelchange")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td> - <td>L'attribut <code>level</code> a été mis à jour.</td> - </tr> - <tr> - <td>{{event("load")}}</td> - <td>{{domxref("UIEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-load">DOM L3</a></td> - <td>Une ressource et ses ressources dépendantes ont fini de se charger.</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/Web/Reference/Events/load_(ProgressEvent)">load</a></code></td> - <td>{{domxref("ProgressEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/progress-events/">Progress</a><span> <span>et </span></span><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-load">XMLHttpRequest</a></td> - <td>La progression est réussie.</td> - </tr> - <tr> - <td>{{event("loadeddata")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadeddata">HTML5 media</a></td> - <td>Le premier cadre du média a fini de se charger.</td> - </tr> - <tr> - <td>{{event("loadedmetadata")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadedmetadata">HTML5 media</a></td> - <td>Les metadata ont été chargées.</td> - </tr> - <tr> - <td>{{event("loadend")}}</td> - <td>{{domxref("ProgressEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/progress-events/">Progress</a><span> <span>et </span></span><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-loadend">XMLHttpRequest</a></td> - <td>Progress has stopped (after "error", "abort" or "load" have been dispatched).</td> - </tr> - <tr> - <td>{{event("loadstart")}}</td> - <td>{{domxref("ProgressEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/progress-events/">Progress </a><span>et </span><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-loadstart">XMLHttpRequest</a></td> - <td>Progress has begun.</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/Web/Reference/Events/message_websocket">message</a></code></td> - <td>{{domxref("MessageEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/websockets/">WebSocket</a></td> - <td>A message is received through a WebSocket.</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/Web/Reference/Events/message_webworker">message</a></code></td> - <td>{{domxref("MessageEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/workers/#communicating-with-a-dedicated-worker">Web Workers</a></td> - <td>A message is received from a Web Worker.</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/Web/Reference/Events/message_webmessaging">message</a></code></td> - <td>{{domxref("MessageEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/webmessaging/">Web Messaging</a></td> - <td>A message is received from a child (i)frame or a parent window.</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/Web/Reference/Events/message_serversentevents">message</a></code></td> - <td>{{domxref("MessageEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://dev.w3.org/html5/eventsource/">Server Sent Events</a></td> - <td>A message is received through an event source.</td> - </tr> - <tr> - <td>{{event("mousedown")}}</td> - <td>{{domxref("MouseEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousedown">DOM L3</a></td> - <td>A pointing device button (usually a mouse) is pressed on an element.</td> - </tr> - <tr> - <td>{{event("mouseenter")}}</td> - <td>{{domxref("MouseEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseenter">DOM L3</a></td> - <td>A pointing device is moved onto the element that has the listener attached.</td> - </tr> - <tr> - <td>{{event("mouseleave")}}</td> - <td>{{domxref("MouseEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseleave">DOM L3</a></td> - <td>A pointing device is moved off the element that has the listener attached.</td> - </tr> - <tr> - <td>{{event("mousemove")}}</td> - <td>{{domxref("MouseEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousemove">DOM L3</a></td> - <td>A pointing device is moved over an element.</td> - </tr> - <tr> - <td>{{event("mouseout")}}</td> - <td>{{domxref("MouseEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseout">DOM L3</a></td> - <td>A pointing device is moved off the element that has the listener attached or off one of its children.</td> - </tr> - <tr> - <td>{{event("mouseover")}}</td> - <td>{{domxref("MouseEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseover">DOM L3</a></td> - <td>A pointing device is moved onto the element that has the listener attached or onto one of its children.</td> - </tr> - <tr> - <td>{{event("mouseup")}}</td> - <td>{{domxref("MouseEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseup">DOM L3</a></td> - <td>A pointing device button is released over an element.</td> - </tr> - <tr> - <td>{{event("noupdate")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/html/wg/drafts/html/master/browsers.html#offline">Offline</a></td> - <td>The manifest hadn't changed.</td> - </tr> - <tr> - <td>{{event("obsolete")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/html/wg/drafts/html/master/browsers.html#offline">Offline</a></td> - <td>The manifest was found to have become a 404 or 410 page, so the application cache is being deleted.</td> - </tr> - <tr> - <td>{{event("offline")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#event-offline">HTML5 offline</a></td> - <td>The browser has lost access to the network.</td> - </tr> - <tr> - <td>{{event("online")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#event-online">HTML5 offline</a></td> - <td>The browser has gained access to the network (but particular websites might be unreachable).</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/Web/Reference/Events/open_websocket">open</a></code></td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/websockets/">WebSocket</a></td> - <td>A WebSocket connection has been established.</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/Web/Reference/Events/open_serversentevents">open</a></code></td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://dev.w3.org/html5/eventsource/">Server Sent Events</a></td> - <td>An event source connection has been established.</td> - </tr> - <tr> - <td>{{event("orientationchange")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/screen-orientation/">Screen Orientation</a></td> - <td>The orientation of the device (portrait/landscape) has changed</td> - </tr> - <tr> - <td>{{event("pagehide")}}</td> - <td>{{domxref("PageTransitionEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pagehide">HTML5</a></td> - <td>A session history entry is being traversed from.</td> - </tr> - <tr> - <td>{{event("pageshow")}}</td> - <td>{{domxref("PageTransitionEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pageshow">HTML5</a></td> - <td>A session history entry is being traversed to.</td> - </tr> - <tr> - <td>{{event("paste")}}</td> - <td>{{domxref("ClipboardEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/clipboard-apis/#paste-event">Clipboard</a></td> - <td>Data has been transfered from the system clipboard to the document.</td> - </tr> - <tr> - <td>{{event("pause")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-pause">HTML5 media</a></td> - <td>Playback has been paused.</td> - </tr> - <tr> - <td>{{event("pointerlockchange")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/pointerlock/#pointerlockchange-and-pointerlockerror-events">Pointer Lock</a></td> - <td>The pointer was locked or released.</td> - </tr> - <tr> - <td>{{event("pointerlockerror")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/pointerlock/#pointerlockchange-and-pointerlockerror-events">Pointer Lock</a></td> - <td>It was impossible to lock the pointer for technical reasons or because the permission was denied.</td> - </tr> - <tr> - <td>{{event("play")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-play">HTML5 media</a></td> - <td>Playback has begun.</td> - </tr> - <tr> - <td>{{event("playing")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-playing">HTML5 media</a></td> - <td>Playback is ready to start after having been paused or delayed due to lack of data.</td> - </tr> - <tr> - <td>{{event("popstate")}}</td> - <td>{{domxref("PopStateEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-popstate">HTML5</a></td> - <td>A session history entry is being navigated to (in certain cases).</td> - </tr> - <tr> - <td>{{event("progress")}}</td> - <td>{{domxref("ProgressEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/progress-events/">Progress</a><span> <span>and </span></span><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-progress">XMLHttpRequest</a></td> - <td>In progress.</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/Web/Reference/Events/progress_(appcache_event)">progress</a></code></td> - <td>{{domxref("ProgressEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/html/wg/drafts/html/master/browsers.html#offline">Offline</a></td> - <td>The user agent is downloading resources listed by the manifest.</td> - </tr> - <tr> - <td>{{event("ratechange")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ratechange">HTML5 media</a></td> - <td>The playback rate has changed.</td> - </tr> - <tr> - <td>{{event("readystatechange")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><span>HTML5 <span>et </span></span><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-readystatechange">XMLHttpRequest</a></td> - <td>The readyState attribute of a document has changed.</td> - </tr> - <tr> - <td>{{event("repeatEvent")}}</td> - <td>{{domxref("TimeEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td> - <td>A <a href="/en-US/docs/SVG/SVG_animation_with_SMIL">SMIL</a> animation element is repeated.</td> - </tr> - <tr> - <td>{{event("reset")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html">DOM L2</a>, <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-0#resetting-a-form">HTML5</a></td> - <td>A form is reset.</td> - </tr> - <tr> - <td>{{event("resize")}}</td> - <td>{{domxref("UIEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-resize">DOM L3</a></td> - <td>The document view has been resized.</td> - </tr> - <tr> - <td>{{event("scroll")}}</td> - <td>{{domxref("UIEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-scroll">DOM L3</a></td> - <td>The document view or an element has been scrolled.</td> - </tr> - <tr> - <td>{{event("seeked")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeked">HTML5 media</a></td> - <td>A <em>seek</em> operation completed.</td> - </tr> - <tr> - <td>{{event("seeking")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeking">HTML5 media</a></td> - <td>A <em>seek</em> operation began.</td> - </tr> - <tr> - <td>{{event("select")}}</td> - <td>{{domxref("UIEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-select">DOM L3</a></td> - <td>Some text is being selected.</td> - </tr> - <tr> - <td>{{event("show")}}</td> - <td>{{domxref("MouseEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/html5/interactive-elements.html#context-menus">HTML5</a></td> - <td>A contextmenu event was fired on/bubbled to an element that has a <a href="/en-US/docs/DOM/element.contextmenu">contextmenu</a> attribute</td> - </tr> - <tr> - <td>{{event("stalled")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-stalled">HTML5 media</a></td> - <td>The user agent is trying to fetch media data, but data is unexpectedly not forthcoming.</td> - </tr> - <tr> - <td>{{event("storage")}}</td> - <td>{{domxref("StorageEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/webstorage/#the-storage-event">Web Storage</a></td> - <td>A storage area (<a href="/en-US/docs/DOM/Storage#localStorage">localStorage</a> or <a href="/en-US/docs/DOM/Storage#sessionStorage">sessionStorage</a>) has changed.</td> - </tr> - <tr> - <td>{{event("submit")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html">DOM L2</a>, <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-algorithm">HTML5</a></td> - <td>A form is submitted.</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/Web/Reference/Events/success_indexedDB">success</a></code></td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td> - <td>A request successfully completed.</td> - </tr> - <tr> - <td>{{event("suspend")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-suspend">HTML5 media</a></td> - <td>Media data loading has been suspended.</td> - </tr> - <tr> - <td>{{event("SVGAbort")}}</td> - <td>{{domxref("SVGEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td> - <td>Page loading has been stopped before the <a href="/en-US/docs/SVG">SVG</a> was loaded.</td> - </tr> - <tr> - <td>{{event("SVGError")}}</td> - <td>{{domxref("SVGEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td> - <td>An error has occurred before the <a href="/en-US/docs/SVG">SVG</a> was loaded.</td> - </tr> - <tr> - <td>{{event("SVGLoad")}}</td> - <td>{{domxref("SVGEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td> - <td>An <a href="/en-US/docs/SVG">SVG</a> document has been loaded and parsed.</td> - </tr> - <tr> - <td>{{event("SVGResize")}}</td> - <td>{{domxref("SVGEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td> - <td>An <a href="/en-US/docs/SVG">SVG</a> document is being resized.</td> - </tr> - <tr> - <td>{{event("SVGScroll")}}</td> - <td>{{domxref("SVGEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td> - <td>An <a href="/en-US/docs/SVG">SVG</a> document is being scrolled.</td> - </tr> - <tr> - <td>{{event("SVGUnload")}}</td> - <td>{{domxref("SVGEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td> - <td>An <a href="/en-US/docs/SVG">SVG</a> document has been removed from a window or frame.</td> - </tr> - <tr> - <td>{{event("SVGZoom")}}</td> - <td>{{domxref("SVGZoomEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td> - <td>An <a href="/en-US/docs/SVG">SVG</a> document is being zoomed.</td> - </tr> - <tr> - <td>{{event("timeout")}}</td> - <td>{{domxref("ProgressEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-timeout">XMLHttpRequest</a></td> - <td></td> - </tr> - <tr> - <td>{{event("timeupdate")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-timeupdate">HTML5 media</a></td> - <td>The time indicated by the <code>currentTime</code> attribute has been updated.</td> - </tr> - <tr> - <td>{{event("touchcancel")}}</td> - <td>{{domxref("TouchEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/touch-events/">Touch Events</a></td> - <td>A touch point has been disrupted in an implementation-specific manners (too many touch points for example).</td> - </tr> - <tr> - <td>{{event("touchend")}}</td> - <td>{{domxref("TouchEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/touch-events/#the-touchend-event">Touch Events</a></td> - <td>A touch point is removed from the touch surface.</td> - </tr> - <tr> - <td>{{event("touchenter")}}</td> - <td>{{domxref("TouchEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/touch-events/">Touch Events</a> Removed</td> - <td>A touch point is moved onto the interactive area of an element.</td> - </tr> - <tr> - <td>{{event("touchleave")}}</td> - <td>{{domxref("TouchEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/touch-events/">Touch Events</a> Removed</td> - <td>A touch point is moved off the interactive area of an element.</td> - </tr> - <tr> - <td>{{event("touchmove")}}</td> - <td>{{domxref("TouchEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/touch-events/#the-touchmove-event">Touch Events</a></td> - <td>A touch point is moved along the touch surface.</td> - </tr> - <tr> - <td>{{event("touchstart")}}</td> - <td>{{domxref("TouchEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/touch-events/#the-touchstart---------event">Touch Events</a></td> - <td>A touch point is placed on the touch surface.</td> - </tr> - <tr> - <td>{{event("transitionend")}}</td> - <td>{{domxref("TransitionEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/css3-transitions/#transition-events">CSS Transitions</a></td> - <td>A <a href="/en-US/docs/CSS/CSS_transitions">CSS transition</a> has completed.</td> - </tr> - <tr> - <td>{{event("unload")}}</td> - <td>{{domxref("UIEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-unload">DOM L3</a></td> - <td>The document or a dependent resource is being unloaded.</td> - </tr> - <tr> - <td>{{event("updateready")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://dev.w3.org/html5/spec/offline.html">Offline</a></td> - <td>The resources listed in the manifest have been newly redownloaded, and the script can use <code>swapCache()</code> to switch to the new cache.</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/Web/Reference/Events/upgradeneeded_indexedDB">upgradeneeded</a></code></td> - <td></td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td> - <td>An attempt was made to open a database with a version number higher than its current version. A <code>versionchange</code> transaction has been created.</td> - </tr> - <tr> - <td>{{event("userproximity")}}</td> - <td>{{domxref("SensorEvent")}}</td> - <td style="white-space: nowrap;"><a href="https://dvcs.w3.org/hg/dap/raw-file/tip/proximity/Overview.html">Sensor</a></td> - <td>Fresh data is available from a proximity sensor (indicates whether the nearby object is <code>near</code> the device or not).</td> - </tr> - <tr> - <td><code><a href="/en-US/docs/Web/Reference/Events/versionchange_indexedDB">versionchange</a></code></td> - <td></td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/IndexedDB/#database-interface">IndexedDB</a></td> - <td>A <code>versionchange</code> transaction completed.</td> - </tr> - <tr> - <td>{{event("visibilitychange")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/page-visibility/#sec-visibilitychange-event">Page visibility</a></td> - <td>The content of a tab has become visible or has been hidden.</td> - </tr> - <tr> - <td>{{event("volumechange")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-volumechange">HTML5 media</a></td> - <td>The volume has changed.</td> - </tr> - <tr> - <td>{{event("waiting")}}</td> - <td>{{domxref("Event")}}</td> - <td style="white-space: nowrap;"><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-waiting">HTML5 media</a></td> - <td>Playback has stopped because of a temporary lack of data.</td> - </tr> - <tr> - <td>{{event("wheel")}}{{gecko_minversion_inline("17")}}</td> - <td>{{domxref("WheelEvent")}}</td> - <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-wheel">DOM L3</a></td> - <td>A wheel button of a pointing device is rotated in any direction.</td> - </tr> - </tbody> -</table> - -<h2 id="Non-standard_events">Non-standard events</h2> - -<table class="standard-table" style="width: 100%;"> - <tbody> - <tr> - <th class="header" style="width: 220px;">Event Name</th> - <th class="header" style="width: 90px;">Event Type</th> - <th class="header" style="width: 100px;">Specification</th> - <th class="header">Fired when...</th> - </tr> - <tr> - <td>{{event("afterscriptexecute")}}</td> - <td>{{domxref("Event")}}</td> - <td><em>Mozilla Specific</em></td> - <td>A script has been executed.</td> - </tr> - <tr> - <td>{{event("beforescriptexecute")}}</td> - <td>{{domxref("Event")}}</td> - <td><em>Mozilla Specific</em></td> - <td>A script is about to be executed.</td> - </tr> - <tr> - <td>{{event("cardstatechange")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>The {{domxref("MozMobileConnection.cardState")}} property changes value.</td> - </tr> - <tr> - <td>{{event("change")}}</td> - <td>{{domxref("DeviceStorageChangeEvent")}}</td> - <td><em>Firefox OS specific</em></td> - <td>This event is triggered each time a file is created, modified or deleted on a given storage area.</td> - </tr> - <tr> - <td>{{event("connectionInfoUpdate")}}</td> - <td></td> - <td><a href="http://mxr.mozilla.org/mozilla-central/source/dom/wifi/nsIWifi.idl?rev=3e586802f478#176"><em>Firefox OS specific</em></a></td> - <td>The informations about the signal strength and the link speed have been updated.</td> - </tr> - <tr> - <td>{{event("cfstatechange")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>The call forwarding state changes.</td> - </tr> - <tr> - <td>{{event("datachange")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>The {{domxref("MozMobileConnection.data")}} object changes values.</td> - </tr> - <tr> - <td>{{event("dataerror")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>The {{domxref("MozMobileConnection.data")}} object receive an error from the <abbr title="Radio Interface Layer">RIL</abbr>.</td> - </tr> - <tr> - <td>{{event("DOMMouseScroll")}}{{deprecated_inline}}</td> - <td></td> - <td><em>Mozilla specific</em></td> - <td>The wheel button of a pointing device is rotated (detail attribute is a number of lines). (use {{event("wheel")}} instead)</td> - </tr> - <tr> - <td><code>dragdrop</code> {{deprecated_inline}}</td> - <td><code>DragEvent</code></td> - <td><em>Mozilla specific</em></td> - <td>An element is dropped (use {{event("drop")}} instead).</td> - </tr> - <tr> - <td><code>dragexit</code> {{deprecated_inline}}</td> - <td><code>DragEvent</code></td> - <td><em>Mozilla specific</em></td> - <td>A drag operation is being ended(use {{event("dragend")}} instead).</td> - </tr> - <tr> - <td><code>draggesture</code> {{deprecated_inline}}</td> - <td><code>DragEvent</code></td> - <td><em>Mozilla specific</em></td> - <td>The user starts dragging an element or text selection (use {{event("dragstart")}} instead).</td> - </tr> - <tr> - <td>{{event("icccardlockerror")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>the {{domxref("MozMobileConnection.unlockCardLock()")}} or {{domxref("MozMobileConnection.setCardLock()")}} methods fails.</td> - </tr> - <tr> - <td>{{event("iccinfochange")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>The {{domxref("MozMobileConnection.iccInfo")}} object changes.</td> - </tr> - <tr> - <td>{{event("localized")}}</td> - <td></td> - <td><em><a href="https://github.com/fabi1cazenave/webL10n">Mozilla Specific</a></em></td> - <td>The page has been localized using data-l10n-* attributes.</td> - </tr> - <tr> - <td>{{event("mousewheel")}}{{deprecated_inline}}</td> - <td></td> - <td><a href="http://msdn.microsoft.com/en-us/library/ie/ms536951%28v=vs.85%29.aspx"><em>IE invented</em></a></td> - <td>The wheel button of a pointing device is rotated.</td> - </tr> - <tr> - <td>{{event("MozAudioAvailable")}}</td> - <td>{{domxref("Event")}}</td> - <td><em>Mozilla specific</em></td> - <td>The audio buffer is full and the corresponding raw samples are available.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/MozBeforeResize"><code>MozBeforeResize</code></a> {{obsolete_inline}}</td> - <td></td> - <td><em>Mozilla specific</em></td> - <td>A window is about to be resized.</td> - </tr> - <tr> - <td>{{event("mozbrowserclose")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>Sent when window.close() is called within a browser iframe.</td> - </tr> - <tr> - <td>{{event("mozbrowsercontextmenu")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>Sent when a browser {{HTMLElement("iframe")}} try to open a context menu.</td> - </tr> - <tr> - <td>{{event("mozbrowsererror")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>Sent when an error occured while trying to load a content within a browser iframe</td> - </tr> - <tr> - <td>{{event("mozbrowsericonchange")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>Sent when the favicon of a browser iframe changes.</td> - </tr> - <tr> - <td>{{event("mozbrowserlocationchange")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>Sent when an browser iframe's location changes.</td> - </tr> - <tr> - <td>{{event("mozbrowserloadend")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>Sent when the browser iframe has finished loading all its assets.</td> - </tr> - <tr> - <td>{{event("mozbrowserloadstart")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>Sent when the browser iframe starts to load a new page.</td> - </tr> - <tr> - <td>{{event("mozbrowseropenwindow")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>Sent when {{domxref("window.open()")}} is called within a browser iframe.</td> - </tr> - <tr> - <td>{{event("mozbrowsersecuritychange")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>Sent when the SSL state changes within a browser iframe.</td> - </tr> - <tr> - <td>{{event("mozbrowsershowmodalprompt")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>Sent when {{domxref("window.alert","alert()")}}, {{domxref("window.confirm","confirm()")}} or {{domxref("window.prompt","prompt()")}} are called within a browser iframe</td> - </tr> - <tr> - <td>{{event("mozbrowsertitlechange")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>Sent when the document.title changes within a browser iframe.</td> - </tr> - <tr> - <td>{{event("MozGamepadButtonDown")}}</td> - <td></td> - <td><em>To be specified</em></td> - <td>A gamepad button is pressed down.</td> - </tr> - <tr> - <td>{{event("MozGamepadButtonUp")}}</td> - <td></td> - <td><em>To be specified</em></td> - <td>A gamepad button is released.</td> - </tr> - <tr> - <td>{{event("MozMousePixelScroll")}} {{deprecated_inline}}</td> - <td></td> - <td><em>Mozilla specific</em></td> - <td>The wheel button of a pointing device is rotated (detail attribute is a number of pixels). (use wheel instead)</td> - </tr> - <tr> - <td>{{event("MozOrientation")}} {{deprecated_inline}}</td> - <td></td> - <td><em>Mozilla specific</em></td> - <td>Fresh data is available from an orientation sensor (see deviceorientation).</td> - </tr> - <tr> - <td>{{event("MozScrolledAreaChanged")}}</td> - <td>{{domxref("UIEvent")}}</td> - <td><em>Mozilla specific</em></td> - <td>The document view has been scrolled or resized.</td> - </tr> - <tr> - <td>{{event("moztimechange")}}</td> - <td></td> - <td><em>Mozilla specific</em></td> - <td>The time of the device has been changed.</td> - </tr> - <tr> - <td><a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchDown</a> {{deprecated_inline}}</td> - <td></td> - <td><em>Mozilla specific</em></td> - <td>A touch point is placed on the touch surface (use touchstart instead).</td> - </tr> - <tr> - <td><a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchMove</a> {{deprecated_inline}}</td> - <td></td> - <td><em>Mozilla specific</em></td> - <td>A touch point is moved along the touch surface (use touchmove instead).</td> - </tr> - <tr> - <td><a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchUp</a> {{deprecated_inline}}</td> - <td></td> - <td><em>Mozilla specific</em></td> - <td>A touch point is removed from the touch surface (use touchend instead).</td> - </tr> - <tr> - <td>{{event("alerting")}}</td> - <td>{{domxref("CallEvent")}}</td> - <td><em>To be specified</em></td> - <td>The correspondent is being alerted (his/her phone is ringing).</td> - </tr> - <tr> - <td>{{event("busy")}}</td> - <td>{{domxref("CallEvent")}}</td> - <td><em>To be specified</em></td> - <td>The line of the correspondent is busy.</td> - </tr> - <tr> - <td>{{event("callschanged")}}</td> - <td>{{domxref("CallEvent")}}</td> - <td><em>To be specified</em></td> - <td>A call has been added or removed from the list of current calls.</td> - </tr> - <tr> - <td><a href="/en-US/docs/DOM/onconnected">onconnected</a> {{event("connected")}}</td> - <td>{{domxref("CallEvent")}}</td> - <td><em>To be specified</em></td> - <td>A call has been connected.</td> - </tr> - <tr> - <td>{{event("connecting")}}</td> - <td>{{domxref("CallEvent")}}</td> - <td><em>To be specified</em></td> - <td>A call is about to connect.</td> - </tr> - <tr> - <td>{{event("delivered")}}</td> - <td>{{domxref("SMSEvent")}}</td> - <td><em>To be specified</em></td> - <td>An SMS has been successfully delivered.</td> - </tr> - <tr> - <td>{{event("dialing")}}</td> - <td>{{domxref("CallEvent")}}</td> - <td><em>To be specified</em></td> - <td>The number of a correspondent has been dialed.</td> - </tr> - <tr> - <td>{{event("disabled")}}</td> - <td></td> - <td><a href="http://mxr.mozilla.org/mozilla-central/source/dom/wifi/nsIWifi.idl?rev=3e586802f478#182"><em>Firefox OS specific</em></a></td> - <td>Wifi has been disabled on the device.</td> - </tr> - <tr> - <td>{{event("disconnected")}}</td> - <td>{{domxref("CallEvent")}}</td> - <td><em>To be specified</em></td> - <td>A call has been disconnected.</td> - </tr> - <tr> - <td>{{event("disconnecting")}}</td> - <td>{{domxref("CallEvent")}}</td> - <td><em>To be specified</em></td> - <td>A call is about to disconnect.</td> - </tr> - <tr> - <td>{{event("enabled")}}</td> - <td></td> - <td><a href="http://mxr.mozilla.org/mozilla-central/source/dom/wifi/nsIWifi.idl?rev=3e586802f478#182"><em>Firefox OS specific</em></a></td> - <td>Wifi has been enabled on the device.</td> - </tr> - <tr> - <td>{{event("error_(Telephony)","error")}}</td> - <td>{{domxref("CallEvent")}}</td> - <td><em>To be specified</em></td> - <td>An error occurred.</td> - </tr> - <tr> - <td>{{event("held")}}</td> - <td>{{domxref("CallEvent")}}</td> - <td><em>To be specified</em></td> - <td>A call has been held.</td> - </tr> - <tr> - <td>{{event("holding")}}</td> - <td>{{domxref("CallEvent")}}</td> - <td><em>To be specified</em></td> - <td>A call is about to be held.</td> - </tr> - <tr> - <td>{{event("incoming")}}</td> - <td>{{domxref("CallEvent")}}</td> - <td><em>To be specified</em></td> - <td>A call is being received.</td> - </tr> - <tr> - <td>{{event("received")}}</td> - <td>{{domxref("SMSEvent")}}</td> - <td><em>To be specified</em></td> - <td>An SMS has been received.</td> - </tr> - <tr> - <td>{{event("resuming")}}</td> - <td>{{domxref("CallEvent")}}</td> - <td><em>To be specified</em></td> - <td>A call is about to resume.</td> - </tr> - <tr> - <td>{{event("sent")}}</td> - <td>{{domxref("SMSEvent")}}</td> - <td><em>To be specified</em></td> - <td>An SMS has been sent.</td> - </tr> - <tr> - <td>{{event("statechange")}}</td> - <td>{{domxref("CallEvent")}}</td> - <td><em>To be specified</em></td> - <td>The state of a call has changed.</td> - </tr> - <tr> - <td>{{event("statuschange")}}</td> - <td></td> - <td><a href="http://mxr.mozilla.org/mozilla-central/source/dom/wifi/nsIWifi.idl?rev=3e586802f478#156"><em>Firefox OS specific</em></a></td> - <td>The status of the Wifi connection changed.</td> - </tr> - <tr> - <td>{{event("overflow")}}</td> - <td>{{domxref("UIEvent")}}</td> - <td><em>Mozilla specific</em></td> - <td>An element has been overflowed by its content or has been rendered for the first time in this state (only works for elements styled with <code>overflow</code> != <code>visible</code>).</td> - </tr> - <tr> - <td>{{event("smartcard-insert")}}</td> - <td></td> - <td><em>Mozilla specific</em></td> - <td>A <a href="/en-US/docs/JavaScript_crypto">smartcard</a> has been inserted.</td> - </tr> - <tr> - <td>{{event("smartcard-remove")}}</td> - <td></td> - <td><em>Mozilla specific</em></td> - <td>A <a href="/en-US/docs/JavaScript_crypto">smartcard</a> has been removed.</td> - </tr> - <tr> - <td>{{event("stkcommand")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>The <abbr title="SIM Application Toolkit">STK</abbr> Proactive Command is issued from <abbr title="Integrated Circuit Card">ICC</abbr>.</td> - </tr> - <tr> - <td>{{event("stksessionend")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>The <abbr title="SIM Application Toolkit">STK</abbr> Session is terminated by <abbr title="Integrated Circuit Card">ICC</abbr>.</td> - </tr> - <tr> - <td><code>text</code></td> - <td></td> - <td><em>Mozilla Specific</em></td> - <td>A generic composition event occurred.</td> - </tr> - <tr> - <td>{{event("underflow")}}</td> - <td>{{domxref("UIEvent")}}</td> - <td><em>Mozilla specific</em></td> - <td>An element is no longer overflowed by its content (only works for elements styled with <code>overflow</code> != <code>visible</code>).</td> - </tr> - <tr> - <td><code>uploadprogress</code> {{deprecated_inline}}</td> - <td>{{domxref("ProgressEvent")}}</td> - <td><em>Mozilla Specific</em></td> - <td>Upload is in progress (see {{event("progress")}}).</td> - </tr> - <tr> - <td> - <p>{{event("ussdreceived")}}</p> - </td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>A new <abbr title="Unstructured Supplementary Service Data">USSD</abbr> message is received</td> - </tr> - <tr> - <td>{{event("voicechange")}}</td> - <td></td> - <td><em>Firefox OS specific</em></td> - <td>The {{domxref("MozMobileConnection.voice")}} object changes values.</td> - </tr> - </tbody> -</table> - -<h2 id="Mozilla-specific_events">Mozilla-specific events</h2> - -<div class="note"> -<p><strong>Note:</strong> those events are never exposed to web content and can only be used in chrome content context.</p> +<div class="notecard note"> + <h4>Note</h4> + <p>Cette page répertorie les événements les plus courants que vous rencontrerez sur le Web. Si vous recherchez un événement qui n'est pas répertorié ici, essayez de rechercher son nom, son domaine ou les spécifications associées sur le reste du MDN.</p> </div> -<h3 id="XUL_events">XUL events</h3> - -<table class="standard-table" style="width: 100%;"> - <tbody> - <tr> - <th class="header" style="width: 220px;">Event Name</th> - <th class="header" style="width: 90px;">Event Type</th> - <th class="header" style="width: 100px;">Specification</th> - <th class="header">Fired when...</th> - </tr> - <tr> - <td>{{event("broadcast")}}</td> - <td></td> - <td><a href="/en-US/docs/XUL/Tutorial/Broadcasters_and_Observers#Broadcast_event">XUL</a></td> - <td>An <code>observer</code> noticed a change to the attributes of a watched broadcaster.</td> - </tr> - <tr> - <td>{{event("CheckboxStateChange")}}</td> - <td></td> - <td>XUL</td> - <td>The state of a <code>checkbox</code> has been changed either by a user action or by a script (useful for accessibility).</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/close_event">close</a></td> - <td></td> - <td>XUL</td> - <td>The close button of the window has been clicked.</td> - </tr> - <tr> - <td>{{event("command")}}</td> - <td></td> - <td>XUL</td> - <td>An element has been activated.</td> - </tr> - <tr> - <td>{{event("commandupdate")}}</td> - <td></td> - <td>XUL</td> - <td>A command update occurred on a <code>commandset</code> element.</td> - </tr> - <tr> - <td>{{event("DOMMenuItemActive")}}</td> - <td></td> - <td>XUL</td> - <td>A menu or menuitem has been hovered or highlighted.</td> - </tr> - <tr> - <td>{{event("DOMMenuItemInactive")}}</td> - <td></td> - <td><em>XUL</em></td> - <td>A menu or menuitem is no longer hovered or highlighted.</td> - </tr> - <tr> - <td>{{event("popuphidden")}}</td> - <td><code>PopupEvent</code></td> - <td><a href="/en-US/docs/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td> - <td>A menupopup, panel or tooltip has been hidden.</td> - </tr> - <tr> - <td>{{event("popuphiding")}}</td> - <td><code>PopupEvent</code></td> - <td><a href="/en-US/docs/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td> - <td>A menupopup, panel or tooltip is about to be hidden.</td> - </tr> - <tr> - <td>{{event("popupshowing")}}</td> - <td><code>PopupEvent</code></td> - <td><a href="/en-US/docs/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td> - <td>A menupopup, panel or tooltip is about to become visible.</td> - </tr> - <tr> - <td>{{event("popupshown")}}</td> - <td><code>PopupEvent</code></td> - <td><a href="/en-US/docs/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td> - <td>A menupopup, panel or tooltip has become visible.</td> - </tr> - <tr> - <td>{{event("RadioStateChange")}}</td> - <td></td> - <td>XUL</td> - <td>The state of a <code>radio</code> has been changed either by a user action or by a script (useful for accessibility).</td> - </tr> - <tr> - <td>{{event("ValueChange")}}</td> - <td></td> - <td>XUL</td> - <td>The value of an element has changed (a progress bar for example, useful for accessibility).</td> - </tr> - </tbody> -</table> - -<h3 id="Add-on-specific_events">Add-on-specific events</h3> - -<table class="standard-table" style="width: 100%;"> - <tbody> - <tr> - <th class="header" style="width: 220px;">Event Name</th> - <th class="header" style="width: 90px;">Event Type</th> - <th class="header" style="width: 100px;">Specification</th> - <th class="header">Fired when...</th> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/MozSwipeGesture">MozSwipeGesture</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A touch point is swiped across the touch surface</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/MozMagnifyGestureStart">MozMagnifyGestureStart</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>Two touch points start to move away from each other.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/MozMagnifyGestureUpdate">MozMagnifyGestureUpdate</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>Two touch points move away from each other (after a MozMagnifyGestureStart).</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/MozMagnifyGesture">MozMagnifyGesture</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>Two touch points moved away from each other (after a sequence of MozMagnifyGestureUpdate).</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/MozRotateGestureStart">MozRotateGestureStart</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>Two touch points start to rotate around a point.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/MozRotateGestureUpdate">MozRotateGestureUpdate</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>Two touch points rotate around a point (after a MozRotateGestureStart).</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/MozRotateGesture">MozRotateGesture</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>Two touch points rotate around a point (after a sequence of MozRotateGestureUpdate).</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/MozTapGesture">MozTapGesture</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>Two touch points are tapped on the touch surface.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/MozPressTapGesture">MozPressTapGesture</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A "press-tap" gesture happened on the touch surface (first finger down, second finger down, second finger up, first finger up).</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/MozEdgeUIGesture">MozEdgeUIGesture</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A touch point is swiped across the touch surface to invoke the edge UI (Win8 only).</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/MozAfterPaint">MozAfterPaint</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>Content has been repainted.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/DOMPopupBlocked">DOMPopupBlocked</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A popup has been blocked</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/DOMWindowCreated">DOMWindowCreated</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A window has been created.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/DOMWindowClose">DOMWindowClose</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A window is about to be closed.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/DOMTitleChanged">DOMTitleChanged</a></td> - <td></td> - <td><em>Addons specifc</em></td> - <td>The title of a window has changed.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/DOMLinkAdded">DOMLinkAdded</a></td> - <td></td> - <td><em>Addons specifc</em></td> - <td>A link has been added a document.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/DOMLinkRemoved">DOMLinkRemoved</a></td> - <td></td> - <td><em>Addons specifc</em></td> - <td>A link has been removed inside from a document.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/DOMMetaAdded">DOMMetaAdded</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A <code>meta</code> element has been added to a document.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/DOMMetaRemoved">DOMMetaRemoved</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A <code>meta</code> element has been removed from a document.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/DOMWillOpenModalDialog">DOMWillOpenModalDialog</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A modal dialog is about to open.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/DOMModalDialogClosed">DOMModalDialogClosed</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A modal dialog has been closed.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/DOMAutoComplete">DOMAutoComplete</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>The content of an element has been auto-completed.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/DOMFrameContentLoaded">DOMFrameContentLoaded</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>The frame has finished loading (but not its dependent resources).</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/AlertActive">AlertActive</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A <code><a href="/en-US/docs/XUL/notification">notification</a></code> element is shown.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/AlertClose">AlertClose</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A <code><a href="/en-US/docs/XUL/notification">notification</a></code> element is closed.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/fullscreen">fullscreen</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>Browser fullscreen mode has been entered or left.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/sizemodechange">sizemodechange</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>Window has entered/left fullscreen mode, or has been minimized/unminimized.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/MozEnteredDomFullscreen">MozEnteredDomFullscreen</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td><a href="/en-US/docs/DOM/Using_full-screen_mode">DOM fullscreen</a> mode has been entered.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/SSWindowClosing">SSWindowClosing</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>The session store will stop tracking this window.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/SSTabClosing">SSTabClosing</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>The session store will stop tracking this tab.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/SSTabRestoring">SSTabRestoring</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A tab is about to be restored.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/SSTabRestored">SSTabRestored</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A tab has been restored.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/SSWindowStateReady">SSWindowStateReady</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A window state has switched to "ready".</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/SSWindowStateBusy">SSWindowStateBusy</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A window state has switched to "busy".</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/tabviewsearchenabled">tabviewsearchenabled</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>The search feature of Panorama has been activated</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/tabviewsearchdisabled">tabviewsearchdisabled</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>The search feature of Panorama has been deactivated</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/tabviewframeinitialized">tabviewframeinitialized</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>The frame container of Panorama has been initialized</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/tabviewshown">tabviewshown</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>The Panorama tab has been shown</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/tabviewhidden">tabviewhidden</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>The Panorama tab has been hidden</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/TabOpen">TabOpen</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A tab has been opened.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/TabClose">TabClose</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A tab has been closed.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/TabSelect">TabSelect</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A tab has been selected.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/TabShow">TabShow</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A tab has been shown.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/TabHide">TabHide</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A tab has been hidden.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/TabPinned">TabPinned</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A tab has been pinned.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/TabUnpinned">TabUnpinned</a></td> - <td></td> - <td><em>Addons specific</em></td> - <td>A tab has been unpinned.</td> - </tr> - </tbody> -</table> - -<h3 id="Developer_tool-specific_events">Developer tool-specific events</h3> - -<table class="standard-table" style="width: 100%;"> - <tbody> - <tr> - <th class="header" style="width: 220px;">Event Name</th> - <th class="header" style="width: 90px;">Event Type</th> - <th class="header" style="width: 100px;">Specification</th> - <th class="header">Fired when...</th> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/CssRuleViewRefreshed">CssRuleViewRefreshed</a></td> - <td></td> - <td><em>devtools specific</em></td> - <td>The "Rules" view of the style inspector has been updated.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/CssRuleViewChanged">CssRuleViewChanged</a></td> - <td></td> - <td><em>devtools specific</em></td> - <td>The "Rules" view of the style inspector has been changed.</td> - </tr> - <tr> - <td><a href="/en-US/docs/Web/Reference/Events/CssRuleViewCSSLinkClicked">CssRuleViewCSSLinkClicked</a></td> - <td></td> - <td><em>devtools specific</em></td> - <td>A link to a CSS file has been clicked in the "Rules" view of the style inspector.</td> - </tr> - </tbody> +<h2 id="Index_des_événements">Index des événements</h2> + +<table class="standard-table" style="vertical-align: top"> + <tr> + <th>Type d'événement</th> + <th style="width: 50%">Description</th> + <th>Documentation</th> + </tr> + + <tr> + <td>Animation</td> + <td> + <p>Les événements liés à l'API <a href="/fr/docs/Web/API/Web_Animations_API">Web Animation API</a>.</p> + <p>Utilisé pour répondre aux changements d'état de l'animation (par exemple, lorsqu'une animation commence ou se termine).</p> + </td> + <td>Événements d'animation déclenchés sur <a href="/fr/docs/Web/API/Document#animation_events"><code>Document</code></a>, <a href="/fr/docs/Web/API/Window#animation_events"><code>Window</code></a>, <a href="/fr/docs/Web/API/HTMLElement#animation_events"><code>HTMLElement</code></a>.</td> + </tr> + + <tr> + <td>Récupération asynchrone des données</td> + <td> + <p>Événements liés à l'extraction des données.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/AbortSignal#events"><code>AbortSignal</code></a>, <a href="/fr/docs/Web/API/XMLHttpRequest#events"><code>XMLHttpRequest</code></a>, <a href="/fr/docs/Web/API/FileReader#events"><code>FileReader</code></a>.</td> + </tr> + + <tr> + <td>Presse-papiers</td> + <td> + <p>Les événements liés à l'API <a href="/fr/docs/Web/API/Clipboard_API">Clipboard API</a>.</p> + <p>Utilisé pour notifier lorsque le contenu est coupé, copié ou collé.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/Document#clipboard_events"><code>Document</code></a>, <a href="/fr/docs/Web/API/Element#clipboard_events"><code>Element</code></a>, <a href="/fr/docs/Web/API/Window#clipboard_events"><code>Window</code></a>. + </td> + </tr> + + <tr> + <td>Composition</td> + <td> + <p>Événements liés à la composition ; saisie "indirecte" du texte (au lieu d'utiliser les touches normales du clavier).</p> + <p>Par exemple, un texte saisi via un moteur de conversion de la parole en texte, ou l'utilisation de combinaisons de touches spéciales qui modifient les pressions sur le clavier pour représenter de nouveaux caractères dans une autre langue.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/Element#composition_events"><code>Element</code></a>. + </td> + </tr> + + <tr> + <td>Transition CSS</td> + <td> + <p>Événements liés aux <a href="/fr/docs/Web/CSS/CSS_Transitions">Transitions CSS</a>.</p> + <p>Fournit des événements de notification lorsque les transitions CSS commencent, s'arrêtent, sont annulées, etc.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/Document#transition_events"><code>Document</code></a>, <a href="/fr/docs/Web/API/HTMLElement#transition_events"><code>HTMLElement</code></a>, <a href="/fr/docs/Web/API/Window#transition_events"><code>Window</code></a>.</td> + </tr> + + <tr> + <td>Base de données</td> + <td> + <p>Événements liés aux opérations de la base de données : ouverture, fermeture, transactions, erreurs, etc.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/IDBDatabase#events"><code>IDBDatabase</code></a>, <a href="/fr/docs/Web/API/IDBOpenDBRequest#events"><code>IDBOpenDBRequest</code></a>, <a href="/fr/docs/Web/API/IDBRequest#events"><code>IDBRequest</code></a>, <a href="/fr/docs/Web/API/IDBTransaction#events"><code>IDBTransaction</code></a>.</td> + </tr> + + <tr> + <td>Glisser/Déposer, Roue</td> + <td> + <p>Les événements liés à l'utilisation de l'API <a href="/fr/docs/Web/API/HTML_Drag_and_Drop_API">Glisser/Déposer</a> et <a href="/fr/docs/Web/API/WheelEvent">WheelEvent</a>.</p> + <p>Les événements Glisser/Déposer et Roue sont dérivés des événements de la souris. Bien qu'ils soient déclenchés lors de l'utilisation de la molette de la souris ou du glisser/déposer, ils peuvent également être utilisés avec d'autres matériels appropriés.</p> + </td> + <td> + <p>Les événements de Glisser/Déposer déclenchés sur <a href="/fr/docs/Web/API/Document#drag_drop_events"><code>Document</code></a></p> + <p>Les événements de la Roue déclenchés sur <a href="/fr/docs/Web/API/Document/wheel_event"><code>Document</code></a> et <a href="/fr/docs/Web/API/Element/wheel_event"><code>Element</code></a></p> + </td> + </tr> + + <tr> + <td>Focus</td> + <td> + <p>Les événements liés aux éléments qui gagnent et perdent le focus.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/Element#focus_events"><code>Element</code></a>, <a href="/fr/docs/Web/API/Window#focus_events"><code>Window</code></a>. + </td> + </tr> + + <tr> + <td>Formulaire</td> + <td> + <p>Événements liés à la construction, la réinitialisation et la soumission de formulaires.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/HTMLFormElement#events"><code>HTMLFormElement</code></a>. + </td> + </tr> + + <tr> + <td>Plein écran</td> + <td> + <p>Evénements relatifs à l'API <a href="/fr/docs/Web/API/Fullscreen_API">Fullscreen API</a>.</p> + <p>Utilisé pour notifier la transition entre le mode plein écran et le mode fenêtré, ainsi que les erreurs survenant pendant cette transition.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/Document#fullscreen_events"><code>Document</code></a>, <a href="/fr/docs/Web/API/Element#fullscreen_events"><code>Element</code></a>.</td> + </tr> + + <tr> + <td>Manette de jeu</td> + <td> + <p>Evénements relatifs à l'API <a href="/fr/docs/Web/API/Gamepad_API">Gamepad API</a>.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/Window#gamepad_events"><code>Window</code></a>. + </td> + </tr> + + <tr> + <td>Historique</td> + <td> + <p>Les événements liés à l'API <a href="/fr/docs/Web/API/History_API">de Manipulation de l'historique du navigateur</a>.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/Window#history_events"><code>Window</code></a>. + </td> + </tr> + + <tr> + <td>Gestion de l'affichage du contenu des éléments HTML</td> + <td> + <p>Événements liés à la modification de l'état d'un élément d'affichage ou textuel.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/HTMLDetailsElement#events"><code>HTMLDetailsElement</code></a>, <a href="/fr/docs/Web/API/HTMLDialogElement#events"><code>HTMLDialogElement</code></a>, <a href="/fr/docs/Web/API/HTMLSlotElement#events"><code>HTMLSlotElement</code></a>. + </td> + </tr> + + <tr> + <td>Entrées</td> + <td> + <p>Événements liés aux éléments d'entrée HTML, par ex. {{HTMLElement("input")}}, {{HTMLElement("select")}}, ou {{HTMLElement("textarea")}}.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/HTMLElement#input_events"><code>HTMLElement</code></a>, <a href="/fr/docs/Web/API/HTMLInputElement#events"><code>HTMLInputElement</code></a>.</td> + </tr> + + <tr> + <td>Clavier</td> + <td> + <p>Événements liés à l'utilisation d'un <a href="/fr/docs/Web/API/KeyboardEvent">clavier</a>.</p> + <p>Utilisé pour notifier lorsque les touches sont déplacées vers le haut, vers le bas, ou simplement pressées.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/Document#keyboard_events"><code>Document</code></a>, <a href="/fr/docs/Web/API/Element#keyboard_events"><code>Element</code></a>. + </td> + </tr> + + <tr> + <td>Chargement/déchargement des documents</td> + <td> + <p>Événements liés au chargement et au déchargement des documents.</p> + </td> + <td> + <p>Événements déclenchés sur <a href="/fr/docs/Web/API/Document#load_unload_events"><code>Document</code></a> et <a href="/fr/docs/Web/API/Window#load_unload_events"><code>Window</code></a>.</p> + </td> + </tr> + + <tr> + <td>Manifeste</td> + <td> + <p>Événements liés à l'installation de <a href="/fr/docs/Web/Manifest">Manifeste des applications web</a>.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/Window#manifest_events"><code>Window</code></a>.</td> + </tr> + + <tr> + <td>Médias</td> + <td> + <p>Événements liés à l'utilisation des médias (y compris l'<a href="/fr/docs/Web/API/Media_Streams_API#events">API de capture et de diffusion de médias</a>, <a href="/fr/docs/Web/API/Web_Audio_API#events">Web Audio API</a>, <a href="/fr/docs/Web/API/Picture-in-Picture_API#events">Picture-in-Picture API</a>, etc.).</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/ScriptProcessorNode#events"><code>ScriptProcessorNode</code></a>, <a href="/fr/docs/Web/API/HTMLMediaElement#events"><code>HTMLMediaElement</code></a>, <a href="/fr/docs/Web/API/AudioTrackList#events"><code>AudioTrackList</code></a>, <a href="/fr/docs/Web/API/AudioScheduledSourceNode#events"><code>AudioScheduledSourceNode</code></a>, <a href="/fr/docs/Web/API/MediaRecorder#events"><code>MediaRecorder</code></a>, <a href="/fr/docs/Web/API/MediaStream#events"><code>MediaStream</code></a>, <a href="/fr/docs/Web/API/MediaStreamTrack"><code>MediaStreamTrack</code></a>, <a href="/fr/docs/Web/API/VideoTrackList#events"><code>VideoTrackList</code></a>, <a href="/fr/docs/Web/API/HTMLTrackElement#events"><code>HTMLTrackElement</code></a>, <a href="/fr/docs/Web/API/OfflineAudioContext#events"><code>OfflineAudioContext</code></a>, <a href="/fr/docs/Web/API/TextTrack#events"><code>TextTrack</code></a>, <a href="/fr/docs/Web/API/TextTrackList#events"><code>TextTrackList</code></a>, <a href="/fr/docs/Web/HTML/Element/audio#events">Element/audio</a>, <a href="/fr/docs/Web/HTML/Element/video#events">Element/video</a>. + </td> + </tr> + + <tr> + <td>Messagerie</td> + <td> + <p>Événements liés à la réception par une fenêtre d'un message provenant d'un autre contexte de navigation.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/Window#messaging_events"><code>Window</code></a>.</td> + </tr> + + <tr> + <td>Souris</td> + <td> + <p>Événements liés à l'utilisation d'une <a href="/fr/docs/Web/API/MouseEvent">souris d'ordinateur</a>.</p> + <p>Utilisé pour notifier le clic de la souris, le double-clic, les événements haut et bas, le clic droit, le déplacement dans et hors d'un élément, la sélection de texte, etc.</p> + <p>Les événements de type pointeur constituent une alternative aux événements de type souris, indépendamment du matériel utilisé. Les événements de type "glisser" et "roue" sont dérivés des événements de type "souris".</p> + </td> + <td>Les événements de souris déclenchés sur <a href="/fr/docs/Web/API/Element#mouse_events"><code>Element</code></a></td> + </tr> + + <tr> + <td>Réseau/Connexion</td> + <td> + <p>Événements liés à l'obtention et à la perte d'une connexion réseau.</p> + </td> + <td> + <p>Événements déclenchés sur <a href="/fr/docs/Web/API/Window#connection_events"><code>Window</code></a>.</p> + <p>Événements déclenchés sur <a href="/fr/docs/Web/API/NetworkInformation#event_handler"><code>NetworkInformation</code></a> (<a href="/fr/docs/Web/API/Network_Information_API">Network Information API</a>).</p> + </td> + </tr> + + <tr> + <td>Paiements</td> + <td> + <p>Les événements liés à l'API <a href="/fr/docs/Web/API/Payment_Request_API">Payment Request API</a>.</p> + </td> + <td> + <p>Événements déclenchés sur <a href="/fr/docs/Web/API/PaymentRequest#events"><code>PaymentRequest</code></a>, <a href="/fr/docs/Web/API/PaymentResponse#events"><code>PaymentResponse</code></a>.</p> + </td> + </tr> + + <tr> + <td>Performance</td> + <td> + <p>Événements liés aux APIs <a href="/fr/docs/Web/API/Performance_API">Performance API</a>, <a href="/fr/docs/Web/API/Performance_Timeline">Performance Timeline API</a>, <a href="/fr/docs/Web/API/Navigation_timing_API">Navigation Timing API</a>, <a href="/fr/docs/Web/API/User_Timing_API">User Timing API</a>, et <a href="/fr/docs/Web/API/Resource_Timing_API">Resource Timing API</a>.</p> + </td> + <td> + <p>Événements déclenchés sur <a href="/fr/docs/Web/API/Performance#events"><code>Performance</code></a>.</p> + </td> + </tr> + + <tr> + <td>Pointeur</td> + <td> + <p>Les événements liés à l'API <a href="/fr/docs/Web/API/Pointer_events">Pointer Events API</a>.</p> + <p>Fournit une notification agnostique du matériel à partir des dispositifs de pointage, y compris la souris, la souris tactile, le stylo/stylet.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/Document#pointer_events"><code>Document</code></a>, <a href="/fr/docs/Web/API/HTMLElement#pointer_events"><code>HTMLElement</code></a>.</td> + </tr> + + <tr> + <td>Imprimer</td> + <td> + <p>Événements liés à l'impression.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/Window#print_events"><code>Window</code></a>.</td> + </tr> + + <tr> + <td>Rejet de promesse</td> + <td> + <p>Événements envoyés au contexte global du script lorsqu'une promesse JavaScript est rejetée.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/Window#promise_rejection_events"><code>Window</code></a>.</td> + </tr> + + <tr> + <td>Sockets</td> + <td> + <p>Les événements liés à l'API <a href="/fr/docs/Web/API/WebSockets_API">WebSockets API</a>.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/WebSocket#events"><code>Websocket</code></a>.</td> + </tr> + + <tr> + <td>SVG</td> + <td> + <p>Événements liés aux images SVG.</p> + </td> + <td> + <p>Événements déclenchés sur <a href="/fr/docs/Web/API/SVGElement#events"><code>SVGElement</code></a>, <a href="/fr/docs/Web/API/SVGAnimationElement#events"><code>SVGAnimationElement</code></a>, <a href="/fr/docs/Web/API/SVGGraphicsElement#events"><code>SVGGraphicsElement</code></a>.</p> + </td> + </tr> + + <tr> + <td>Sélection de texte</td> + <td> + <p>Événements liés à la <a href="/fr/docs/Web/API/Selection">sélection du texte</a>.</p> + </td> + <td> + <p>Événements déclenchés sur <a href="/fr/docs/Web/API/Document#selection_events"><code>Document</code></a>.</p> + </td> + </tr> + + <tr> + <td>Tactile</td> + <td> + <p>Les événements liés à l'API <a href="/fr/docs/Web/API/Touch_events">Événements tactiles</a>.</p> + <p>Fournit des événements de notification provenant de l'interaction avec un écran tactile (c'est-à-dire l'utilisation d'un doigt ou d'un stylet). Non lié à l'API <a href="/fr/docs/Web/API/Force_Touch_events#events">Force Touch API</a>.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/Document#touch_events"><code>Document</code></a>, <a href="/fr/docs/Web/API/Element#touch_events"><code>Element</code></a>.</td> + </tr> + + <tr> + <td>Réalité virtuelle</td> + <td> + <p>Les événements liés à l'API <a href="/fr/docs/Web/API/WebXR_Device_API">WebXR Device API</a>.</p> + <div class="notecard note"> + <p>L'API <a href="/fr/docs/Web/API/WebVR_API">WebVR API</a> (et les événements associés à <a href="/fr/docs/Web/API/Window#webvr_events"><code>Window</code></a>) sont dépréciés.</p> + </div> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/XRSystem#events"><code>XRSystem</code></a>, <a href="/fr/docs/Web/API/XRSession#events"><code>XRSession</code></a>, <a href="/fr/docs/Web/API/XRReferenceSpace#events"><code>XRReferenceSpace</code></a>.</td> + </tr> + + <tr> + <td>RTC (communication en temps réel)</td> + <td> + <p>Les événements liés à l'API <a href="/fr/docs/Web/API/WebRTC_API">WebRTC API</a>.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/RTCDataChannel#events"><code>RTCDataChannel</code></a>, <a href="/fr/docs/Web/API/RTCDTMFSender#events"><code>RTCDTMFSender</code></a>, <a href="/fr/docs/Web/API/RTCIceTransport#events"><code>RTCIceTransport</code></a>, <a href="/fr/docs/Web/API/RTCPeerConnection#events"><code>RTCPeerConnection</code></a>.</td> + </tr> + + <tr> + <td>Événements envoyés par le serveur</td> + <td> + <p>Les événements liés à l'<a href="/fr/docs/Web/API/Server-sent_events">API des événements envoyés par le serveur</a>.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/EventSource#events"><code>EventSource</code></a>. + </td> + </tr> + + <tr> + <td>Synthèse vocale</td> + <td> + <p>Les événements liés à l'API <a href="/fr/docs/Web/API/Web_Speech_API">Web Speech API</a>.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/SpeechSynthesisUtterance#events"><code>SpeechSynthesisUtterance</code></a>.</td> + </tr> + + <tr> + <td>Workers</td> + <td> + <p>Les événements liés aux APIs <a href="/fr/docs/Web/API/Web_Workers_API">Web Workers API</a>, <a href="/fr/docs/Web/API/Service_Worker_API">Service Worker API</a>, <a href="/fr/docs/Web/API/Broadcast_Channel_API">Broadcast Channel API</a>, et <a href="/fr/docs/Web/API/Channel_Messaging_API">Channel Messaging API</a>.</p> + <p>Utilisé pour répondre aux nouveaux messages et aux erreurs d'envoi de messages. Les travailleurs de service peuvent également être notifiés d'autres événements, notamment les notifications push, les utilisateurs qui cliquent sur les notifications affichées, le fait que l'abonnement push a été invalidé, la suppression d'éléments de l'index de contenu, etc.</p> + </td> + <td>Événements déclenchés sur <a href="/fr/docs/Web/API/ServiceWorkerGlobalScope#events"><code>ServiceWorkerGlobalScope</code></a>, <a href="/fr/docs/Web/API/DedicatedWorkerGlobalScope#events"><code>DedicatedWorkerGlobalScope</code></a>, <a href="/fr/docs/Web/API/SharedWorkerGlobalScope#events"><code>SharedWorkerGlobalScope</code></a>, <a href="/fr/docs/Web/API/WorkerGlobalScope#events"><code>WorkerGlobalScope</code></a>, <a href="/fr/docs/Web/API/Worker#events"><code>Worker</code></a>, <a href="/fr/docs/Web/API/WorkerGlobalScope#events"><code>WorkerGlobalScope</code></a>, <a href="/fr/docs/Web/API/BroadcastChannel#events"><code>BroadcastChannel</code></a>, <a href="/fr/docs/Web/API/MessagePort#events"><code>MessagePort</code></a>. + </td> + </tr> </table> -<h2 id="Categories">Categories</h2> - -<h3 id="Animation_events">Animation events</h3> - -<p>{{event("animationend")}}, {{event("animationiteration")}}, {{event("animationstart")}}, {{event("beginEvent")}}, {{event("endEvent")}}, {{event("repeatEvent")}}</p> - -<h3 id="Battery_events">Battery events</h3> - -<p>{{event("chargingchange")}} {{event("chargingtimechange")}}, {{event("dischargingtimechange")}} {{event("levelchange")}}</p> - -<h3 id="Call_events">Call events</h3> - -<p>{{event("alerting")}}, {{event("busy")}}, {{event("callschanged")}} {{event("cfstatechange")}}, {{event("connected")}}, {{event("connecting")}}, {{event("dialing")}}, {{event("disconnected")}}, {{event("disconnecting")}}, {{event("error_(Telephony)","error")}}, {{event("held")}}, {{event("holding")}}, {{event("incoming")}}, {{event("resuming")}}, {{event("statechange")}}, {{event("voicechange")}}</p> - -<h3 id="CSS_events">CSS events</h3> - -<p><a href="/en-US/docs/Web/Reference/Events/CssRuleViewRefreshed">CssRuleViewRefreshed</a>, <a href="/en-US/docs/Web/Reference/Events/CssRuleViewChanged">CssRuleViewChanged</a>, <a href="/en-US/docs/Web/Reference/Events/CssRuleViewCSSLinkClicked">CssRuleViewCSSLinkClicked</a>, {{event("transitionend")}}</p> - -<h3 id="Database_events">Database events</h3> - -<p><code><a href="/en-US/docs/Web/Reference/Events/abort_indexedDB">abort</a></code>, <code><a href="/en-US/docs/Web/Reference/Events/blocked_indexedDB">blocked</a></code>, <code><a href="/en-US/docs/Web/Reference/Events/complete_indexedDB">complete</a></code>, {{event("error")}} (<a href="/en-US/docs/Web/Reference/Events/error">link</a>), <code><a href="/en-US/docs/Web/Reference/Events/success_indexedDB">success</a></code>, <code><a href="/en-US/docs/Web/Reference/Events/upgradeneeded_indexedDB">upgradeneeded</a></code>, <code><a href="/en-US/docs/Web/Reference/Events/versionchange_indexedDB">versionchange</a></code></p> - -<h3 id="Document_events">Document events</h3> - -<p><a href="/en-US/docs/Web/Reference/Events/DOMLinkAdded">DOMLinkAdded</a>, <a href="/en-US/docs/Web/Reference/Events/DOMLinkRemoved">DOMLinkRemoved</a>, <a href="/en-US/docs/Web/Reference/Events/DOMMetaAdded">DOMMetaAdded</a>, <a href="/en-US/docs/Web/Reference/Events/DOMMetaRemoved">DOMMetaRemoved</a>, <a href="/en-US/docs/Web/Reference/Events/DOMWillOpenModalDialog">DOMWillOpenModalDialog</a>, <a href="/en-US/docs/Web/Reference/Events/DOMModalDialogClosed">DOMModalDialogClosed</a>, {{event("unload")}}</p> - -<h3 id="DOM_mutation_events">DOM mutation events</h3> - -<p>code><a href="/en-US/docs/DOM/Mutation_events">DOMAttributeNameChanged</a>, <code><a href="/en-US/docs/DOM/Mutation_events">DOMAttrModified</a></code>, <code><a href="/en-US/docs/DOM/Mutation_events">DOMCharacterDataModified</a></code>, {{event("DOMContentLoaded")}}, <code><a href="/en-US/docs/DOM/Mutation_events">DOMElementNameChanged</a></code>, <code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeInserted</a></code>, <code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeInsertedIntoDocument</a></code>, <code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeRemoved</a></code>, <code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeRemovedFromDocument</a></code>, <code><a href="/en-US/docs/DOM/Mutation_events">DOMSubtreeModified</a></code></p> - -<h3 id="Drag_events">Drag events</h3> - -<p>{{event("drag")}}, <code>dragdrop</code>, {{event("dragend")}}, {{event("dragenter")}}, <code>dragexit</code>, <code>draggesture</code>, {{event("dragleave")}}, {{event("dragover")}}, {{event("dragstart")}}, {{event("drop")}}</p> - -<h3 id="Element_events">Element events</h3> - -<p>{{event("invalid")}}, {{event("overflow")}}, {{event("underflow")}}, <a href="/en-US/docs/Web/Reference/Events/DOMAutoComplete">DOMAutoComplete</a>, {{event("command")}}, {{event("commandupdate")}}</p> - -<h3 id="Focus_events">Focus events</h3> - -<p>{{event("blur")}}, {{event("change")}}, <code>DOMFocusIn</code>, <code>DOMFocusOut</code>, {{event("focus")}}, {{event("focusin")}}, {{event("focusout")}}</p> - -<h3 id="Form_events">Form events</h3> - -<p>{{event("reset")}}, {{event("submit")}}</p> - -<h3 id="Frame_events">Frame events</h3> - -<p>{{event("mozbrowserclose")}}, {{event("mozbrowsercontextmenu")}}, {{event("mozbrowsererror")}}, {{event("mozbrowsericonchange")}}, {{event("mozbrowserlocationchange")}}, {{event("mozbrowserloadend")}}, {{event("mozbrowserloadstart")}}, {{event("mozbrowseropenwindow")}}, {{event("mozbrowsersecuritychange")}}, {{event("mozbrowsershowmodalprompt")}} (<a href="/en-US/docs/Web/Reference/Events/mozbrowsershowmodalprompt">link</a>), {{event("mozbrowsertitlechange")}}, <a href="/en-US/docs/Web/Reference/Events/DOMFrameContentLoaded">DOMFrameContentLoaded</a></p> - -<h3 id="Input_device_events">Input device events</h3> - -<p>{{event("click")}}, {{event("contextmenu")}}, {{event("DOMMouseScroll")}}, {{event("dblclick")}}, {{event("gamepadconnected")}}, {{event("gamepaddisconnected")}}, {{event("keydown")}}, {{event("keypress")}}, {{event("keyup")}}, {{event("MozGamepadButtonDown")}}, {{event("MozGamepadButtonUp")}}, {{event("mousedown")}}, {{event("mouseenter")}}, {{event("mouseleave")}}, {{event("mousemove")}}, {{event("mouseout")}}, {{event("mouseover")}}, {{event("mouseup")}}, {{event("mousewheel")}}, {{event("MozMousePixelScroll")}}, {{event("pointerlockchange")}}, {{event("pointerlockerror")}},{{event("wheel")}}</p> - -<h3 id="Media_events">Media events</h3> - -<p>{{event("audioprocess")}}, {{event("canplay")}}, {{event("canplaythrough")}}, {{event("durationchange")}}, {{event("emptied")}}, {{event("ended")}}, {{event("ended_(Web_Audio)", "ended")}}, {{event("loadeddata")}}, {{event("loadedmetadata")}}, {{event("MozAudioAvailable")}}, {{event("pause")}}, {{event("play")}}, {{event("playing")}}, {{event("ratechange")}}, {{event("seeked")}}, {{event("seeking")}}, {{event("stalled")}}, {{event("suspend")}}, {{event("timeupdate")}}, {{event("volumechange")}}, {{event("waiting")}}, {{event("complete")}}</p> - -<h3 id="Menu_events">Menu events</h3> - -<p>{{event("DOMMenuItemActive")}}, {{event("DOMMenuItemInactive")}}</p> - -<h3 id="Network_events">Network events</h3> - -<p>{{event("datachange")}}, {{event("dataerror")}}, {{event("disabled")}}, {{event("enabled")}}, {{event("offline")}}, {{event("online")}}, {{event("statuschange")}}, {{event("connectionInfoUpdate")}},</p> - -<h3 id="Notification_events">Notification events</h3> - -<p><a href="/en-US/docs/Web/Reference/Events/AlertActive">AlertActive</a>, <a href="/en-US/docs/Web/Reference/Events/AlertClose">AlertClose</a></p> - -<h3 id="Popup_events">Popup events</h3> - -<p>{{event("popuphidden")}}, {{event("popuphiding")}}, {{event("popupshowing")}}, {{event("popupshown")}}, <a href="/en-US/docs/Web/Reference/Events/DOMPopupBlocked">DOMPopupBlocked</a></p> - -<h3 id="Printing_events">Printing events</h3> - -<p>{{event("afterprint")}}, {{event("beforeprint")}}</p> - -<h3 id="Progress_events">Progress events</h3> - -<p><code><a href="/en-US/docs/Web/Reference/Events/abort_(ProgressEvent)">abort</a></code>, {{event("error")}}, <code><a href="/en-US/docs/Web/Reference/Events/load_(ProgressEvent)">load</a></code>, {{event("loadend")}}, {{event("loadstart")}}, {{event("progress")}}, <code><a href="/en-US/docs/Web/Reference/Events/progress_(appcache_event)">progress</a></code>, {{event("timeout")}}, <code>uploadprogress</code></p> - -<h3 id="Resource_events">Resource events</h3> - -<p>{{event("abort")}}, {{event("cached")}}, {{event("error")}}, {{event("load")}}</p> - -<h3 id="Script_events">Script events</h3> - -<p>{{event("afterscriptexecute")}}, {{event("beforescriptexecute")}}</p> - -<h3 id="Sensor_events">Sensor events</h3> - -<p>{{event("compassneedscalibration")}}, {{event("devicelight")}}, {{event("devicemotion")}}, {{event("deviceorientation")}}, {{event("deviceproximity")}}, {{event("MozOrientation")}}, {{event("orientationchange")}}, {{event("userproximity")}}</p> - -<h3 id="Session_history_events">Session history events</h3> - -<p>{{event("pagehide")}}, {{event("pageshow")}}, {{event("popstate")}}</p> - -<h3 id="Smartcard_events">Smartcard events</h3> - -<p>{{event("icccardlockerror")}}, {{event("iccinfochange")}}, {{event("smartcard-insert")}}, {{event("smartcard-remove")}}, {{event("stkcommand")}}, {{event("stksessionend")}}, {{event("cardstatechange")}}</p> - -<h3 id="SMS_and_USSD_events">SMS and USSD events</h3> - -<p>{{event("delivered")}}, {{event("received")}}, {{event("sent")}}, {{event("ussdreceived")}}</p> - -<h3 id="Storage_events">Storage events</h3> - -<p>{{event("change")}}, {{event("storage")}}</p> - -<h3 id="SVG_events">SVG events</h3> - -<p>{{event("SVGAbort")}}, {{event("SVGError")}}, {{event("SVGLoad")}}, {{event("SVGResize")}}, {{event("SVGScroll")}}, {{event("SVGUnload")}}, {{event("SVGZoom")}}</p> - -<h3 id="Tab_events">Tab events</h3> - -<p><a href="/en-US/docs/Web/Reference/Events/tabviewsearchenabled">tabviewsearchenabled</a>, <a href="/en-US/docs/Web/Reference/Events/tabviewsearchdisabled">tabviewsearchdisabled</a>, <a href="/en-US/docs/Web/Reference/Events/tabviewframeinitialized">tabviewframeinitialized</a>, <a href="/en-US/docs/Web/Reference/Events/tabviewshown">tabviewshown</a>, <a href="/en-US/docs/Web/Reference/Events/tabviewhidden">tabviewhidden</a>, <a href="/en-US/docs/Web/Reference/Events/TabOpen">TabOpen</a>, <a href="/en-US/docs/Web/Reference/Events/TabClose">TabClose</a>, <a href="/en-US/docs/Web/Reference/Events/TabSelect">TabSelect</a>, <a href="/en-US/docs/Web/Reference/Events/TabShow">TabShow</a>, <a href="/en-US/docs/Web/Reference/Events/TabHide">TabHide</a>, <a href="/en-US/docs/Web/Reference/Events/TabPinned">TabPinned</a>, <a href="/en-US/docs/Web/Reference/Events/TabUnpinned">TabUnpinned</a>, <a href="/en-US/docs/Web/Reference/Events/SSTabClosing">SSTabClosing</a>, <a href="/en-US/docs/Web/Reference/Events/SSTabRestoring">SSTabRestoring</a>, <a href="/en-US/docs/Web/Reference/Events/SSTabRestored">SSTabRestored</a>, {{event("visibilitychange")}}</p> - -<h3 id="Text_events">Text events</h3> - -<p>{{event("compositionend")}}, {{event("compositionstart")}}, {{event("compositionupdate")}}, {{event("copy")}}, {{event("cut")}}, {{event("paste")}}, {{event("select")}}, <code>text</code></p> - -<h3 id="Touch_events">Touch events</h3> - -<p><a href="/en-US/docs/Web/Reference/Events/MozEdgeUIGesture">MozEdgeUIGesture</a>, <a href="/en-US/docs/Web/Reference/Events/MozMagnifyGesture">MozMagnifyGesture</a>, <a href="/en-US/docs/Web/Reference/Events/MozMagnifyGestureStart">MozMagnifyGestureStart</a>, <a href="/en-US/docs/Web/Reference/Events/MozMagnifyGestureUpdate">MozMagnifyGestureUpdate</a>, <a href="/en-US/docs/Web/Reference/Events/MozPressTapGesture">MozPressTapGesture</a>, <a href="/en-US/docs/Web/Reference/Events/MozRotateGesture">MozRotateGesture</a>, <a href="/en-US/docs/Web/Reference/Events/MozRotateGestureStart">MozRotateGestureStart</a>, <a href="/en-US/docs/Web/Reference/Events/MozRotateGestureUpdate">MozRotateGestureUpdate</a>, <a href="/en-US/docs/Web/Reference/Events/MozSwipeGesture">MozSwipeGesture</a>, <a href="/en-US/docs/Web/Reference/Events/MozTapGesture">MozTapGesture</a>, <a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchDown</a>, <a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchMove</a>, <a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchUp</a>, {{event("touchcancel")}}, {{event("touchend")}}, {{event("touchenter")}}, {{event("touchleave")}}, {{event("touchmove")}}, {{event("touchstart")}}</p> - -<h3 id="Update_events">Update events</h3> - -<p>{{event("checking")}}, {{event("downloading")}}, {{event("error")}}, {{event("noupdate")}}, {{event("obsolete")}}, {{event("updateready")}}</p> - -<h3 id="Value_change_events">Value change events</h3> - -<p>{{event("broadcast")}}, {{event("CheckboxStateChange")}}, {{event("hashchange")}}, {{event("input")}}, {{event("RadioStateChange")}}, {{event("readystatechange")}}, {{event("ValueChange")}}</p> - -<h3 id="View_events">View events</h3> - -<p><a href="/en-US/docs/Web/Reference/Events/fullscreen">fullscreen</a>, {{event("fullscreenchange")}}, {{event("fullscreenerror")}}, <a href="/en-US/docs/Web/Reference/Events/MozEnteredDomFullscreen">MozEnteredDomFullscreen</a>, {{event("MozScrolledAreaChanged")}}, {{event("resize")}}, {{event("scroll")}}, <a href="/en-US/docs/Web/Reference/Events/sizemodechange">sizemodechange</a></p> - -<h3 id="Événements_Websocket">Événements Websocket</h3> - -<p><code><a href="/en-US/docs/Web/Reference/Events/close_websocket">close</a></code>, {{event("error")}}, <code><a href="/en-US/docs/Web/Reference/Events/message_websocket">message</a></code>, <code><a href="/en-US/docs/Web/Reference/Events/open_websocket">open</a></code></p> - -<h3 id="Événements_de_fenêtre">Événements de fenêtre</h3> - -<p><a href="/en-US/docs/Web/Reference/Events/DOMWindowCreated">DOMWindowCreated</a>, <a href="/en-US/docs/Web/Reference/Events/DOMWindowClose">DOMWindowClose</a>, <a href="/en-US/docs/Web/Reference/Events/DOMTitleChanged">DOMTitleChanged</a>, <a href="/en-US/docs/Web/Reference/Events/MozBeforeResize">MozBeforeResize</a> {{obsolete_inline}}, <a href="/en-US/docs/Web/Reference/Events/SSWindowClosing">SSWindowClosing</a>, <a href="/en-US/docs/Web/Reference/Events/SSWindowStateReady">SSWindowStateReady</a>, <a href="/en-US/docs/Web/Reference/Events/SSWindowStateBusy">SSWindowStateBusy</a>, <a href="/en-US/docs/Web/Reference/Events/close_event">close</a></p> - -<h3 id="Événements_non_classés">Événements non classés</h3> - -<p>{{event("beforeunload")}}, {{event("localized")}}, <code><a href="/en-US/docs/Web/Reference/Events/message_webworker">message</a></code>, <code><a href="/en-US/docs/Web/Reference/Events/message_webmessaging">message</a></code>, <code><a href="/en-US/docs/Web/Reference/Events/message_serversentevents">message</a></code>, <a href="/en-US/docs/Web/Reference/Events/MozAfterPaint">MozAfterPaint</a>, {{event("moztimechange")}}, <code><a href="/en-US/docs/Web/Reference/Events/open_serversentevents">open</a></code>, {{event("show")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{domxref("Event")}}</li> - <li><a href="/en-US/docs/Web/Guide/DOM/Events">Event developer guide</a></li> -</ul> +<h2 id="Listing_des_événements">Listing des événements</h2> + +<p>Cette section répertorie les événements qui ont <em>leurs propres</em> pages de référence sur MDN. Si vous êtes intéressé par un événement qui n'est pas listé ici, essayez de rechercher son nom, son domaine ou les spécifications associées sur le reste de MDN.</p> + +<dl> + <dt>{{DOMxRef("AbortSignal")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/AbortSignal/abort_event">abort event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("AudioScheduledSourceNode")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/AudioScheduledSourceNode/ended_event">ended event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("AudioTrackList")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/AudioTrackList/addtrack_event">addtrack event</a></li> + <li><a href="/fr/docs/Web/API/AudioTrackList/change_event">change event</a></li> + <li><a href="/fr/docs/Web/API/AudioTrackList/removetrack_event">removetrack event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("BroadcastChannel")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/BroadcastChannel/messageerror_event">messageerror event</a></li> + <li><a href="/fr/docs/Web/API/BroadcastChannel/message_event">message event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("DedicatedWorkerGlobalScope")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/DedicatedWorkerGlobalScope/messageerror_event">messageerror event</a></li> + <li><a href="/fr/docs/Web/API/DedicatedWorkerGlobalScope/message_event">message event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("Document")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/Document/animationcancel_event">animationcancel event</a></li> + <li><a href="/fr/docs/Web/API/Document/animationend_event">animationend event</a></li> + <li><a href="/fr/docs/Web/API/Document/animationiteration_event">animationiteration event</a></li> + <li><a href="/fr/docs/Web/API/Document/animationstart_event">animationstart event</a></li> + <li><a href="/fr/docs/Web/API/Document/copy_event">copy event</a></li> + <li><a href="/fr/docs/Web/API/Document/cut_event">cut event</a></li> + <li><a href="/fr/docs/Web/API/Document/DOMContentLoaded_event">DOMContentLoaded event</a></li> + <li><a href="/fr/docs/Web/API/Document/dragend_event">dragend event</a></li> + <li><a href="/fr/docs/Web/API/Document/dragenter_event">dragenter event</a></li> + <li><a href="/fr/docs/Web/API/Document/dragleave_event">dragleave event</a></li> + <li><a href="/fr/docs/Web/API/Document/dragover_event">dragover event</a></li> + <li><a href="/fr/docs/Web/API/Document/dragstart_event">dragstart event</a></li> + <li><a href="/fr/docs/Web/API/Document/drag_event">drag event</a></li> + <li><a href="/fr/docs/Web/API/Document/drop_event">drop event</a></li> + <li><a href="/fr/docs/Web/API/Document/fullscreenchange_event">fullscreenchange event</a></li> + <li><a href="/fr/docs/Web/API/Document/fullscreenerror_event">fullscreenerror event</a></li> + <li><a href="/fr/docs/Web/API/Document/gotpointercapture_event">gotpointercapture event</a></li> + <li><a href="/fr/docs/Web/API/Document/keydown_event">keydown event</a></li> + <li><a href="/fr/docs/Web/API/Document/keypress_event">keypress event</a></li> + <li><a href="/fr/docs/Web/API/Document/keyup_event">keyup event</a></li> + <li><a href="/fr/docs/Web/API/Document/lostpointercapture_event">lostpointercapture event</a></li> + <li><a href="/fr/docs/Web/API/Document/paste_event">paste event</a></li> + <li><a href="/fr/docs/Web/API/Document/pointercancel_event">pointercancel event</a></li> + <li><a href="/fr/docs/Web/API/Document/pointerdown_event">pointerdown event</a></li> + <li><a href="/fr/docs/Web/API/Document/pointerenter_event">pointerenter event</a></li> + <li><a href="/fr/docs/Web/API/Document/pointerleave_event">pointerleave event</a></li> + <li><a href="/fr/docs/Web/API/Document/pointerlockchange_event">pointerlockchange event</a></li> + <li><a href="/fr/docs/Web/API/Document/pointerlockerror_event">pointerlockerror event</a></li> + <li><a href="/fr/docs/Web/API/Document/pointermove_event">pointermove event</a></li> + <li><a href="/fr/docs/Web/API/Document/pointerout_event">pointerout event</a></li> + <li><a href="/fr/docs/Web/API/Document/pointerover_event">pointerover event</a></li> + <li><a href="/fr/docs/Web/API/Document/pointerup_event">pointerup event</a></li> + <li><a href="/fr/docs/Web/API/Document/readystatechange_event">readystatechange event</a></li> + <li><a href="/fr/docs/Web/API/Document/scroll_event">scroll event</a></li> + <li><a href="/fr/docs/Web/API/Document/selectionchange_event">selectionchange event</a></li> + <li><a href="/fr/docs/Web/API/Document/selectstart_event">selectstart event</a></li> + <li><a href="/fr/docs/Web/API/Document/touchcancel_event">touchcancel event</a></li> + <li><a href="/fr/docs/Web/API/Document/touchend_event">touchend event</a></li> + <li><a href="/fr/docs/Web/API/Document/touchmove_event">touchmove event</a></li> + <li><a href="/fr/docs/Web/API/Document/touchstart_event">touchstart event</a></li> + <li><a href="/fr/docs/Web/API/Document/transitioncancel_event">transitioncancel event</a></li> + <li><a href="/fr/docs/Web/API/Document/transitionend_event">transitionend event</a></li> + <li><a href="/fr/docs/Web/API/Document/transitionrun_event">transitionrun event</a></li> + <li><a href="/fr/docs/Web/API/Document/transitionstart_event">transitionstart event</a></li> + <li><a href="/fr/docs/Web/API/Document/visibilitychange_event">visibilitychange event</a></li> + <li><a href="/fr/docs/Web/API/Document/wheel_event">wheel event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("Element")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/Element/afterscriptexecute_event">afterscriptexecute event</a></li> + <li><a href="/fr/docs/Web/API/Element/auxclick_event">auxclick event</a></li> + <li><a href="/fr/docs/Web/API/Element/beforescriptexecute_event">beforescriptexecute event</a></li> + <li><a href="/fr/docs/Web/API/Element/blur_event">blur event</a></li> + <li><a href="/fr/docs/Web/API/Element/click_event">click event</a></li> + <li><a href="/fr/docs/Web/API/Element/compositionend_event">compositionend event</a></li> + <li><a href="/fr/docs/Web/API/Element/compositionstart_event">compositionstart event</a></li> + <li><a href="/fr/docs/Web/API/Element/compositionupdate_event">compositionupdate event</a></li> + <li><a href="/fr/docs/Web/API/Element/contextmenu_event">contextmenu event</a></li> + <li><a href="/fr/docs/Web/API/Element/copy_event">copy event</a></li> + <li><a href="/fr/docs/Web/API/Element/cut_event">cut event</a></li> + <li><a href="/fr/docs/Web/API/Element/dblclick_event">dblclick event</a></li> + <li><a href="/fr/docs/Web/API/Element/DOMActivate_event">DOMActivate event</a></li> + <li><a href="/fr/docs/Web/API/Element/DOMMouseScroll_event">DOMMouseScroll event</a></li> + <li><a href="/fr/docs/Web/API/Element/error_event">error event</a></li> + <li><a href="/fr/docs/Web/API/Element/focusin_event">focusin event</a></li> + <li><a href="/fr/docs/Web/API/Element/focusout_event">focusout event</a></li> + <li><a href="/fr/docs/Web/API/Element/focus_event">focus event</a></li> + <li><a href="/fr/docs/Web/API/Element/fullscreenchange_event">fullscreenchange event</a></li> + <li><a href="/fr/docs/Web/API/Element/fullscreenerror_event">fullscreenerror event</a></li> + <li><a href="/fr/docs/Web/API/Element/gesturechange_event">gesturechange event</a></li> + <li><a href="/fr/docs/Web/API/Element/gestureend_event">gestureend event</a></li> + <li><a href="/fr/docs/Web/API/Element/gesturestart_event">gesturestart event</a></li> + <li><a href="/fr/docs/Web/API/Element/keydown_event">keydown event</a></li> + <li><a href="/fr/docs/Web/API/Element/keypress_event">keypress event</a></li> + <li><a href="/fr/docs/Web/API/Element/keyup_event">keyup event</a></li> + <li><a href="/fr/docs/Web/API/Element/mousedown_event">mousedown event</a></li> + <li><a href="/fr/docs/Web/API/Element/mouseenter_event">mouseenter event</a></li> + <li><a href="/fr/docs/Web/API/Element/mouseleave_event">mouseleave event</a></li> + <li><a href="/fr/docs/Web/API/Element/mousemove_event">mousemove event</a></li> + <li><a href="/fr/docs/Web/API/Element/mouseout_event">mouseout event</a></li> + <li><a href="/fr/docs/Web/API/Element/mouseover_event">mouseover event</a></li> + <li><a href="/fr/docs/Web/API/Element/mouseup_event">mouseup event</a></li> + <li><a href="/fr/docs/Web/API/Element/mousewheel_event">mousewheel event</a></li> + <li><a href="/fr/docs/Web/API/Element/msContentZoom_event">msContentZoom event</a></li> + <li><a href="/fr/docs/Web/API/Element/MSGestureChange_event">MSGestureChange event</a></li> + <li><a href="/fr/docs/Web/API/Element/MSGestureEnd_event">MSGestureEnd event</a></li> + <li><a href="/fr/docs/Web/API/Element/MSGestureHold_event">MSGestureHold event</a></li> + <li><a href="/fr/docs/Web/API/Element/MSGestureStart_event">MSGestureStart event</a></li> + <li><a href="/fr/docs/Web/API/Element/MSGestureTap_event">MSGestureTap event</a></li> + <li><a href="/fr/docs/Web/API/Element/MSInertiaStart_event">MSInertiaStart event</a></li> + <li><a href="/fr/docs/Web/API/Element/MSManipulationStateChanged_event">MSManipulationStateChanged event</a></li> + <li><a href="/fr/docs/Web/API/Element/overflow_event">overflow event</a></li> + <li><a href="/fr/docs/Web/API/Element/paste_event">paste event</a></li> + <li><a href="/fr/docs/Web/API/Element/scroll_event">scroll event</a></li> + <li><a href="/fr/docs/Web/API/Element/select_event">select event</a></li> + <li><a href="/fr/docs/Web/API/Element/show_event">show event</a></li> + <li><a href="/fr/docs/Web/API/Element/touchcancel_event">touchcancel event</a></li> + <li><a href="/fr/docs/Web/API/Element/touchend_event">touchend event</a></li> + <li><a href="/fr/docs/Web/API/Element/touchmove_event">touchmove event</a></li> + <li><a href="/fr/docs/Web/API/Element/touchstart_event">touchstart event</a></li> + <li><a href="/fr/docs/Web/API/Element/underflow_event">underflow event</a></li> + <li><a href="/fr/docs/Web/API/Element/webkitmouseforcechanged_event">webkitmouseforcechanged event</a></li> + <li><a href="/fr/docs/Web/API/Element/webkitmouseforcedown_event">webkitmouseforcedown event</a></li> + <li><a href="/fr/docs/Web/API/Element/webkitmouseforceup_event">webkitmouseforceup event</a></li> + <li><a href="/fr/docs/Web/API/Element/webkitmouseforcewillbegin_event">webkitmouseforcewillbegin event</a></li> + <li><a href="/fr/docs/Web/API/Element/wheel_event">wheel event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("EventSource")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/EventSource/error_event">error event</a></li> + <li><a href="/fr/docs/Web/API/EventSource/message_event">message event</a></li> + <li><a href="/fr/docs/Web/API/EventSource/open_event">open event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("FileReader")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/FileReader/abort_event">abort event</a></li> + <li><a href="/fr/docs/Web/API/FileReader/error_event">error event</a></li> + <li><a href="/fr/docs/Web/API/FileReader/loadend_event">loadend event</a></li> + <li><a href="/fr/docs/Web/API/FileReader/loadstart_event">loadstart event</a></li> + <li><a href="/fr/docs/Web/API/FileReader/load_event">load event</a></li> + <li><a href="/fr/docs/Web/API/FileReader/progress_event">progress event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("HTMLCanvasElement")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/HTMLCanvasElement/webglcontextcreationerror_event">webglcontextcreationerror event</a></li> + <li><a href="/fr/docs/Web/API/HTMLCanvasElement/webglcontextlost_event">webglcontextlost event</a></li> + <li><a href="/fr/docs/Web/API/HTMLCanvasElement/webglcontextrestored_event">webglcontextrestored event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("HTMLDetailsElement")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/HTMLDetailsElement/toggle_event">toggle event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("HTMLDialogElement")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/HTMLDialogElement/cancel_event">cancel event</a></li> + <li><a href="/fr/docs/Web/API/HTMLDialogElement/close_event">close event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("HTMLElement")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/HTMLElement/animationcancel_event">animationcancel event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/animationend_event">animationend event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/animationiteration_event">animationiteration event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/animationstart_event">animationstart event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/beforeinput_event">beforeinput event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/change_event">change event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/gotpointercapture_event">gotpointercapture event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/input_event">input event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/lostpointercapture_event">lostpointercapture event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/pointercancel_event">pointercancel event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/pointerdown_event">pointerdown event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/pointerenter_event">pointerenter event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/pointerleave_event">pointerleave event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/pointermove_event">pointermove event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/pointerout_event">pointerout event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/pointerover_event">pointerover event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/pointerup_event">pointerup event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/transitioncancel_event">transitioncancel event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/transitionend_event">transitionend event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/transitionrun_event">transitionrun event</a></li> + <li><a href="/fr/docs/Web/API/HTMLElement/transitionstart_event">transitionstart event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("HTMLFormElement")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/HTMLFormElement/formdata_event">formdata event</a></li> + <li><a href="/fr/docs/Web/API/HTMLFormElement/reset_event">reset event</a></li> + <li><a href="/fr/docs/Web/API/HTMLFormElement/submit_event">submit event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("HTMLInputElement")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/HTMLInputElement/invalid_event">invalid event</a></li> + <li><a href="/fr/docs/Web/API/HTMLInputElement/search_event">search event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("HTMLMediaElement")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/abort_event">abort event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/canplaythrough_event">canplaythrough event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/canplay_event">canplay event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/durationchange_event">durationchange event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/emptied_event">emptied event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/ended_event">ended event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/error_event">error event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/loadeddata_event">loadeddata event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/loadedmetadata_event">loadedmetadata event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/loadstart_event">loadstart event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/pause_event">pause event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/playing_event">playing event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/play_event">play event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/progress_event">progress event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/ratechange_event">ratechange event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/seeked_event">seeked event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/seeking_event">seeking event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/stalled_event">stalled event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/suspend_event">suspend event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/timeupdate_event">timeupdate event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/volumechange_event">volumechange event</a></li> + <li><a href="/fr/docs/Web/API/HTMLMediaElement/waiting_event">waiting event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("HTMLSlotElement")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/HTMLSlotElement/slotchange_event">slotchange event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("HTMLTrackElement")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/HTMLTrackElement/cuechange_event">cuechange event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("HTMLVideoElement")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/HTMLVideoElement/enterpictureinpicture_event">enterpictureinpicture event</a></li> + <li><a href="/fr/docs/Web/API/HTMLVideoElement/leavepictureinpicture_event">leavepictureinpicture event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("IDBDatabase")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/IDBDatabase/abort_event">abort event</a></li> + <li><a href="/fr/docs/Web/API/IDBDatabase/close_event">close event</a></li> + <li><a href="/fr/docs/Web/API/IDBDatabase/error_event">error event</a></li> + <li><a href="/fr/docs/Web/API/IDBDatabase/versionchange_event">versionchange event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("IDBOpenDBRequest")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/IDBOpenDBRequest/blocked_event">blocked event</a></li> + <li><a href="/fr/docs/Web/API/IDBOpenDBRequest/upgradeneeded_event">upgradeneeded event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("IDBRequest")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/IDBRequest/error_event">error event</a></li> + <li><a href="/fr/docs/Web/API/IDBRequest/success_event">success event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("IDBTransaction")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/IDBTransaction/abort_event">abort event</a></li> + <li><a href="/fr/docs/Web/API/IDBTransaction/complete_event">complete event</a></li> + <li><a href="/fr/docs/Web/API/IDBTransaction/error_event">error event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("MediaDevices")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/MediaDevices/devicechange_event">devicechange event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("MediaRecorder")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/MediaRecorder/error_event">error event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("MediaStream")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/MediaStream/addtrack_event">addtrack event</a></li> + <li><a href="/fr/docs/Web/API/MediaStream/removetrack_event">removetrack event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("MediaStreamTrack")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/MediaStreamTrack/ended_event">ended event</a></li> + <li><a href="/fr/docs/Web/API/MediaStreamTrack/mute_event">mute event</a></li> + <li><a href="/fr/docs/Web/API/MediaStreamTrack/unmute_event">unmute event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("MessagePort")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/MessagePort/messageerror_event">messageerror event</a></li> + <li><a href="/fr/docs/Web/API/MessagePort/message_event">message event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("OfflineAudioContext")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/OfflineAudioContext/complete_event">complete event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("PaymentRequest")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/PaymentRequest/merchantvalidation_event">merchantvalidation event</a></li> + <li><a href="/fr/docs/Web/API/PaymentRequest/paymentmethodchange_event">paymentmethodchange event</a></li> + <li><a href="/fr/docs/Web/API/PaymentRequest/shippingaddresschange_event">shippingaddresschange event</a></li> + <li><a href="/fr/docs/Web/API/PaymentRequest/shippingoptionchange_event">shippingoptionchange event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("PaymentResponse")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/PaymentResponse/payerdetailchange_event">payerdetailchange event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("Performance")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/Performance/resourcetimingbufferfull_event">resourcetimingbufferfull event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("PictureInPictureWindow")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/PictureInPictureWindow/resize_event">resize event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("RTCDataChannel")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/RTCDataChannel/bufferedamountlow_event">bufferedamountlow event</a></li> + <li><a href="/fr/docs/Web/API/RTCDataChannel/close_event">close event</a></li> + <li><a href="/fr/docs/Web/API/RTCDataChannel/closing_event">closing event</a></li> + <li><a href="/fr/docs/Web/API/RTCDataChannel/error_event">error event</a></li> + <li><a href="/fr/docs/Web/API/RTCDataChannel/message_event">message event</a></li> + <li><a href="/fr/docs/Web/API/RTCDataChannel/open_event">open event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("RTCDtlsTransport")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/RTCDtlsTransport/error_event">error event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("RTCDTMFSender")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/RTCDTMFSender/tonechange_event">tonechange event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("RTCIceTransport")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/RTCIceTransport/gatheringstatechange_event">gatheringstatechange event</a></li> + <li><a href="/fr/docs/Web/API/RTCIceTransport/selectedcandidatepairchange_event">selectedcandidatepairchange event</a></li> + <li><a href="/fr/docs/Web/API/RTCIceTransport/statechange_event">statechange event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("RTCPeerConnection")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/RTCPeerConnection/addstream_event">addstream event</a></li> + <li><a href="/fr/docs/Web/API/RTCPeerConnection/connectionstatechange_event">connectionstatechange event</a></li> + <li><a href="/fr/docs/Web/API/RTCPeerConnection/datachannel_event">datachannel event</a></li> + <li><a href="/fr/docs/Web/API/RTCPeerConnection/icecandidateerror_event">icecandidateerror event</a></li> + <li><a href="/fr/docs/Web/API/RTCPeerConnection/icecandidate_event">icecandidate event</a></li> + <li><a href="/fr/docs/Web/API/RTCPeerConnection/iceconnectionstatechange_event">iceconnectionstatechange event</a></li> + <li><a href="/fr/docs/Web/API/RTCPeerConnection/icegatheringstatechange_event">icegatheringstatechange event</a></li> + <li><a href="/fr/docs/Web/API/RTCPeerConnection/identityresult_event">identityresult event</a></li> + <li><a href="/fr/docs/Web/API/RTCPeerConnection/idpassertionerror_event">idpassertionerror event</a></li> + <li><a href="/fr/docs/Web/API/RTCPeerConnection/idpvalidationerror_event">idpvalidationerror event</a></li> + <li><a href="/fr/docs/Web/API/RTCPeerConnection/negotiationneeded_event">negotiationneeded event</a></li> + <li><a href="/fr/docs/Web/API/RTCPeerConnection/peeridentity_event">peeridentity event</a></li> + <li><a href="/fr/docs/Web/API/RTCPeerConnection/removestream_event">removestream event</a></li> + <li><a href="/fr/docs/Web/API/RTCPeerConnection/signalingstatechange_event">signalingstatechange event</a></li> + <li><a href="/fr/docs/Web/API/RTCPeerConnection/track_event">track event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("ScriptProcessorNode")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/ScriptProcessorNode/audioprocess_event">audioprocess event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("ServiceWorkerContainer")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/ServiceWorkerContainer/message_event">message event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("ServiceWorkerGlobalScope")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/ServiceWorkerGlobalScope/activate_event">activate event</a></li> + <li><a href="/fr/docs/Web/API/ServiceWorkerGlobalScope/contentdelete_event">contentdelete event</a></li> + <li><a href="/fr/docs/Web/API/ServiceWorkerGlobalScope/install_event">install event</a></li> + <li><a href="/fr/docs/Web/API/ServiceWorkerGlobalScope/message_event">message event</a></li> + <li><a href="/fr/docs/Web/API/ServiceWorkerGlobalScope/notificationclick_event">notificationclick event</a></li> + <li><a href="/fr/docs/Web/API/ServiceWorkerGlobalScope/pushsubscriptionchange_event">pushsubscriptionchange event</a></li> + <li><a href="/fr/docs/Web/API/ServiceWorkerGlobalScope/push_event">push event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("SharedWorkerGlobalScope")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/SharedWorkerGlobalScope/connect_event">connect event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("SpeechRecognition")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/SpeechRecognition/audioend_event">audioend event</a></li> + <li><a href="/fr/docs/Web/API/SpeechRecognition/audiostart_event">audiostart event</a></li> + <li><a href="/fr/docs/Web/API/SpeechRecognition/end_event">end event</a></li> + <li><a href="/fr/docs/Web/API/SpeechRecognition/error_event">error event</a></li> + <li><a href="/fr/docs/Web/API/SpeechRecognition/nomatch_event">nomatch event</a></li> + <li><a href="/fr/docs/Web/API/SpeechRecognition/result_event">result event</a></li> + <li><a href="/fr/docs/Web/API/SpeechRecognition/soundend_event">soundend event</a></li> + <li><a href="/fr/docs/Web/API/SpeechRecognition/soundstart_event">soundstart event</a></li> + <li><a href="/fr/docs/Web/API/SpeechRecognition/speechend_event">speechend event</a></li> + <li><a href="/fr/docs/Web/API/SpeechRecognition/speechstart_event">speechstart event</a></li> + <li><a href="/fr/docs/Web/API/SpeechRecognition/start_event">start event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("SpeechSynthesis")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/SpeechSynthesis/voiceschanged_event">voiceschanged event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("SpeechSynthesisUtterance")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/SpeechSynthesisUtterance/boundary_event">boundary event</a></li> + <li><a href="/fr/docs/Web/API/SpeechSynthesisUtterance/end_event">end event</a></li> + <li><a href="/fr/docs/Web/API/SpeechSynthesisUtterance/error_event">error event</a></li> + <li><a href="/fr/docs/Web/API/SpeechSynthesisUtterance/mark_event">mark event</a></li> + <li><a href="/fr/docs/Web/API/SpeechSynthesisUtterance/pause_event">pause event</a></li> + <li><a href="/fr/docs/Web/API/SpeechSynthesisUtterance/resume_event">resume event</a></li> + <li><a href="/fr/docs/Web/API/SpeechSynthesisUtterance/start_event">start event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("SVGAnimationElement")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/SVGAnimationElement/beginEvent_event">beginEvent event</a></li> + <li><a href="/fr/docs/Web/API/SVGAnimationElement/endEvent_event">endEvent event</a></li> + <li><a href="/fr/docs/Web/API/SVGAnimationElement/repeatEvent_event">repeatEvent event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("SVGElement")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/SVGElement/abort_event">abort event</a></li> + <li><a href="/fr/docs/Web/API/SVGElement/error_event">error event</a></li> + <li><a href="/fr/docs/Web/API/SVGElement/load_event">load event</a></li> + <li><a href="/fr/docs/Web/API/SVGElement/resize_event">resize event</a></li> + <li><a href="/fr/docs/Web/API/SVGElement/scroll_event">scroll event</a></li> + <li><a href="/fr/docs/Web/API/SVGElement/unload_event">unload event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("SVGGraphicsElement")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/SVGGraphicsElement/copy_event">copy event</a></li> + <li><a href="/fr/docs/Web/API/SVGGraphicsElement/cut_event">cut event</a></li> + <li><a href="/fr/docs/Web/API/SVGGraphicsElement/paste_event">paste event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("TextTrack")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/TextTrack/cuechange_event">cuechange event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("TextTrackList")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/TextTrackList/addtrack_event">addtrack event</a></li> + <li><a href="/fr/docs/Web/API/TextTrackList/change_event">change event</a></li> + <li><a href="/fr/docs/Web/API/TextTrackList/removeTrack_event">removeTrack event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("VideoTrackList")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/VideoTrackList/addtrack_event">addtrack event</a></li> + <li><a href="/fr/docs/Web/API/VideoTrackList/change_event">change event</a></li> + <li><a href="/fr/docs/Web/API/VideoTrackList/removetrack_event">removetrack event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("VisualViewport")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/VisualViewport/resize_event">resize event</a></li> + <li><a href="/fr/docs/Web/API/VisualViewport/scroll_event">scroll event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("WebSocket")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/WebSocket/close_event">close event</a></li> + <li><a href="/fr/docs/Web/API/WebSocket/error_event">error event</a></li> + <li><a href="/fr/docs/Web/API/WebSocket/message_event">message event</a></li> + <li><a href="/fr/docs/Web/API/WebSocket/open_event">open event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("Window")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/Window/afterprint_event">afterprint event</a></li> + <li><a href="/fr/docs/Web/API/Window/animationcancel_event">animationcancel event</a></li> + <li><a href="/fr/docs/Web/API/Window/animationend_event">animationend event</a></li> + <li><a href="/fr/docs/Web/API/Window/animationiteration_event">animationiteration event</a></li> + <li><a href="/fr/docs/Web/API/Window/animationstart_event">animationstart event</a></li> + <li><a href="/fr/docs/Web/API/Window/appinstalled_event">appinstalled event</a></li> + <li><a href="/fr/docs/Web/API/Window/beforeprint_event">beforeprint event</a></li> + <li><a href="/fr/docs/Web/API/Window/beforeunload_event">beforeunload event</a></li> + <li><a href="/fr/docs/Web/API/Window/blur_event">blur event</a></li> + <li><a href="/fr/docs/Web/API/Window/copy_event">copy event</a></li> + <li><a href="/fr/docs/Web/API/Window/cut_event">cut event</a></li> + <li><a href="/fr/docs/Web/API/Window/devicemotion_event">devicemotion event</a></li> + <li><a href="/fr/docs/Web/API/Window/deviceorientation_event">deviceorientation event</a></li> + <li><a href="/fr/docs/Web/API/Window/DOMContentLoaded_event">DOMContentLoaded event</a></li> + <li><a href="/fr/docs/Web/API/Window/error_event">error event</a></li> + <li><a href="/fr/docs/Web/API/Window/focus_event">focus event</a></li> + <li><a href="/fr/docs/Web/API/Window/gamepadconnected_event">gamepadconnected event</a></li> + <li><a href="/fr/docs/Web/API/Window/gamepaddisconnected_event">gamepaddisconnected event</a></li> + <li><a href="/fr/docs/Web/API/Window/hashchange_event">hashchange event</a></li> + <li><a href="/fr/docs/Web/API/Window/languagechange_event">languagechange event</a></li> + <li><a href="/fr/docs/Web/API/Window/load_event">load event</a></li> + <li><a href="/fr/docs/Web/API/Window/messageerror_event">messageerror event</a></li> + <li><a href="/fr/docs/Web/API/Window/message_event">message event</a></li> + <li><a href="/fr/docs/Web/API/Window/offline_event">offline event</a></li> + <li><a href="/fr/docs/Web/API/Window/online_event">online event</a></li> + <li><a href="/fr/docs/Web/API/Window/orientationchange_event">orientationchange event</a></li> + <li><a href="/fr/docs/Web/API/Window/pagehide_event">pagehide event</a></li> + <li><a href="/fr/docs/Web/API/Window/pageshow_event">pageshow event</a></li> + <li><a href="/fr/docs/Web/API/Window/paste_event">paste event</a></li> + <li><a href="/fr/docs/Web/API/Window/popstate_event">popstate event</a></li> + <li><a href="/fr/docs/Web/API/Window/rejectionhandled_event">rejectionhandled event</a></li> + <li><a href="/fr/docs/Web/API/Window/resize_event">resize event</a></li> + <li><a href="/fr/docs/Web/API/Window/storage_event">storage event</a></li> + <li><a href="/fr/docs/Web/API/Window/transitioncancel_event">transitioncancel event</a></li> + <li><a href="/fr/docs/Web/API/Window/transitionend_event">transitionend event</a></li> + <li><a href="/fr/docs/Web/API/Window/transitionrun_event">transitionrun event</a></li> + <li><a href="/fr/docs/Web/API/Window/transitionstart_event">transitionstart event</a></li> + <li><a href="/fr/docs/Web/API/Window/unhandledrejection_event">unhandledrejection event</a></li> + <li><a href="/fr/docs/Web/API/Window/unload_event">unload event</a></li> + <li><a href="/fr/docs/Web/API/Window/vrdisplayactivate_event">vrdisplayactivate event</a></li> + <li><a href="/fr/docs/Web/API/Window/vrdisplayblur_event">vrdisplayblur event</a></li> + <li><a href="/fr/docs/Web/API/Window/vrdisplayconnect_event">vrdisplayconnect event</a></li> + <li><a href="/fr/docs/Web/API/Window/vrdisplaydeactivate_event">vrdisplaydeactivate event</a></li> + <li><a href="/fr/docs/Web/API/Window/vrdisplaydisconnect_event">vrdisplaydisconnect event</a></li> + <li><a href="/fr/docs/Web/API/Window/vrdisplayfocus_event">vrdisplayfocus event</a></li> + <li><a href="/fr/docs/Web/API/Window/vrdisplaypointerrestricted_event">vrdisplaypointerrestricted event</a></li> + <li><a href="/fr/docs/Web/API/Window/vrdisplaypointerunrestricted_event">vrdisplaypointerunrestricted event</a></li> + <li><a href="/fr/docs/Web/API/Window/vrdisplaypresentchange_event">vrdisplaypresentchange event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("Worker")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/Worker/messageerror_event">messageerror event</a></li> + <li><a href="/fr/docs/Web/API/Worker/message_event">message event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("WorkerGlobalScope")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/WorkerGlobalScope/languagechange_event">languagechange event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("XMLHttpRequest")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/XMLHttpRequest/abort_event">abort event</a></li> + <li><a href="/fr/docs/Web/API/XMLHttpRequest/error_event">error event</a></li> + <li><a href="/fr/docs/Web/API/XMLHttpRequest/loadend_event">loadend event</a></li> + <li><a href="/fr/docs/Web/API/XMLHttpRequest/loadstart_event">loadstart event</a></li> + <li><a href="/fr/docs/Web/API/XMLHttpRequest/load_event">load event</a></li> + <li><a href="/fr/docs/Web/API/XMLHttpRequest/progress_event">progress event</a></li> + <li><a href="/fr/docs/Web/API/XMLHttpRequest/timeout_event">timeout event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("XRReferenceSpace")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/XRReferenceSpace/reset_event">reset event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("XRSession")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/XRSession/end_event">end event</a></li> + <li><a href="/fr/docs/Web/API/XRSession/inputsourceschange_event">inputsourceschange event</a></li> + <li><a href="/fr/docs/Web/API/XRSession/selectend_event">selectend event</a></li> + <li><a href="/fr/docs/Web/API/XRSession/selectstart_event">selectstart event</a></li> + <li><a href="/fr/docs/Web/API/XRSession/select_event">select event</a></li> + <li><a href="/fr/docs/Web/API/XRSession/squeezeend_event">squeezeend event</a></li> + <li><a href="/fr/docs/Web/API/XRSession/squeezestart_event">squeezestart event</a></li> + <li><a href="/fr/docs/Web/API/XRSession/squeeze_event">squeeze event</a></li> + <li><a href="/fr/docs/Web/API/XRSession/visibilitychange_event">visibilitychange event</a></li> + </ul> + </dd> + <dt>{{DOMxRef("XRSystem")}}</dt> + <dd> + <ul> + <li><a href="/fr/docs/Web/API/XRSystem/devicechange_event">devicechange event</a></li> + </ul> + </dd> +</dl> diff --git a/files/fr/web/html/element/figcaption/index.html b/files/fr/web/html/element/figcaption/index.html index 4269caaa03..d03cbf7e74 100644 --- a/files/fr/web/html/element/figcaption/index.html +++ b/files/fr/web/html/element/figcaption/index.html @@ -26,7 +26,7 @@ translation_of: Web/HTML/Element/figcaption <pre class="brush: html"><!-- Une image avec une légende : figcaption --> <figure> - <img src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" alt="Une superbe photo"> + <img src="https://developer.mozilla.org/static/img/favicon144.png" alt="Une superbe photo"> <figcaption>Une légende pour cette photo</figcaption> </figure> diff --git a/files/fr/web/html/element/menuitem/index.html b/files/fr/web/html/element/menuitem/index.html index da6873ec18..e8befe4362 100644 --- a/files/fr/web/html/element/menuitem/index.html +++ b/files/fr/web/html/element/menuitem/index.html @@ -56,7 +56,7 @@ translation_of: Web/HTML/Element/menuitem <menu type="context" id="popup-menu"> <menuitem type="checkbox" checked>Une case à cocher</menuitem> <hr> - <menuitem type="command" label="Cette commande ne fait rien" icon="https://developer.cdn.mozilla.net/static/img/favicon144.png"> + <menuitem type="command" label="Cette commande ne fait rien" icon="https://developer.mozilla.org/static/img/favicon144.png"> Les commandes n'affichent pas leurs contenus. </menuitem> <menuitem type="command" label="Cette commande contient du JavAScript" onclick="alert('command clicked')"> diff --git a/files/fr/web/http/basics_of_http/evolution_of_http/index.html b/files/fr/web/http/basics_of_http/evolution_of_http/index.html index fdda44f6a0..30f3797c38 100644 --- a/files/fr/web/http/basics_of_http/evolution_of_http/index.html +++ b/files/fr/web/http/basics_of_http/evolution_of_http/index.html @@ -118,7 +118,7 @@ Vary: Cookie, Accept-Encoding GET /static/img/header-background.png HTTP/1.1 -Host: developer.cdn.mozilla.net +Host: developer.mozilla.org User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:50.0) Gecko/20100101 Firefox/50.0 Accept: */* Accept-Language: en-US,en;q=0.5 diff --git a/files/fr/web/http/headers/host/index.html b/files/fr/web/http/headers/host/index.html index 609a96469b..54d66674d2 100644 --- a/files/fr/web/http/headers/host/index.html +++ b/files/fr/web/http/headers/host/index.html @@ -44,7 +44,7 @@ translation_of: Web/HTTP/Headers/Host <h2 id="Exemples">Exemples</h2> -<pre>Host: developer.cdn.mozilla.net</pre> +<pre>Host: developer.mozilla.org</pre> <h2 id="Spécifications">Spécifications</h2> diff --git a/files/fr/web/index.html b/files/fr/web/index.html index b163873dc4..034f0cb6f1 100644 --- a/files/fr/web/index.html +++ b/files/fr/web/index.html @@ -2,111 +2,40 @@ title: Technologies web pour développeurs slug: Web tags: - - Développement Web - - Technologie + - Landing - Web translation_of: Web --- -<p>Le Web ouvert offre une opportunité incroyable aux personnes qui veulent créer des sites ou des applications en ligne. Pour tirer le meilleur parti de ces technologies, il faut savoir comment les utiliser. Vous trouverez ci-dessous les liens vers notre documentation à propos des technologies web.</p> +<p>Le Web fournit d'incroyables opportunités aux développeuses et développeurs. Pour tirer le meilleur parti de ces technologies, il est nécessaire de savoir comment les utiliser. Voici différents liens qui vous permettront de naviguer dans la documentation de ces technologies web.</p> -<div class="row topicpage-table"> -<div class="section"> -<h2 class="Documentation" id="Technologies_web">Technologies web</h2> - -<h3 id="Les_bases">Les bases</h3> +<h2 class="Documentation" id="Docs_for_developers">Documentation pour le développement web</h2> <dl> - <dt><a href="/fr/docs/Web/HTML">HTML</a></dt> - <dd><strong>HyperText Markup Language</strong> (langage de balisage hypertexte ou <strong>HTML</strong>) est le langage utilisé pour décrire et définir le <em>contenu</em> d'une page web.</dd> - <dt><a href="/fr/docs/Web/CSS">CSS</a></dt> - <dd><strong>Cascading Style Sheets</strong> (feuilles de style en cascade ou <strong>CSS</strong>) est utilisé pour décrire l'apparence du contenu d'une page web.</dd> - <dt><a href="/fr/docs/Web/HTTP">HTTP</a></dt> - <dd><strong><dfn>Hypertext Transfer Protocol <em>(HTTP</em>)</dfn></strong> est un protocole de <a href="https://fr.wikipedia.org/wiki/Couche_application">la couche application</a>, orienté client-serveur, qui permet le transfert de documents web tels que des documents HTML.</dd> + <dt><a href="/fr/docs/Web/Reference">Références</a></dt> + <dd>Une liste de l'ensemble des références sur les technologies web dont celles sur HTML, CSS, etc.</dd> + <dt><a href="/fr/docs/Web/Guide">Guides</a></dt> + <dd>Cette page fournit différents tutoriels pour vous aider à manipuler les technologies web afin de réaliser ce que vous souhaitez.</dd> + <dt><a href="/fr/docs/Web/Tutorials">Tutoriels</a></dt> + <dd>Une liste de tutoriels qui progressent étape par étape pour apprendre les API, langages et autres sujets.</dd> + <dt><a href="/fr/docs/Web/Progressive_web_apps">Les applications web progressives (<i>Progressive Web Applications</i> ou PWA en anglais)</a></dt> + <dd>Les applications web progressives sont des applications web qui utilisent les API et les fonctionnalités du navigateur ainsi que des stratégies d'amélioration progressive afin d'apporter une expérience utilisateur semblable aux applications natives et qui puissent fonctionner sur les différentes plateformes web.</dd> </dl> -<h3 id="Script">Script</h3> +<h2 class="Documentation" id="Web_technology_references">Références des technologies web</h2> <dl> + <dt><a href="/fr/docs/Web/Reference/API">API Web</a></dt> + <dd>Les références pour l'ensemble des API qui permettent de rendre le Web interactif et scriptable. On y trouve notamment le DOM, les diverses interfaces et API utilisées pour construire du contenu et des applications web.</dd> + <dt><a href="/fr/docs/Web/HTML">HTML</a></dt> + <dd><i>HyperText Markup Language</i> est le langage utilisé pour décrire et définir le contenu d'une page web.</dd> + <dt><a href="/fr/docs/Web/CSS">CSS</a></dt> + <dd><i>Cascading Style Sheets</i> est le langage utilisé pour décrire l'apparence du contenu web.</dd> <dt><a href="/fr/docs/Web/JavaScript">JavaScript</a></dt> - <dd><strong>JavaScript </strong>est le langage de programmation exécuté du côté de votre navigateur. Vous pouvez l'utiliser pour ajouter un côté interactif et dynamique a votre site web ou application.</dd> - <dd>Avec l'avènement de <a href="/fr/docs/Glossaire/Node.js">Node.js</a>, vous pouvez également exécuter JavaScript sur le serveur.</dd> - <dt><a href="/fr/docs/Web/API">Les API web</a></dt> - <dd>Les <strong>interfaces de programmation d'application Web (API Web)</strong> sont utilisées pour effectuer une variété de tâches, telles que la manipulation du <a href="/fr/docs/DOM">DOM</a>, la lecture audio ou vidéo, ou la génération de graphiques 3D. - <ul> - <li><a href="/fr/docs/Web/API">La référence des interfaces des différentes API web</a> : toutes les interfaces, triées par ordre alphabétique.</li> - <li><a href="/fr/docs/WebAPI">WebAPI</a> : cette page liste les API d’accès aux composants des appareils, ainsi que d’autres API utiles pour les applications.</li> - <li><a href="/fr/docs/Web/Events">La référence des évènements</a> décrit l'ensemble des évènements qui peuvent être utilisés pour réagir aux évènements marquants qui se sont produits dans une page web ou une application.</li> - </ul> - </dd> - <dt><a href="/fr/docs/Web/Web_Components">Web components</a></dt> - <dd><strong>Web Components</strong> est une suite de différentes technologies vous permettant de créer des éléments personnalisés réutilisables - avec leurs fonctionnalités encapsulées à l'écart du reste de votre code - et les utiliser dans vos applications Web.</dd> -</dl> - -<h3 id="Graphiques">Graphiques</h3> - -<dl> - <dt><a href="/fr/docs/Web/HTML/Canvas">Canvas</a></dt> - <dd>L'élément {{HTMLElement("<em><strong>canvas</strong></em>")}} délivre des APIs pour dessiner des graphiques 2D utilisant Javascript.</dd> + <dd>JavaScript est le langage de programmation utilisé pour ajouter de l'interactivité à un site web.</dd> + <dt><a href="/fr/docs/Web/HTTP">HTTP</a></dt> + <dd><i>HyperText Transfer Protocol</i> est le protocole utilisé entre le navigateur et les serveurs web.</dd> <dt><a href="/fr/docs/Web/SVG">SVG</a></dt> - <dd><strong>Scalable Vector Graphics<em> </em>(SVG)</strong> permettent de décrire des images comme des ensembles de vecteurs et de formes afin de pouvoir changer leur taille librement sans pixellisation. Un des avantages du format SVG est qu'il est possible de redimensionner un dessin à l'infini, sans perdre aucun détail.</dd> - <dt><a href="/fr/docs/Web/WebGL">WebGL</a></dt> - <dd><strong>WebGL </strong>apporte des<strong> graphismes 3D sur le Web</strong> grâce à une API respectant OpenGL ES 2.0 et pouvant être utilisée sur les éléments HTML {{HTMLElement("canvas")}}.</dd> -</dl> - -<h3 id="Audio_vidéo_multimédia">Audio, vidéo, multimédia</h3> - -<dl> - <dt><a href="/fr/docs/Web/Media">Les technologies média Web</a></dt> - <dd>Une <strong>liste d'API</strong> avec des liens vers leurs documentations respectives.</dd> -</dl> - -<dl> - <dt><a href="/fr/docs/Web/Media/Overview">Aperçu des technologies multi-média du web</a></dt> - <dd>Un <strong>aperçu général</strong> des technologies Web ouvertes et des API qui prennent en charge la lecture, la manipulation et l’enregistrement audio et vidéo. Si vous ne savez pas quelle API vous devez utiliser, c'est ici que vous devez commencer.</dd> -</dl> - -<dl> - <dt><a href="/fr/docs/Web/API/Media_Streams_API">Les API de capture et de diffusion multimédia</a></dt> - <dd>Une liste qui référence l'ensemble des API qui permettent de diffuser, enregistrer et modifier des flux médias, localement et au travers d'un réseau. Elle comprend l'utilisation des caméras et micros afin d'enregistrer de la vidéo de l'audio et des images.</dd> - <dt><a href="/fr/Apprendre/HTML/Multimedia_and_embedding/Contenu_audio_et_video">Utiliser HTML5 audio et video</a></dt> - <dd><strong>Intégrer</strong> de la <strong>vidéo </strong>et / ou de l'<strong>audio </strong>dans une page Web et contrôler leur lecture.</dd> - <dt><a href="/fr/docs/Web/API/WebRTC_API">WebRTC</a></dt> - <dd>Le <strong>RTC</strong> dans <strong>WebRTC </strong>signifie <strong>Real-Time Communications</strong>, une technologie qui permet le streaming audio / vidéo et le partage de données entre les clients du navigateur (pairs/peers).</dd> -</dl> - -<h3 id="Autres">Autres</h3> - -<dl> + <dd><i>Scalable Vector Graphics</i> est un format qui permet de décrire des images comme ensembles de vecteurs et de formes afin de pouvoir les mettre à l'échelle quelles que soient les dimensions selon lesquelles elles sont dessinées.</dd> <dt><a href="/fr/docs/Web/MathML">MathML</a></dt> - <dd><strong>Mathematical Markup Language</strong> (langage de balisage mathématique) rend possible l'affichage d'équations mathématiques complexes.</dd> -</dl> -</div> - -<div class="section"> -<h2 class="Documentation" id="Apprendre">Apprendre</h2> - -<dl> - <dt><a href="/fr/Apprendre">Apprendre le développement web</a></dt> - <dd>Cet ensemble d'articles couvre tout ce qu'il est nécessaire de savoir pour commencer à développer des sites web simples.</dd> - <dt><a href="/fr/Apps/Progressive">Applications Web Progressives</a></dt> - <dd>Les <strong>applications Web progressistes</strong> utilisent des API Web modernes ainsi qu'une stratégie d'amélioration progressive traditionnelle pour créer des applications Web multiplateformes. Ces applications fonctionnent partout et offrent plusieurs fonctionnalités qui leur offrent les mêmes avantages que les applications natives. Cet ensemble de documents et de guides vous dit tout ce que vous devez savoir sur les PWA.</dd> -</dl> - -<h3 id="Autres_sujets">Autres sujets</h3> - -<dl> - <dt><a href="/fr/Apps">Développer des applications web</a></dt> - <dd>Documentation pour développeurs d'applications web. Les applications web sont écrites une fois et déployées partout : sur mobile et ordinateurs.</dd> - <dt><a href="/fr/docs/Accessibilité">Accessibilité</a></dt> - <dd>L’accessibilité, en développement web, signifie faire en sorte qu’un maximum de personnes, même celles présentant des handicaps, puissent visiter des sites web. Cette section fournit des informations sur la manière de rendre le contenu accessible.</dd> - <dt><a href="/fr/docs/Web/Localization">Localisation (L10n) et Internationalisation (I18n)</a></dt> - <dd>Le web a une communauté mondiale ! Faites en sorte que votre site ou application en fasse partie en gardant à l'esprit de diffuser le contenu et son organisation dans la langue de vos utilisateurs.</dd> - <dt><a href="/fr/docs/Web/Security">Sécurité</a></dt> - <dd>Les techniques pour assurer la sécurité de votre site web ou application.</dd> - <dt><a href="/fr/docs/WebAssembly">WebAssembly</a></dt> - <dd><strong>WebAssembly </strong>est un nouveau type de code qui peut être exécuté dans les navigateurs Web modernes. Il s'agit d'un langage de type bas niveau avec un format binaire compact qui fonctionne avec des performances quasi natives et fournit des langages tels que C / C ++ avec une cible de compilation afin qu'ils puissent fonctionner sur le web. Il est également conçu pour fonctionner avec JavaScript, permettant aux deux de travailler ensemble.</dd> -</dl> - -<p><span class="alllinks"><a href="/fr/docs/tag/Web">Voir tout…</a></span></p> -</div> -</div> + <dd><i>Mathematical Markup Language</i> est un langage qui permet d'afficher des expressions mathématiques complexes.</dd> +</dl>
\ No newline at end of file diff --git a/files/fr/web/javascript/data_structures/index.html b/files/fr/web/javascript/data_structures/index.html index 9ba3cf13de..36cfc7334a 100644 --- a/files/fr/web/javascript/data_structures/index.html +++ b/files/fr/web/javascript/data_structures/index.html @@ -10,7 +10,7 @@ original_slug: Web/JavaScript/Structures_de_données --- <div>{{jsSidebar("More")}}</div> -<p>Les langages de programmation disposent de structures de données natives. Selon les langages, les structures mises à disposition peuvent être différentes. Dans cet article, on listera les structures de données natives en JavaScript. On détaillera leurs propriétés et les façons de les utiliser voire de les combiner. Dans certains cas, on comparera ces structures avec celles d'autres langages.=</p> +<p>Les langages de programmation disposent de structures de données natives. Selon les langages, les structures mises à disposition peuvent être différentes. Dans cet article, on listera les structures de données natives en JavaScript. On détaillera leurs propriétés et les façons de les utiliser voire de les combiner. Dans certains cas, on comparera ces structures avec celles d'autres langages.</p> <h2 id="Un_typage_dynamique">Un typage dynamique</h2> @@ -62,7 +62,7 @@ original_slug: Web/JavaScript/Structures_de_données <p>Le type <code>Number</code> est géré pour représenter les nombres : <a href="https://en.wikipedia.org/wiki/Double_precision_floating-point_format">les nombres flottants à précision double, représentés sur 64 bits, selon le format IEEE 754</a> (les nombres compris entre -(2<sup>53</sup> -1) et 2<sup>53</sup> -1). <strong>Il n'y a donc pas de type à part pour représenter les nombres entiers</strong>. En plus de sa capacité à représenter les nombres décimaux, le type nombre possède trois valeurs symboliques : <code>+<a href="/fr/docs/Web/JavaScript/Reference/Objets_globaux/Infinity">Infinity</a></code>, <code>-Infinity</code>, et {{jsxref("NaN")}} (<em>Not A Number</em> en anglais, qui signifie « n'est pas un nombre »).</p> -<p>Afin de vérifier que des valeurs sont supérieures/inférieures à <code>+/-Infinity</code>, on peut utiliser les constantes {{jsxref("Number.MAX_VALUE")}} et {{jsxref("Number.MIN_VALUE")}}. À partir d'ECMAScript 6, on peut également vérifier si un nombre est/sera compris dans l'intervalle de représentation pour les nombres flottants à précision double en utilisant la méthode {{jsxref("Number.isSafeInteger()")}} ainsi que les valeurs {{jsxref("Number.MAX_SAFE_INTEGER")}} et {{jsxref("Number.MIN_SAFE_INTEGER")}}. En dehors de cet intervalle et pour JavaScript, on considère que les nombres ne sont plus représentés correctement qu'on manipule alors une approximation de la valeur sous forme d'un nombre à virgule flottante à précision double.</p> +<p>Afin de vérifier que des valeurs sont supérieures/inférieures à <code>+/-Infinity</code>, on peut utiliser les constantes {{jsxref("Number.MAX_VALUE")}} et {{jsxref("Number.MIN_VALUE")}}. À partir d'ECMAScript 6, on peut également vérifier si un nombre est/sera compris dans l'intervalle de représentation pour les nombres flottants à précision double en utilisant la méthode {{jsxref("Number.isSafeInteger()")}} ainsi que les valeurs {{jsxref("Number.MAX_SAFE_INTEGER")}} et {{jsxref("Number.MIN_SAFE_INTEGER")}}. En dehors de cet intervalle et pour JavaScript, on considère que les nombres ne sont plus représentés correctement. On manipule alors une approximation de la valeur sous forme d'un nombre à virgule flottante à précision double.</p> <p>Le type nombre possède un seul entier pouvant être représenté de deux façons différentes : 0 qui peut être représenté par -0 et +0. ("0" étant un alias pour +0). En pratique, cela n'a généralement aucun impact et<code> +0 === -0</code> vaut bien <code>true</code>. Malgré tout, on peut observer certaines différences quand on divise par zéro :</p> @@ -200,7 +200,7 @@ const y = x + 1n; <h4 id="Propriétés_daccesseur">Propriétés d'accesseur</h4> -<p>Ces propriétés associent une clé avec un ou deux fonctions accesseur et mutateur qui permettent de récupérer ou d'enregistrer une valeur. Elles possèdent les attributs suivants :</p> +<p>Ces propriétés associent une clé avec une ou deux fonctions accesseur et mutateur qui permettent de récupérer ou d'enregistrer une valeur. Elles possèdent les attributs suivants :</p> <table class="standard-table"> <caption>Attributs d'une propriété d'accesseur</caption> diff --git a/files/fr/web/javascript/reference/operators/destructuring_assignment/index.html b/files/fr/web/javascript/reference/operators/destructuring_assignment/index.html index 3cde0fef57..45e0cd77af 100644 --- a/files/fr/web/javascript/reference/operators/destructuring_assignment/index.html +++ b/files/fr/web/javascript/reference/operators/destructuring_assignment/index.html @@ -2,8 +2,13 @@ title: Affecter par décomposition slug: Web/JavaScript/Reference/Operators/Destructuring_assignment tags: + - Destructuration + - Affectation de déstructuration - ECMAScript 2015 + - ES6 - JavaScript + - Caractéristiques de la langue + - Déstructuration des objets imbriqués et des tableaux - Opérateur - Reference translation_of: Web/JavaScript/Reference/Operators/Destructuring_assignment @@ -225,7 +230,7 @@ console.log(truc); // true</pre> <p>Une variable peut recevoir une valeur par défaut lors de la décomposition si la propriété correspondante de l'objet vaut <code>undefined</code>.</p> -<pre class="brush: js">const {a = 10; b = 5} = {a: 3}; +<pre class="brush: js">const {a = 10, b = 5} = {a: 3}; console.log(a); // 3 console.log(b); // 5</pre> diff --git a/files/he/web/html/element/figcaption/index.html b/files/he/web/html/element/figcaption/index.html index 08024d0505..ca4dd15d5b 100644 --- a/files/he/web/html/element/figcaption/index.html +++ b/files/he/web/html/element/figcaption/index.html @@ -49,7 +49,7 @@ translation_of: Web/HTML/Element/figcaption <pre class="brush: html"><!-- Image with a caption --> <figure> <img - src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" + src="https://developer.mozilla.org/static/img/favicon144.png" alt="A robotic monster over the letters MDN."> <figcaption>MDN Logo</figcaption> </figure> diff --git a/files/he/web/html/element/figure/index.html b/files/he/web/html/element/figure/index.html index 6235c3c3b3..23751858e3 100644 --- a/files/he/web/html/element/figure/index.html +++ b/files/he/web/html/element/figure/index.html @@ -49,14 +49,14 @@ translation_of: Web/HTML/Element/figure <pre class="brush: html"><!-- Just an image --> <figure> <img - src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" + src="https://developer.mozilla.org/static/img/favicon144.png" alt="A robotic monster over the letters MDN."> </figure> <!-- Image with a caption --> <figure> <img - src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" + src="https://developer.mozilla.org/static/img/favicon144.png" alt="A robotic monster over the letters MDN."> <figcaption>MDN Logo</figcaption> </figure> diff --git a/files/it/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/it/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index 88bb20cbba..0b05f30ee0 100644 --- a/files/it/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ b/files/it/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -159,7 +159,7 @@ Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."& <p>Per esempio, <a href="http://ogp.me/">Open Graph Data</a> è un insieme di metadata (un protocollo) che Facebook ha inventato per avere dei metadata più ricchi per i siti web. Nel codice sorgente MDN troverai questo:</p> -<pre class="brush: html"><meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png"> +<pre class="brush: html"><meta property="og:image" content="https://developer.mozilla.org/static/img/opengraph-logo.png"> <meta property="og:description" content="The Mozilla Developer Network (MDN) provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> @@ -191,15 +191,15 @@ and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> <p>Ci sono molti altri tipi di icone da prendere in considerazione attualmente. Per esempio, nel codice della homepage MDN troverai questo:</p> <pre class="brush: html"><!-- third-generation iPad with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png"> +<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.mozilla.org/static/img/favicon144.png"> <!-- iPhone with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.cdn.mozilla.net/static/img/favicon114.0e9fabd44f85.png"> +<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.mozilla.org/static/img/favicon114.png"> <!-- first- and second-generation iPad: --> -<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.cdn.mozilla.net/static/img/favicon72.8ff9d87c82a0.png"> +<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.mozilla.org/static/img/favicon72.png"> <!-- non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --> -<link rel="apple-touch-icon-precomposed" href="https://developer.cdn.mozilla.net/static/img/favicon57.a2490b9a2d76.png"> +<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon57.png"> <!-- basic favicon --> -<link rel="shortcut icon" href="https://developer.cdn.mozilla.net/static/img/favicon32.e02854fdcf73.png"></pre> +<link rel="shortcut icon" href="https://developer.mozilla.org/static/img/favicon32.png"></pre> <p>I commenti spiegano per cosa è usata ciascuna icona — questi elementisoddisfano esigenze quali, ad esempio, fornire una piacevole icona ad alta risoluzione quando il sito è salvato nello schermo di un iPad.</p> diff --git a/files/it/web/css/background-repeat/index.html b/files/it/web/css/background-repeat/index.html index b8d0a25fd7..f020f8dbe1 100644 --- a/files/it/web/css/background-repeat/index.html +++ b/files/it/web/css/background-repeat/index.html @@ -96,7 +96,7 @@ div { /* Multiple images */ .five { background-image: url(https://mdn.mozillademos.org/files/12005/starsolid.gif), - url(https://developer.cdn.mozilla.net/media/redesign/img/favicon32.png); + url(https://developer.mozilla.org/static/img/favicon32.png); background-repeat: repeat-x, repeat-y; height: 144px; diff --git a/files/it/web/http/headers/host/index.html b/files/it/web/http/headers/host/index.html index c5edcffb7b..3963d6712d 100644 --- a/files/it/web/http/headers/host/index.html +++ b/files/it/web/http/headers/host/index.html @@ -46,7 +46,7 @@ translation_of: Web/HTTP/Headers/Host <h2 id="Esempi">Esempi</h2> -<pre>Host: developer.cdn.mozilla.net</pre> +<pre>Host: developer.mozilla.org</pre> <h2 id="Specifiche">Specifiche</h2> diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt index 6aeb1e8eaa..9a1cd3bdfd 100644 --- a/files/ja/_redirects.txt +++ b/files/ja/_redirects.txt @@ -3750,6 +3750,7 @@ /ja/docs/Web/API/Document/inputEncoding /ja/docs/conflicting/Web/API/Document/characterSet /ja/docs/Web/API/Document/onselectionchange /ja/docs/Web/API/GlobalEventHandlers/onselectionchange /ja/docs/Web/API/DocumentOrShadowRoot/activeElement /ja/docs/Web/API/Document/activeElement +/ja/docs/Web/API/DocumentOrShadowRoot/caretPositionFromPoint /ja/docs/Web/API/Document/caretPositionFromPoint /ja/docs/Web/API/DocumentOrShadowRoot/fullscreenElement /ja/docs/Web/API/Document/fullscreenElement /ja/docs/Web/API/DocumentOrShadowRoot/getAnimations /ja/docs/Web/API/Document/getAnimations /ja/docs/Web/API/DocumentOrShadowRoot/getSelection /ja/docs/Web/API/Document/getSelection diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json index 565d2b1182..6a622d201e 100644 --- a/files/ja/_wikihistory.json +++ b/files/ja/_wikihistory.json @@ -12731,12 +12731,6 @@ "mfuji09" ] }, - "Web/API/DocumentOrShadowRoot/caretPositionFromPoint": { - "modified": "2020-10-15T22:33:00.354Z", - "contributors": [ - "eltociear" - ] - }, "Web/API/DocumentOrShadowRoot/elementsFromPoint": { "modified": "2020-10-15T22:29:40.404Z", "contributors": [ @@ -53496,5 +53490,11 @@ "contributors": [ "mfuji09" ] + }, + "Web/API/Document/caretPositionFromPoint": { + "modified": "2020-10-15T22:33:00.354Z", + "contributors": [ + "eltociear" + ] } }
\ No newline at end of file diff --git a/files/ja/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/ja/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index 15394f6e79..7fb1f1101f 100644 --- a/files/ja/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ b/files/ja/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -165,7 +165,7 @@ started with developing web sites and applications."></pre> <p>例えば、 <a href="http://ogp.me/">Open Graph Data</a> は Facebook が開発した、ウェブサイトに豊富なメタデータを与えるメタデータプロトコルです。 MDN Web Docs のソースコードでは、次のようなものがあります。</p> -<pre class="brush: html notranslate"><meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png"> +<pre class="brush: html notranslate"><meta property="og:image" content="https://developer.mozilla.org/static/img/opengraph-logo.png"> <meta property="og:description" content="The Mozilla Developer Network (MDN) provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> @@ -199,15 +199,15 @@ and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> <p>最近では考慮するべきアイコンの種類がほかにもたくさんあります。例えば、 MDN Web Docs ホームページのソースコードには以下の行があります。</p> <pre class="brush: html notranslate"><!-- third-generation iPad with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png"> +<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.mozilla.org/static/img/favicon144.png"> <!-- iPhone with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.cdn.mozilla.net/static/img/favicon114.0e9fabd44f85.png"> +<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.mozilla.org/static/img/favicon114.png"> <!-- first- and second-generation iPad: --> -<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.cdn.mozilla.net/static/img/favicon72.8ff9d87c82a0.png"> +<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.mozilla.org/static/img/favicon72.png"> <!-- non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --> -<link rel="apple-touch-icon-precomposed" href="https://developer.cdn.mozilla.net/static/img/favicon57.a2490b9a2d76.png"> +<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon57.png"> <!-- basic favicon --> -<link rel="shortcut icon" href="https://developer.cdn.mozilla.net/static/img/favicon32.e02854fdcf73.png"></pre> +<link rel="shortcut icon" href="https://developer.mozilla.org/static/img/favicon32.png"></pre> <p>コメントはそれぞれのアイコンの用途を説明しています。 — この要素は、ウェブサイトが iPad のホーム画面に保存された時のすばらしい高解像度なアイコンの提供といったことをカバーしています。</p> diff --git a/files/ja/mdn/contribute/getting_started/index.html b/files/ja/mdn/contribute/getting_started/index.html index 0d0cde409c..b1423a5614 100644 --- a/files/ja/mdn/contribute/getting_started/index.html +++ b/files/ja/mdn/contribute/getting_started/index.html @@ -17,92 +17,46 @@ translation_of: MDN/Contribute/Getting_started <p id="What_is_MDN.3F"><span class="seoSummary">私たちは開発者のオープンなコミュニティであり、ブランドやブラウザー、プラットフォームを問わず、ウェブをより良くするリソースを構築しています。誰でも協力でき、それによってコミュニティはより強固なものとなります。ともに協力することで、ウェブをより良いものへ革新していく後押しを継続できます。ここから、あなたと始まります。</span></p> -<p><span>MDN のすべての部分 (文書、デモ、そしてこのサイト自体) は、開発者のオープンなコミュニティによって作成されています。ぜひ参加してください。</span></p> +<p>MDN のすべての部分 (文書、デモ、そしてこのサイト自体) は、開発者のオープンなコミュニティによって作成されています。ぜひ参加してください。</p> -<h2 id="3_simple_steps_to_MDN" name="3_simple_steps_to_MDN">MDN への簡単な 3 ステップ</h2> +<h2 id="4_simple_steps_to_MDN">MDN への簡単な 4 ステップ</h2> -<p>MDN は Wiki であり、<strong>誰でも</strong>コンテンツを追加、編集することができます。プログラマーであったり、技術に精通していたりする必要はありません。簡単なこと (校正や誤字の修正) から、複雑なこと (API ドキュメントの執筆) まで、行うべき事はたくさんあります。</p> +<p>MDN はオープンソースのリソースであり、<strong>誰でも</strong>コンテンツを追加したり編集したりすることができます。プログラマーであったり、技術に精通していたりする必要はありません。簡単なこと (校正や誤字の修正) から、複雑なこと (API ドキュメントの執筆) まで、行うべきことはたくさんあります。</p> -<p>協力するのは簡単で危険を伴いません。間違ってしまった場合でも、簡単に修正できます。出来栄えをどうすべきかわからなかったり、文法が完璧でなかったりしても、気にしないで！ MDN にあるコンテンツをできるだけ良くすることを専門とするチームがあります。誰かがやってきて、あなたの成果がきちんと丁寧に書かれているかどうか確認してくれます。あなたの知識を共有し、長所を活かしましょう。</p> +<p>協力することは簡単で危険を伴いません。間違ってしまった場合でも、簡単に修正できます。出来栄えをどうすべきかわからなかったり、文法が完璧でなかったりしても、気にしないでください。 MDN にあるコンテンツをできるだけ良くすることを専門とするチームがあります。誰かがやってきて、あなたの成果がきちんと丁寧に書かれているかどうか確認してくれます。あなたの知識を共有し、長所を活かしましょう。</p> -<h3 id="Step_1_Create_an_account_on_MDN" name="Step_1_Create_an_account_on_MDN">ステップ 1 : MDN のアカウントを作成する</h3> +<h3>ステップ 1: GitHub アカウントを作成する</h3> -<p>MDN への協力を開始するには、 MDN のアカウントが必要です。詳細は「<a href="/ja/docs/MDN/Contribute/Howto/Create_an_MDN_account">MDN アカウントを作成するには</a>」をご覧ください。</p> +<p>MDN への協力を始めるには、 <a href="https://github.com/mdn/content/#setup">GitHub アカウント</a> を作成する必要があります。</p> -<h3 id="Step_2_Pick_a_task_to_complete" name="Step_2_Pick_a_task_to_complete">ステップ 2 : 完成させるタスクを選ぶ</h3> -<p>ログインしたら、{{anch("Possible task types", "下記リスト")}}内の、色々なタスクの種類についての説明を読んで、最もやってみたいものを決めましょう。お好きなタスクを選択し、協力を開始することができます。</p> +<h3 id="Step_2_Pick_a_task_to_complete">ステップ 2: 完成させるタスクを選ぶ</h3> -<h3 id="Step_3_Do_the_task" name="Step_3_Do_the_task">ステップ 3 : タスクを行う</h3> +<p>ログインしたら、<a href="/ja/docs/MDN/Contribute">貢献ページ</a>内にある色々なタスクの種類についての説明を読んで、最もやってみたいものを決めましょう。好きなタスクを選択して、協力を始めましょう。</p> -<p>やってみたいタスクを決めて、作業対象とする特定のページや、コード例などを探したら、あとはただやってみましょう！</p> +<h3 id="Step_3_Do_the_task">ステップ 3: タスクを実行する</h3> -<p>完璧にしようと悩まないで。 MDN に協力している他の方々が、見落とした間違いの修正を手伝ってくれます。何かを「実際に」行う前に試してみたいのであれば、 <a href="/ja/docs/Sandbox">Sandbox</a> ページで試してみることができます。進めていくにつれ疑問がわいたら、回答が得られるメーリングリストやチャットチャンネルについての情報が載っている<a href="/ja/docs/MDN/Community">コミュニティに関するページ</a>をご覧ください。</p> +<p>やってみたいタスクが決まったら、作業対象とするページや、コード例などを見つけ、あとはただやってみましょう。</p> -<p>終了したら、自由に他の項目を選ぶか、あるいは下記にある<a href="#Other_things_you_can_do_on_MDN">その他の MDN で行えること</a>をご覧ください。</p> +<h3 id="Step_4_Ask_for_help">ステップ 4: 助けを求める</h3> -<h2 id="Possible_task_types" name="Possible_task_types">協力できるタスクの種類</h2> - -<p>MDN に協力するための道は、スキルや興味によって複数のものがあります。中には怖気づいてしまうようなタスクもありますが、簡単にできる作業もたくさんあります。多くの作業は 5 分もかかりません。タスクとタスクに対する短い説明とともに、それぞれのタスクのタイプで必要となるおおよその平均時間を確認できます。</p> - -<h3 id="Option_1_I_like_words" name="Option_1_I_like_words">その1: 言葉が好き</h3> - -<p>既存のドキュメントのレビューや編集、またそれらに正しいタグをつけるといった協力ができます。</p> - -<ul> - <li><a href="/ja/docs/MDN/Contribute/Howto/Set_the_summary_for_a_page">ページの要約作成</a> (5-15分)</li> - <li><a href="/ja/docs/MDN/Contribute/Howto/Do_an_editorial_review">編集レビュー</a> (5-30分)</li> - <li><a href="/ja/docs/MDN/User_guide/Writing#Editing_an_existing_page">既存の記事を新しい情報に更新</a> (5分-1時間)</li> - <li><a href="/ja/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">用語集で新規項目を書く</a> (15分-1時間)</li> - <li><a href="/ja/docs/MDN/Contribute/Howto/Create_and_edit_pages">新しい技術や API についての記事を書く</a> (30分-2時間)</li> - <li><a href="/ja/docs/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web">ウェブの学習を補助する記事を書く</a> (1-3時間)</li> -</ul> - -<div class="note"><strong>メモ:</strong> 記事をレビューしたり、新しい記事を書いたりする際は、<a href="/en-US/docs/MDN/Contribute/Guidelines/Writing_style_guide">スタイルガイド</a>に目を通しておくようお願いします。その記事の一貫性を保証する助けになります。</div> - -<h3 id="Option_2_I_like_code" name="Option_2_I_like_code">その2: コードが好き</h3> - -<p>さらなるコード例が必要です！あるいはこのサイトのプラットホームである <a href="/ja/docs/MDN/Kuma">Kuma</a> の構築を手伝っていただくこともできます！</p> - -<ul> - <li><a href="/ja/docs/MDN/Contribute/Howto/Convert_code_samples_to_be_live">コード例を作成する</a> (30分)</li> - <li><a href="https://kuma.readthedocs.io/en/latest/installation.html">Kuma のビルド環境をセットアップ</a> (1時間)</li> - <li><a href="https://github.com/mozilla/kuma/blob/master/CONTRIBUTING.md">Kuma コードベースにパッチを送る</a> (1時間)</li> - <li><a href="/ja/docs/Web/Demos_of_open_web_technologies">新しいデモを投稿 </a>(1時間)</li> -</ul> - -<h3 id="Option_3_I_like_both_words_and_code" name="Option_3_I_like_both_words_and_code">その3: 言葉もコードも両方好き</h3> - -<p>新しい記事の執筆、技術的正確さのレビュー、文書の調整など、技術と言語の両方のスキルを必要とするタスクもあります。</p> - -<ul> - <li><a href="/ja/docs/MDN/Contribute/Howto/Tag_JavaScript_pages">JavaScript ページのタグ付けする</a> (5分)</li> - <li><a href="/ja/docs/MDN/About/Promote">自分のウェブサイトで MDN を宣伝</a> (5分)</li> - <li><a href="/ja/docs/MDN/Contribute/Howto/Do_a_technical_review">技術レビュー</a> (30分)</li> - <li><a href="/ja/docs/MDN/Contribute/Structures/API_references">API リファレンスの執筆または更新</a> (30分から2時間以上)</li> - <li><a href="/ja/docs/MDN/Contribute/Howto/Create_and_edit_pages#Creating_a_new_page">よく知っている主題の新しい記事を執筆する</a> (1時間以上)</li> - <li><a href="/ja/docs/MDN/Contribute/Structures/Compatibility_tables">リファレンスページのブラウザー互換性データを追加または更新</a> (30分から1時間)</li> -</ul> - -<h3 id="Option_4_I_want_MDN_in_my_language" name="Option_4_I_want_MDN_in_my_language">その4: 母国語の MDN が欲しい</h3> - -<p>MDN 上の全てのローカライゼーションと翻訳の作業は、素晴らしいボランティアコミュニティによって行われています。</p> +<p>どんな時点でも、何をすればよいかわからない場合は、ぜひ助けを求めてください。助けを求めるにはいくつかの方法があります。</p> <ul> - <li><a href="/ja/docs/MDN/Contribute/Localize/Translating_pages">ページを翻訳する</a> (2時間)</li> - <li><a href="/ja/docs/MDN/Contribute/Localize/Localization_projects">ローカライゼーションプロジェクト</a>に載っているローカライズ担当者と繋がりを持つ (30分)</li> + <li>リアルタイムで話したい、 MDN 自体について質問したいという方は、 <a href="https://wiki.mozilla.org/Matrix">Matrix</a> の <a href="https://chat.mozilla.org/#/room/#mdn:mozilla.org">MDN Web Docs チャットルーム</a>で議論に参加してください。</li> + <li>また、 <a href="mailto:mdn-admins@mozilla.org">mdn-admins@mozilla.org</a> にメールを送っていただくこともできます。</li> + <li>もしあなたがウェブ開発を学んでいて、コーディングの問題で行き詰まっているのであれば、質問したり助けを得たりすることができる<a href="https://discourse.mozilla.org/c/mdn/learn/250">アクティブなフォーラム</a>があります。</li> </ul> -<h3 id="Option_5_I_found_some_wrong_info_but_I_dont_know_how_to_fix_it" name="Option_5_I_found_some_wrong_info_but_I_dont_know_how_to_fix_it">その5: 間違った情報を見つけたが修正方法が分からない</h3> - -<p>問題は<a class="external" href="https://bugzilla.mozilla.org/enter_bug.cgi?product=Mozilla%20Developer%20Network">文書のバグをファイル</a>することで報告することができます。 (5分)</p> +<p>完璧にしようと悩まないで。 MDN に協力している他の方々が、見落とした間違いの修正を手伝ってくれます。</p> -<p>問題には説明的な題名をつけてください。 (どこでリンクを見つけたかを書かずに「リンク切れ」と書くのは役に立ちません。プロのヒント: MDN の「リンク切れ」の多くは、まだ書かれていない記事へのリンクです)。 "Request type" の下のところは、問題を発見した場合は "Correction or update"、 MDN から何かが欠けている場合は "New documentation" の括弧の中に "x" を入れてください。 "Details" の下には、問題について、およびどこで正しい情報が見つかるか、知っている限り、時間が許す限り多くの情報を書いてください。これには、ウェブリンクだけでなく、人 ("誰と誰に聞く") を含めることができます。</p> +<h2 id="useful_complete_beginners_guides">完全な初心者向けの便利なガイド</h2> -<h2 id="Other_things_you_can_do_on_MDN" name="Other_things_you_can_do_on_MDN">その他の MDN でできること</h2> +<p>MDN への協力者は、コンテンツの作業を始める前に、ある程度の前提知識を持っていることが期待されます。以下のトピックが初めての方は、スピードアップできるようにリンク先を読むことをお勧めします。</p> <ul> - <li><a href="/ja/docs/MDN/Community">MDN コミュニティに参加</a>する。</li> - <li>他の人があなたについて良く知ってもらえるように、<a href="/ja/profile">プロフィールを記入</a>する。</li> - <li><a href="/ja/docs/MDN/Contribute">MDN への協力方法</a>について学ぶ。</li> + <li>ウェブ技術。 HTML, CSS, JavaScript などの初心者ならば、<a href="/ja/docs/Learn">ウェブ開発を学ぶ</a>のチュートリアルをご覧ください。</li> + <li>オープンソース。もし今までオープンソースプロジェクトに貢献したことがないのであれば、<a href="/ja/docs/MDN/Contribute/Open_source_etiquette">オープンソースプロジェクトの基本的なエチケット</a>をお読みください。</li> + <li>Git と GitHub。もしこれらのツールに慣れていないのであれば、<a href="/ja/docs/MDN/Contribute/GitHub_beginners">完全な初心者向けの GitHub</a> を読むといいでしょう。</li> + <li>MDN のリポジトリ構造。 MDN のコンテンツの様々な部分に変更を加えるために、どのリポジトリを編集すればよいか分からない場合は、 <a href="/ja/docs/MDN/Contribute/Where_is_everything">MDN 上のものはどこにあるのか</a>が正しい場所を教えてくれます。</li> </ul> diff --git a/files/ja/mdn/contribute/index.html b/files/ja/mdn/contribute/index.html index 5d5be87fa3..7b19609761 100644 --- a/files/ja/mdn/contribute/index.html +++ b/files/ja/mdn/contribute/index.html @@ -7,12 +7,108 @@ tags: - MDN Meta translation_of: MDN/Contribute --- -<div>{{MDNSidebar}}</div><div>{{IncludeSubnav("/ja/docs/MDN")}}</div> +<div>{{MDNSidebar}}</div> -<p>ようこそ！このページを訪れることで、あなたは MDN 貢献者への第一歩を踏み出しました。</p> +<p>MDN Web Docs はあなたの協力を必要としています。膨大な数の修正すべき記述ミス、書くべき例、修正すべきバグ、相談相手などあり、その数はこのサイトを使い始める人が増えるにつれて増えています。このページでは、皆さんができることをまとめています。</p> -<p><span class="seoSummary">これらの解説ドキュメントは、MDN への貢献に関するありとあらゆる内容（スタイルガイド / エディタやツールの使い方など）を網羅しています。ページを編集したり作成したりする前に、<a href="https://www.mozilla.org/about/legal/terms/mozilla/">Mozilla の利用規約</a>をよく読んで（そして守って）ください。</span></p> +<div class="notecard note"> + <h4>注</h4> + <p>初めて MDN に協力する人は、 <a href="/ja/docs/MDN/Contribute/Getting_started">MDN で始めよう</a> のガイドで手順を簡単な 4 つのステップで説明しています。都合がいいことに、あなたはすでにステップ 3 の「協力できるものを探す」の段階にいます。</p> +</div> -<p>今まで MDN に貢献したことがない方は、<a href="/ja/docs/MDN/Getting_started">MDN を始めよう</a> のガイドをお読みください。あなたが参加するタスクを選ぶ助けになります。</p> +<h2 id="What_can_I_do_to_help">協力するためにできること</h2> + +<p>MDN に貢献するには、あなたの持つスキルセットや興味に応じて、様々な方法があります。それぞれのタスクには、簡単な説明と、それぞれのタスクにかかるおおよその時間が記載されています。</p> + +<p>何をすればよいか分からない人は、いつでも<a href="/ja/docs/MDN/Contribute/Getting_started#step_4_ask_for_help">助けを求めて</a>ください。</p> + +<h3 id="Primary_contribution_types">主な貢献の種類</h3> + +<p>この節のリンクは、重要な機能であったり、膨大なバックログを抱えていたりして、コミュニティの支援を最も必要としている特定の協力タスクについて、その方法を説明する詳細なガイドにつながっています。他の方法での協力を検討する前に、これらのタスクへの協力をご検討ください。</p> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">タスク</th> + <th scope="col">解説</th> + <th scope="col">必要なスキル</th> + </tr> + </thead> + <tbody> + <tr> + <td><a href="/ja/docs/MDN/Contribute/Fixing_MDN_content_bugs">MDN のコンテンツのバグ修正</a></td> + <td>MDN の文書で見つかった問題は、<a href="https://github.com/mdn/content/issues">コンテンツリポジトリ</a>に報告されます (古い <a href="https://github.com/mdn/sprints/">sprints リポジトリ</a>にも修正すべきバグがありますが、いずれ閉鎖する予定です)。数多くのコンテンツバグがあるので、それらの修正に協力していただけるととても助かります。</td> + <td> + <ul> + <li>協力する分野のウェブ技術の知識 (JavaScript や CSS など)。</li> + <li>英語に関する合理的な理解 (完璧でなくても構いません。私たちが支援します)。</li> + </ul> + </td> + </tr> + <tr> + <td><a href="https://github.com/mdn/content/blob/main/REVIEWING.md">MDN の編集のレビュー</a></td> + <td>MDN のコンテンツを更新するために、<a href="https://github.com/mdn/content/issues">コンテンツリポジトリ</a>にプルリクエストが提出されますので、そのレビューに協力が必要です。 <a href="https://github.com/mdn/content/blob/main/REVIEWING.md">REVIEWING.md</a> ページでは、レビュープロセスの仕組みや、どのようにレビューに参加できるかについて説明しています。</td> + <td> + <ul> + <li>協力する分野のウェブ技術の知識 (JavaScript や CSS など)。</li> + <li>英語に関する合理的な理解 (完璧でなくても構いません。私たちが支援します)。</li> + </ul> + </td> + </tr> + <tr> + <td><a href="/ja/docs/MDN/Contribute/Help_beginners">初心者が MDN で学ぶのに協力する</a></td> + <td><a href="/ja/docs/Learn">ウェブ開発を学ぶ</a>ページには、毎月 100 万以上の閲覧があり、一般的なヘルプを求めたり、評価の採点を依頼したりするための<a href="https://discourse.mozilla.org/c/mdn/learn/250">アクティブなフォーラム</a>があります。投稿に解答したり、学習コミュニティを成長させたりする手伝いをしてくださると幸いです。</td> + <td> + <ul> + <li>協力する分野のウェブ技術の知識 (JavaScript や CSS など)。</li> + <li>技術的なトピックを説明したり、初心者がコードを学べるようにすることに対する熱意。</li> + <li>適度な英語力。完璧である必要はありません。</li> + </ul> + </td> + </tr> + </tbody> +</table> + +<p>ここには、時間の経過とともにタスクを追加していきます。</p> + +<h4 id="priority_ratings">優先順位</h4> + +<p>優先度も見ることで、どの作業が最も重要なのかを知ることができます。コンテンツのバグ問題には、重要度を示すために、P0、P1、P2、P3、P4 というラベルを付け始めました。数字が小さいものは、数字が大きいものより高い優先度です。</p> + +<p>これらは、 <a href="/ja/docs/MDN/Contribute/Documentation_priorities">MDN ドキュメントの優先順位リスト</a>に基づいて、通常の MDN バグ・トリアージ・プロセスの中で把握されます。</p> + + +<h3 id="Other_task_types">その他の種類の作業</h3> + +<p>上記の優先事項に興味がわかない場合は、スキルセットごとに分けられた、より一般的な種類のタスクを以下に紹介します。</p> + +<p id="Option_1_I_like_words">言葉に興味がある方は、以下のことができるでしょう。</p> + +<ul> + <li><a href="/ja/docs/MDN/Contribute/Howto/Create_and_edit_pages#editing_an_existing_page">既存の記事を新しい情報に更新する</a> (5 分 - 1 時間)</li> + <li><a href="/ja/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">用語集に新しい項目を書く</a> (15 分 - 1 時間)</li> +</ul> + +<p>コードのほうが興味がある人は、以下のことに挑戦してみてください。</p> + +<ul> + <li><a href="/ja/docs/MDN/Contribute/Howto/Convert_code_samples_to_be_live">コードサンプルを「ライブ」に変換</a> (30 分)</li> + <li><a href="https://github.com/mdn/yari">Yari のコードベースにコードパッチを送る</a> (1 時間)</li> + <li><a href="https://github.com/mdn/interactive-examples/blob/master/CONTRIBUTING.md">インタラクティブな例を書く</a> (1 時間)</li> +</ul> + +<p>言葉とコードの<em>両方</em>に興味があるなら、以下のことに挑戦してみてください。</p> + +<ul> + <li><a href="/ja/docs/MDN/Contribute/Howto/Write_an_API_reference">API リファレンスを書いたり更新したりする</a> (30 分から 2 時間以上)</li> + <li><a href="https://github.com/mdn/content#adding-a-new-document">なじみのある分野のトピックで新しい記事を書く</a> (1 時間以上)</li> + <li><a href="/ja/docs/MDN/Structures/Compatibility_tables">リファレンスページのブラウザー互換性データを追加したり更新したりする</a> (30 分から 1 時間)</li> +</ul> + +<div class="notecard note"> +<p><strong>注</strong>: MDN 上で誤りを見つけたものの、それを修正する方法が分からない場合、<a href="https://github.com/mdn/content/issues/new">ドキュメントの問題を提出</a>することで問題を報告することができます。その際、問題を説明するタイトルを付けてください。(どこでリンクを見つけたかを書かずに「リンク切れ」と言っても役に立ちません。)</p> +</div> + +<h2 id="Other_useful_pages">その他の有用なページ</h2> <p>{{LandingPageListSubPages()}}</p> diff --git a/files/ja/mdn/contribute/where_is_everything/index.html b/files/ja/mdn/contribute/where_is_everything/index.html new file mode 100644 index 0000000000..7d27c6d254 --- /dev/null +++ b/files/ja/mdn/contribute/where_is_everything/index.html @@ -0,0 +1,35 @@ +--- +title: MDN 上のものはどこにあるのか - リポジトリのガイド +slug: MDN/Contribute/Where_is_everything +tags: + - Best practices + - Community + - GitHub + - MDN + - Beginners + - Repos +translation_of: MDN/Contribute/Where_is_everything +--- +<p>{{MDNSidebar}}</p> + +<p>MDN は、たくさんの変化する部分がある複雑なプロジェクトです。 GitHub の知識を少し持っていて、簡単なタイプミスの修正やコードスニペットの改良から始めるのであれば、サイトへの貢献は簡単です。しかし、新しいページ全体を追加するなど、もっと大きな貢献を行おうとすると、ページのソースには格納されていない、どこか別の場所から来たコンテンツがかなりあることに気づくでしょう。</p> + +<p>この記事は、 MDN のコンテンツの様々な部分を更新するために編集する必要がある、様々なリポジトリを見つけるためのクイックガイドの役割をします。</p> + +<h2 id="core_repos">コアリポジトリ</h2> + +<ul> + <li><strong>コアコンテンツ</strong>: <a href="https://github.com/mdn/content">https://github.com/mdn/content</a>。 MDN のコンテンツで最も重要なリポジトリです。 — ここには、サイトの中核となる英語のコンテンツがすべて保存されており、ページコンテンツの標準的な変更はすべてここで行われます。</li> + <li><strong>MDN プラットフォーム</strong>: <a href="https://github.com/mdn/yari">https://github.com/mdn/yari</a>。 これは、 MDN プラットフォームが保存されている場所であり、 MDN の高次元のページ構造やレンダリングの仕組みに変更を加えたい場合に行く場所です。</li> + <li><strong>ブラウザー互換性データ</strong>: <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>。ここには、リファレンスページに掲載されているブラウザーの互換性テーブルを生成するためのデータが保存されています (例)。互換性データを変更するにはここに行ってください。</li> + <li><strong>インタラクティブな例</strong>: <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a>。このリポジトリには、レンダリングコードとサンプルコードブロックが格納されています。これらは、多くのリファレンスページ (例) の上部にある、編集やコピーが可能な素敵な例を生み出します。これらの例はその場で編集できます。</li> + <li><strong>翻訳コンテンツ</strong>: <a href="https://github.com/mdn/translated-content">https://github.com/mdn/translated-content</a>。ここは、ローカライズされたコンテンツのための場所です。現在凍結されていない第 1 階層のロケール (現在は<code>fr</code>、<code>ja</code>、<code>zh-CN</code>/<code>zh-TW</code>) の保守に協力したい人はここに行ってください。現在、他のロケールへの編集は許可していません。</li> + <li><strong>CSS データ</strong>: <a href="https://github.com/mdn/data">https://github.com/mdn/data</a>。当初は、 MDN の一般的なデータを保持するためのリポジトリとして想定されていましたが、現在では、形式文法、継承、計算値、アニメーション型など、 CSS の機能に関するデータを保持する目的で使用されています。このデータは、 CSS のリファレンスページの公式定義 (例) や形式文法 (例) などの節を生成するために使用されます。</li> +</ul> + +<h2 id="other_repos">それ以外のリポジトリ</h2> + +<ul> + <li><strong>デモリポジトリ</strong>。 MDN の GitHub には、 <a href="https://github.com/mdn/css-examples">css-examples</a>, <a href="https://github.com/mdn/dom-examples">dom-examples</a>, <a href="https://github.com/mdn/webaudio-examples">webaudio-examples</a> などの膨大な数のデモリポジトリがあります。これらは通常、 MDN のページからリンクされている独立したサンプルを含んでいますが、ときどき、 \{{EmbedGHLiveSample("css-examples/learn/tasks/grid/grid1.html", '100%', 700)}} のようなマクロ呼び出しを使用してページに埋め込まれた例を見かけることがあります。スタンドアロンのライブ例を編集したい場合は、常にこれらの例のリポジトリのいずれかにあります。</li> + <li><strong>MDN-minimalist</strong>: <a href="https://github.com/mdn/mdn-minimalist">https://github.com/mdn/mdn-minimalist</a>。 MDN のベースとなるスタイル付け情報です。 MDN の CSS スタイルを改善したい場合は、ここが訪れるべき場所です。</li> +</ul> diff --git a/files/ja/mdn/structures/code_examples/index.html b/files/ja/mdn/structures/code_examples/index.html index e6a25a49ec..4cfd04e729 100644 --- a/files/ja/mdn/structures/code_examples/index.html +++ b/files/ja/mdn/structures/code_examples/index.html @@ -91,7 +91,7 @@ console.log(test);</pre> <pre class="brush: html notranslate"><!DOCTYPE html> <html> <head> - <link href="https://developer.cdn.mozilla.net/static/build/styles/samples.37902ba3b7fe.css" + <link href="https://developer.mozilla.org/static/build/styles/samples.css" rel="stylesheet" type="text/css"> <style type="text/css"> diff --git a/files/ja/web/api/documentorshadowroot/caretpositionfrompoint/index.html b/files/ja/web/api/document/caretpositionfrompoint/index.html index 57168e3eea..44deaf1be3 100644 --- a/files/ja/web/api/documentorshadowroot/caretpositionfrompoint/index.html +++ b/files/ja/web/api/document/caretpositionfrompoint/index.html @@ -1,6 +1,6 @@ --- title: DocumentOrShadowRoot.caretPositionFromPoint() -slug: Web/API/DocumentOrShadowRoot/caretPositionFromPoint +slug: Web/API/Document/caretPositionFromPoint tags: - API - Document @@ -10,6 +10,7 @@ tags: - ShadowRoot - caretPositionFromPoint() translation_of: Web/API/DocumentOrShadowRoot/caretPositionFromPoint +original_slug: Web/API/DocumentOrShadowRoot/caretPositionFromPoint --- <p>{{APIRef("CSSOM View")}}{{SeeCompatTable}}</p> diff --git a/files/ja/web/css/background-repeat/index.html b/files/ja/web/css/background-repeat/index.html index 5ca4c622ba..671f078202 100644 --- a/files/ja/web/css/background-repeat/index.html +++ b/files/ja/web/css/background-repeat/index.html @@ -178,7 +178,7 @@ div { /* 複数の画像 */ .seven { background-image: url(https://mdn.mozillademos.org/files/12005/starsolid.gif), - url(https://developer.cdn.mozilla.net/media/redesign/img/favicon32.png); + url(https://developer.mozilla.org/static/img/favicon32.png); background-repeat: repeat-x, repeat-y; height: 144px; diff --git a/files/ja/web/css/index.html b/files/ja/web/css/index.html index 6af2d9450c..c6c3c04a15 100644 --- a/files/ja/web/css/index.html +++ b/files/ja/web/css/index.html @@ -17,56 +17,56 @@ translation_of: Web/CSS --- <div>{{CSSRef}}</div> -<p class="summary"><span class="seoSummary"><ruby><strong>カスケーディングスタイルシート</strong><rp> (</rp><rt>Cascading Style Sheets</rt><rp>)</rp></ruby> (<strong>CSS</strong>) は<a href="/ja/docs/Web/API/StyleSheet">スタイルシート</a>言語であり、 <a href="/ja/docs/Web/HTML" title="HyperText Markup Language">HTML</a> や <a href="/ja/docs/XML_introduction">XML</a> (方言である <a href="/ja/docs/Web/SVG">SVG</a>, <a href="/ja/docs/Web/MathML">MathML</a>, {{Glossary("XHTML")}} などを含む) で記述された文書の体裁や見栄えを表現するために用いられます。</span> CSS は、要素が画面上で (あるいは紙や音声といった別のメディア上で) どのように表現されるのかを定義します。</p> +<p class="summary"><span class="seoSummary"><ruby><strong>カスケーディングスタイルシート</strong><rp> (</rp><rt>Cascading Style Sheets</rt><rp>)</rp></ruby> (<strong>CSS</strong>) は<a href="/ja/docs/Web/API/StyleSheet">スタイルシート</a>言語であり、<a href="/ja/docs/Web/HTML" title="HyperText Markup Language">HTML</a> や <a href="/ja/docs/XML_introduction">XML</a> (方言である <a href="/ja/docs/Web/SVG">SVG</a>、<a href="/ja/docs/Web/MathML">MathML</a>、{{Glossary("XHTML")}} などを含む) で記述された文書の体裁や見栄えを表現するために用いられます。</span> CSS は、要素が画面上で (あるいは紙や音声といった別のメディア上で) どのように表現されるのかを定義します。</p> -<p>CSS は<strong>オープンウェブ</strong>の核となる言語に含まれ、 <a class="external" href="http://w3.org/Style/CSS/#specs">W3C 標準仕様</a>によってウェブブラウザー間で標準化されています。以前は CSS 仕様書の様々な部分が同時に開発されており、最新勧告の版数付けができていました。皆さんも CSS1, CSS2.1, CSS3 について聞いたことがあるでしょう。しかし、 CSS4 は公式なバージョンにはなっていません。</p> +<p>CSS は<strong>オープンウェブ</strong>の核となる言語に含まれ、<a class="external" href="http://w3.org/Style/CSS/#specs">W3C 標準仕様</a>によってウェブブラウザー間で標準化されています。以前は CSS 仕様書の様々な部分が同時に開発されており、最新勧告の版数付けができていました。皆さんも CSS1、CSS2.1、CSS3 について聞いたことがあるでしょう。しかし、CSS4 は公式なバージョンにはなっていません。</p> -<p>CSS3 以降、仕様の範囲が大幅に拡大し、 CSS モジュールごとに進捗状況が大きく異なるようになったため、<a href="https://www.w3.org/Style/CSS/current-work">モジュールごとに勧告を開発して公開する</a>ことがより効果的になりました。 W3C では、 CSS 仕様のバージョン管理の代わりに、<a href="https://www.w3.org/TR/css/">最新の CSS 仕様の安定した状態</a>のスナップショットを定期的に取得するようになりました。</p> +<p>CSS3 以降、仕様の範囲が大幅に拡大し、CSS モジュールごとに進捗状況が大きく異なるようになったため、<a href="https://www.w3.org/Style/CSS/current-work">モジュールごとに勧告を開発して公開する</a>ことがより効果的になりました。W3C では、CSS 仕様のバージョン管理の代わりに、<a href="https://www.w3.org/TR/css/">最新の CSS 仕様の安定した状態</a>のスナップショットを定期的に取得するようになりました。</p> <h2 id="Key_resources" name="Key_resources">主なリソース</h2> <dl> - <dt><span>CSS 入門</span></dt> - <dd>ウェブ開発が初めての人は、<a href="/ja/docs/Learn/Getting_started_with_the_web/CSS_basics">CSS の基本</a>の記事を読んで、 CSS とは何か、どのように使用するかを学習しましょう。</dd> - <dt><span>CSS チュートリアル</span></dt> + <dt>CSS 入門</dt> + <dd>ウェブ開発が初めての人は、<a href="/ja/docs/Learn/Getting_started_with_the_web/CSS_basics">CSS の基本</a>の記事を読んで、CSS とは何か、どのように使用するかを学習しましょう。</dd> + <dt>CSS チュートリアル</dt> <dd><a href="/ja/docs/Learn/CSS">CSS 学習エリア</a>は、初心者から中級者になるための、すべての基本事項を網羅した豊富なコンテンツがあります。</dd> - <dt><span>CSS リファレンス</span></dt> + <dt>CSS リファレンス</dt> <dd>CSS のすべてのプロパティや概念について記述された、熟練のウェブ開発者向けの <a href="/ja/docs/Web/CSS/Reference">CSS リファレンス</a>です。</dd> </dl> -<div class="in-page-callout webdev"> -<h3 id="Looking_to_become_a_front-end_web_developer" name="Looking_to_become_a_front-end_web_developer">フロントエンドウェブ開発者になるために</h3> +<div class="callout"> + <h4 id="Looking_to_become_a_front-end_web_developer" name="Looking_to_become_a_front-end_web_developer">フロントエンドウェブ開発者になるために + </h4> -<p>目標に向かって頑張るために必要な基本情報をまとめたコースを用意しました。</p> + <p>目標に向かって頑張るために必要な基本情報をまとめたコースを用意しました。 + </p> -<p><a class="cta primary" href="/docs/Learn/Front-end_web_developer">始めましょう</a></p> + <p><a class="button primary" href="/ja/docs/Learn/Front-end_web_developer">始めましょう</a> + </p> </div> -<div class="row topicpage-table"> -<div class="section"> <h2 class="Documentation" id="Tutorials" name="Tutorials">チュートリアル</h2> <p><a href="/ja/docs/Learn/CSS">CSS 学習エリア</a> は基礎から CSS を教える複数のモジュールにスポットを当てています — 事前の知識は必要ありません。</p> <dl> <dt><a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a></dt> - <dd>CSS (Cascading Style Sheets) はウェブページをスタイリングしたりレイアウトしたりするのに使われます — 例えば、文字、色、大きさを変えたり、コンテンツに余白を設けたり、複数列に分けたり、 あるいはアニメーションを加えたりなど様々な装飾機能があります。このモジュールでは CSS を習得するために、どう働くかの基本とともに、構文のありかたと HTML にスタイリングを加えることを簡単な始め方を提供します。</dd> + <dd>CSS (Cascading Style Sheets) はウェブページをスタイリングしたりレイアウトしたりするのに使われます — 例えば、文字、色、大きさを変えたり、コンテンツに余白を設けたり、複数列に分けたり、あるいはアニメーションを加えたりなど様々な装飾機能があります。このモジュールでは CSS を習得するために、どう働くかの基本とともに、構文のありかたと HTML にスタイリングを加えることを簡単な始め方を提供します。</dd> <dt><a href="/ja/docs/Learn/CSS/Building_blocks">CSS の構成要素</a></dt> <dd> - <p>このモジュールは <a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>が終わったところを引き継いでいます。言語とその構文に慣れてきて、基本的な使用経験を積んだところで、もう少し深く掘り下げてみましょう。このモジュールでは、カスケードと継承、利用可能なすべてのセレクターのタイプ、単位、寸法の調整、背景や境界のスタイル付け、デバッグなど多くのことを見ていきます。</p> + <p class="summary">このモジュールは <a href="/ja/docs/Learn/CSS/First_steps">CSS の第一歩</a>が終わったところを引き継いでいます。言語とその構文に慣れてきて、基本的な使用経験を積んだところで、もう少し深く掘り下げてみましょう。このモジュールでは、カスケードと継承、利用可能なすべてのセレクターのタイプ、単位、寸法の調整、背景や境界のスタイル付け、デバッグなど多くのことを見ていきます。</p> - <p>ここでの目的は、<a href="/ja/docs/Learn/CSS/Styling_text">テキストの装飾</a>や<a href="/ja/docs/Learn/CSS/CSS_layout">CSS レイアウト</a>などのより具体的な分野に進む前に、適切な CSS を書くための手法を知り、すべての重要な理論を理解できるようになることです。</p> + <p class="summary">ここでの目的は、<a href="/ja/docs/Learn/CSS/Styling_text">テキストの装飾</a>や<a href="/ja/docs/Learn/CSS/CSS_layout">CSS レイアウト</a>などのより具体的な分野に進む前に、適切な CSS を書くための手法を知り、すべての重要な理論を理解できるようになることです。</p> </dd> <dt><a href="/ja/docs/Learn/CSS/Styling_text">テキストの装飾</a></dt> - <dd>CSS 言語の基本を習得したら、次に取り組むべき CSS のトピックはテキストの装飾です — これは、CSS で行う最も一般的なことの一つです。 ここでは、フォント、太字、イタリック体、ラインと文字の間隔、ドロップシャドウやその他のテキスト機能の設定を含む、テキストの装飾の基本を見ていきます。あなたのページにカスタムフォントを適用し、リストとリンクを装飾するところを見ることによって、このモジュールを締めくくります。</dd> + <dd>CSS 言語の基本を習得したら、次に取り組むべき CSS のトピックはテキストの装飾です — これは、CSS で行う最も一般的なことの一つです。ここでは、フォント、太字、イタリック体、ラインと文字の間隔、ドロップシャドウやその他のテキスト機能の設定を含む、テキストの装飾の基本を見ていきます。あなたのページにカスタムフォントを適用し、リストとリンクを装飾するところを見ることによって、このモジュールを締めくくります。</dd> <dt><a href="/ja/docs/Learn/CSS/CSS_layout">CSS レイアウト</a></dt> <dd>現段階で、すでに CSS の基本、テキストの装飾方法、コンテンツを格納するボックスの装飾方法と操作方法を見てきました。今度は、ビューポートからの相対でボックスを適切な場所に配置する方法、および互いの配置方法を検討します。必要な前提知識をカバーしているので、さまざまな表示の設定、フレックスボックス・CSS グリッド・位置指定などの最新のレイアウトツール、そしてまだ知っておきたいと思うかもしれない過去のテクニックのいくつかを見ながら、CSS レイアウトについて深く掘り下げることができます。</dd> <dt><a href="/ja/docs/Learn/CSS/Howto">CSS を使ってよくある問題を解決する</a></dt> <dd>このモジュールは、ウェブページを作成する際の一般的な問題を解決するための CSS の使用方法を説明するコンテンツの節へのリンクを提供しています。</dd> </dl> -</div> -<div class="section"> + <h2 class="Tools" id="Reference" name="Reference">リファレンス</h2> <ul> @@ -74,8 +74,8 @@ translation_of: Web/CSS <li>CSS の主要な概念: <ul> <li><a href="/ja/docs/Web/CSS/Syntax">言語の構文と書式</a></li> - <li><a href="/ja/docs/Web/CSS/Specificity">詳細度</a>と<a href="/ja/docs/Web/CSS/Inheritance">継承</a> と <a href="/ja/docs/Web/CSS/Cascade">カスケード</a></li> - <li><a href="/ja/docs/Web/CSS/CSS_Values_and_Units">CSS 単位と値</a> および <a href="/ja/docs/Web/CSS/CSS_Functions">関数記法</a></li> + <li><a href="/ja/docs/Web/CSS/Specificity">詳細度</a>と<a href="/ja/docs/Web/CSS/Inheritance">継承</a>と<a href="/ja/docs/Web/CSS/Cascade">カスケード</a></li> + <li><a href="/ja/docs/Web/CSS/CSS_Values_and_Units">CSS 単位と値</a>および<a href="/ja/docs/Web/CSS/CSS_Functions">関数記法</a></li> <li><a href="/ja/docs/Web/CSS/box_model">ボックスモデル</a>と<a href="/ja/docs/Web/CSS/margin_collapsing">マージンの相殺</a></li> <li><a href="/ja/docs/Web/CSS/Containing_block">包含ブロック</a></li> <li><a href="/ja/docs/Web/CSS/Understanding_z_index/The_stacking_context">重ね合わせ</a>と<a href="/ja/docs/Web/CSS/block_formatting_context">ブロック整形</a>コンテキスト</li> @@ -84,7 +84,7 @@ translation_of: Web/CSS <li><a href="/ja/docs/Web/CSS/CSS_Flexible_Box_Layout">CSS フレックスボックスレイアウト</a></li> <li><a href="/ja/docs/Web/CSS/CSS_Grid_Layout">CSS グリッドレイアウト</a></li> <li><a href="/ja/docs/Web/CSS/CSS_Selectors">CSS セレクター</a></li> - <li><a href="/ja/docs/Web/CSS/Media_Queries">メディアクエリ</a></li> + <li><a href="/ja/docs/Web/CSS/Media_Queries">メディアクエリー</a></li> <li><a href="/ja/docs/Web/CSS/animation">アニメーション</a></li> </ul> </li> @@ -99,7 +99,7 @@ translation_of: Web/CSS <ul> <li><a class="external" href="https://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a> は CSS が正しく書かれているかを判定するために利用できます。デバッグのために重宝するツールです。</li> <li><a href="/ja/docs/Tools">Firefox Developer Tools</a> は<a href="/ja/docs/Tools/Page_Inspector">インスペクター</a>と<a href="/ja/docs/Tools/Style_Editor">スタイルエディター</a>ツールを通じて、ページの CSS をライブでの閲覧や編集を可能にします。</li> - <li>Firefox の <a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/">Web Developer 拡張機能</a>では、表示しているサイトをその場で追跡したり編集したりすることができます。</li> + <li>Firefox の <a class="link-https" href="https://addons.mozilla.org/ja/firefox/addon/web-developer/">Web Developer 拡張機能</a>では、表示しているサイトをその場で追跡したり編集したりすることができます。</li> <li>ウェブコミュニティは、利用できるその他の<a href="/ja/docs/Web/CSS/Tools">様々な CSS のためのツール</a>を開発しています。</li> </ul> @@ -108,15 +108,13 @@ translation_of: Web/CSS <ul> <li>Firefox: {{bug(1323667)}}</li> </ul> -</div> -</div> <h2 id="See_also" name="See_also">関連情報</h2> <ul> <li><a href="/ja/docs/Web/Demos_of_open_web_technologies#CSS">CSS デモ</a>: 最新の CSS テクノロジーの例を探索して想像力をかきたてましょう。</li> - <li>CSS がよく適用されるウェブ言語。 <a href="/ja/docs/Web/HTML">HTML</a>, <a href="/ja/docs/Web/SVG">SVG</a>, <a href="/ja/docs/Web/MathML">MathML</a>, {{Glossary("XHTML", "", 1)}}, <a href="/ja/docs/XML_introduction">XML</a></li> - <li>CSS を広範囲に利用する Mozilla のテクノロジー。<a href="/ja/docs/Mozilla/Tech/XUL">XUL</a>, <a href="/ja/docs/Mozilla/Firefox">Firefox</a>, <a href="/ja/docs/Mozilla/Thunderbird">Thunderbird</a> の <a href="/ja/docs/Mozilla/Add-ons">拡張機能</a> と <a href="/ja/docs/Mozilla/Add-ons/Themes">テーマ</a></li> + <li>CSS がよく適用されるウェブ言語。<a href="/ja/docs/Web/HTML">HTML</a>、<a href="/ja/docs/Web/SVG">SVG</a>、<a href="/ja/docs/Web/MathML">MathML</a>、{{Glossary("XHTML")}}、<a href="/ja/docs/XML_introduction">XML</a></li> + <li>CSS を広範囲に利用する Mozilla のテクノロジー。<a href="/ja/docs/Mozilla/Tech/XUL">XUL</a>、<a href="/ja/docs/Mozilla/Firefox">Firefox</a>、<a href="/ja/docs/Mozilla/Thunderbird">Thunderbird</a> の<a href="/ja/docs/Mozilla/Add-ons">拡張機能</a>と<a href="/ja/docs/Mozilla/Add-ons/Themes">テーマ</a></li> <li><a href="https://lists.mozilla.org/listinfo/dev-tech-layout">Mozilla メーリングリスト</a></li> - <li><a href="Stack Overflow|http://stackoverflow.com/questions/tagged/css">CSS に関する Stack Overflow の質問</a></li> + <li><a href="http://stackoverflow.com/questions/tagged/css">CSS に関する Stack Overflow の質問</a></li> </ul> diff --git a/files/ja/web/html/element/menuitem/index.html b/files/ja/web/html/element/menuitem/index.html index 535b84a4be..1fa3ea9bd9 100644 --- a/files/ja/web/html/element/menuitem/index.html +++ b/files/ja/web/html/element/menuitem/index.html @@ -93,7 +93,7 @@ translation_of: Web/HTML/Element/menuitem <menu type="context" id="popup-menu"> <menuitem type="checkbox" checked>Checkbox</menuitem> <hr> - <menuitem type="command" label="This command does nothing" icon="https://developer.cdn.mozilla.net/static/img/favicon144.png"> + <menuitem type="command" label="This command does nothing" icon="https://developer.mozilla.org/static/img/favicon144.png"> Commands don't render their contents. </menuitem> <menuitem type="command" label="This command has javascript" onclick="alert('command clicked')"> diff --git a/files/ja/web/http/basics_of_http/evolution_of_http/index.html b/files/ja/web/http/basics_of_http/evolution_of_http/index.html index 4357788871..0e9bb0dc62 100644 --- a/files/ja/web/http/basics_of_http/evolution_of_http/index.html +++ b/files/ja/web/http/basics_of_http/evolution_of_http/index.html @@ -120,7 +120,7 @@ Vary: Cookie, Accept-Encoding GET /static/img/header-background.png HTTP/1.1 -Host: developer.cdn.mozilla.net +Host: developer.mozilla.org User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:50.0) Gecko/20100101 Firefox/50.0 Accept: */* Accept-Language: en-US,en;q=0.5 diff --git a/files/ja/web/http/headers/host/index.html b/files/ja/web/http/headers/host/index.html index e26c8e5c7d..3775f38d25 100644 --- a/files/ja/web/http/headers/host/index.html +++ b/files/ja/web/http/headers/host/index.html @@ -45,7 +45,7 @@ translation_of: Web/HTTP/Headers/Host <h2 id="Examples" name="Examples">例</h2> -<pre class="notranslate">Host: developer.cdn.mozilla.net</pre> +<pre class="notranslate">Host: developer.mozilla.org</pre> <h2 id="Specifications" name="Specifications">仕様書</h2> diff --git a/files/ko/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/ko/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index da87edf6ee..7018ab7895 100644 --- a/files/ko/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ b/files/ko/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -154,7 +154,7 @@ Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."& <p><a href="http://ogp.me/">Open Graph Data</a> 는 Facebook이 웹 사이트에 더 풍부한 메타 데이터를 제공하기 위해 발명한 메타 데이터 프로토콜이다. MDN 소스코드에서 다음과 같은 부분을 볼 수 있을 것이다.</p> -<pre class="brush: html"><meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png"> +<pre class="brush: html"><meta property="og:image" content="https://developer.mozilla.org/static/img/opengraph-logo.png"> <meta property="og:description" content="The Mozilla Developer Network (MDN) provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> @@ -188,15 +188,15 @@ and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> <p>요즘은 많은 다른 아이콘 타입이 있다. 예를 들어서 MDN 홈페이지에서 다음과 같은 것을 발견할 것이다:</p> <pre class="brush: html"><!-- third-generation iPad with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png"> +<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.mozilla.org/static/img/favicon144.png"> <!-- iPhone with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.cdn.mozilla.net/static/img/favicon114.0e9fabd44f85.png"> +<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.mozilla.org/static/img/favicon114.png"> <!-- first- and second-generation iPad: --> -<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.cdn.mozilla.net/static/img/favicon72.8ff9d87c82a0.png"> +<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.mozilla.org/static/img/favicon72.png"> <!-- non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --> -<link rel="apple-touch-icon-precomposed" href="https://developer.cdn.mozilla.net/static/img/favicon57.a2490b9a2d76.png"> +<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon57.png"> <!-- basic favicon --> -<link rel="shortcut icon" href="https://developer.cdn.mozilla.net/static/img/favicon32.e02854fdcf73.png"></pre> +<link rel="shortcut icon" href="https://developer.mozilla.org/static/img/favicon32.png"></pre> <p>주석은 각 아이콘의 용도를 설명한다. 웹사이트가 iPad의 홈 화면에 저장 될 때 사용할 고해상도 아이콘을 제공하는 것 등을 포함한다.</p> diff --git a/files/ko/web/css/background-repeat/index.html b/files/ko/web/css/background-repeat/index.html index 5183ad67d6..b30e77ee93 100644 --- a/files/ko/web/css/background-repeat/index.html +++ b/files/ko/web/css/background-repeat/index.html @@ -181,7 +181,7 @@ div { /* Multiple images */ .seven { background-image: url(https://mdn.mozillademos.org/files/12005/starsolid.gif), - url(https://developer.cdn.mozilla.net/media/redesign/img/favicon32.png); + url(https://developer.mozilla.org/static/img/favicon32.png); background-repeat: repeat-x, repeat-y; height: 144px; diff --git a/files/ko/web/html/element/figure/index.html b/files/ko/web/html/element/figure/index.html index 3630515211..0d04b0123b 100644 --- a/files/ko/web/html/element/figure/index.html +++ b/files/ko/web/html/element/figure/index.html @@ -68,14 +68,14 @@ translation_of: Web/HTML/Element/figure <pre class="brush: html"><code><!-- Just an image --> <figure> <img - src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" + src="https://developer.mozilla.org/static/img/favicon144.png" alt="A robotic monster over the letters MDN."> </figure> <!-- Image with a caption --> <figure> <img - src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" + src="https://developer.mozilla.org/static/img/favicon144.png" alt="A robotic monster over the letters MDN."> <figcaption>MDN Logo</figcaption> </figure></code> diff --git a/files/ko/web/http/basics_of_http/evolution_of_http/index.html b/files/ko/web/http/basics_of_http/evolution_of_http/index.html index 827ca42f63..a968ca71d2 100644 --- a/files/ko/web/http/basics_of_http/evolution_of_http/index.html +++ b/files/ko/web/http/basics_of_http/evolution_of_http/index.html @@ -119,7 +119,7 @@ Vary: Cookie, Accept-Encoding GET /static/img/header-background.png HTTP/1.1 -Host: developer.cdn.mozilla.net +Host: developer.mozilla.org User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:50.0) Gecko/20100101 Firefox/50.0 Accept: */* Accept-Language: en-US,en;q=0.5 diff --git a/files/ko/web/http/headers/host/index.html b/files/ko/web/http/headers/host/index.html index 321ec35f49..5991e72b4c 100644 --- a/files/ko/web/http/headers/host/index.html +++ b/files/ko/web/http/headers/host/index.html @@ -40,7 +40,7 @@ translation_of: Web/HTTP/Headers/Host <h2 id="예제">예제</h2> -<pre>Host: developer.cdn.mozilla.net</pre> +<pre>Host: developer.mozilla.org</pre> <h2 id="명세">명세</h2> diff --git a/files/nl/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/nl/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index 8f5bdf79b5..1ef57a416a 100644 --- a/files/nl/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ b/files/nl/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -151,7 +151,7 @@ met het ontwerpen van websites en applicaties."></pre> <p><a href="http://ogp.me/">Open Graph Data</a> bijvoorbeeld is een metadata-protocol dat Facebook heeft uitgevonden om websites van verrijkte metadata te voorzien. In de MDN-broncode, zal je dit vinden:</p> -<pre class="brush: html"><meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png"> +<pre class="brush: html"><meta property="og:image" content="https://developer.mozilla.org/static/img/opengraph-logo.png"> <meta property="og:description" content="The Mozilla Developer Network (MDN) provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> @@ -183,15 +183,15 @@ and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> <p>Er spelen tegenwoordig ook nog vele andere icoon-types mee. Je zal dit bijvoorbeeld in de broncode van de MDN-startpagina vinden:</p> <pre class="brush: html"><!-- third-generation iPad with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png"> +<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.mozilla.org/static/img/favicon144.png"> <!-- iPhone with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.cdn.mozilla.net/static/img/favicon114.0e9fabd44f85.png"> +<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.mozilla.org/static/img/favicon114.png"> <!-- first- and second-generation iPad: --> -<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.cdn.mozilla.net/static/img/favicon72.8ff9d87c82a0.png"> +<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.mozilla.org/static/img/favicon72.png"> <!-- non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --> -<link rel="apple-touch-icon-precomposed" href="https://developer.cdn.mozilla.net/static/img/favicon57.a2490b9a2d76.png"> +<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon57.png"> <!-- basic favicon --> -<link rel="shortcut icon" href="https://developer.cdn.mozilla.net/static/img/favicon32.e02854fdcf73.png"></pre> +<link rel="shortcut icon" href="https://developer.mozilla.org/static/img/favicon32.png"></pre> <p>De commentaren verklaren waarvoor elk icoon wordt gebruikt — deze elementen zorgen er bijvoorbeeld voor dat een icoon met een mooie hoge resolutie wordt gebruikt als de site wordt opgeslagen in het startscherm van een iPad.</p> diff --git a/files/pt-br/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/pt-br/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index d0e6a90d81..c2741698a9 100644 --- a/files/pt-br/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ b/files/pt-br/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -170,7 +170,7 @@ Sites e aplicativos HTML5. Ele também documenta produtos Mozilla, como o sistem <p>Por exemplo, <a href="http://ogp.me/">Open Graph Data</a> é um protocolo de metadados que o Facebook inventou para fornecer metadados mais ricos para sites. No código-fonte MDN, você encontrará isso:</p> -<pre class="brush: html notranslate"><meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png"> +<pre class="brush: html notranslate"><meta property="og:image" content="https://developer.mozilla.org/static/img/opengraph-logo.png"> <meta property="og:description" content="A Mozilla Developer Network (MDN) fornece informações sobre tecnologias Open Web, incluindo HTML, CSS e APIs para ambos os sites da Web e aplicativos HTML5. Ele também documenta produtos Mozilla, como o sistema operacional Firefox."> @@ -204,15 +204,15 @@ e aplicativos HTML5. Ele também documenta produtos Mozilla, como o sistema oper <p>Há muitos outros tipos de ícones para considerar nestes dias também. Por exemplo, você encontrará isso no código-fonte da página inicial do MDN Web Docs:</p> <pre class="brush: html notranslate"><!-- iPad de terceira geração com tela retina de alta resolução: --> -<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png"> +<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.mozilla.org/static/img/favicon144.png"> <!-- iPhone com tela retina de alta resolução: --> -<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.cdn.mozilla.net/static/img/favicon114.0e9fabd44f85.png"> +<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.mozilla.org/static/img/favicon114.png"> <!-- iPad de primeira e segunda geração: --> -<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.cdn.mozilla.net/static/img/favicon72.8ff9d87c82a0.png"> +<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.mozilla.org/static/img/favicon72.png"> <!-- iPhone não-Retina, iPod Touch e dispositivos Android 2.1+: --> -<link rel="apple-touch-icon-precomposed" href="https://developer.cdn.mozilla.net/static/img/favicon57.a2490b9a2d76.png"> +<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon57.png"> <!-- favicon básico --> -<link rel="shortcut icon" href="https://developer.cdn.mozilla.net/static/img/favicon32.e02854fdcf73.png"></pre> +<link rel="shortcut icon" href="https://developer.mozilla.org/static/img/favicon32.png"></pre> <p>Os comentários explicam onde cada ícone é usado - esses elementos cobrem coisas como fornecer um ícone de alta resolução agradável para usar quando o site é salvo na tela inicial do iPad.</p> diff --git a/files/pt-br/web/html/element/figure/index.html b/files/pt-br/web/html/element/figure/index.html index dd0f0e1463..11344ea5a9 100644 --- a/files/pt-br/web/html/element/figure/index.html +++ b/files/pt-br/web/html/element/figure/index.html @@ -35,24 +35,24 @@ original_slug: Web/HTML/Element/figura <pre class="brush: html"><!-- Apenas uma imagem--> <figure> - <img src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" alt="Uma imagem impressionante"> + <img src="https://developer.mozilla.org/static/img/favicon144.png" alt="Uma imagem impressionante"> </figure> <p></p> <!-- Imagem com legenda --> <figure> - <img src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" alt="Uma imagem impressionante"> + <img src="https://developer.mozilla.org/static/img/favicon144.png" alt="Uma imagem impressionante"> <figcaption>Legenda para a imagem impressionante</figcaption> </figure> <p></p> </pre> -<figure><img alt="MDN Logo" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></figure> +<figure><img alt="MDN Logo" src="https://developer.mozilla.org/static/img/favicon144.png"></figure> <p> </p> -<figure><img alt="MDN Logo" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"> +<figure><img alt="MDN Logo" src="https://developer.mozilla.org/static/img/favicon144.png"> <figcaption> <p>Imagem1. MDN Logo</p> </figcaption> diff --git a/files/pt-br/web/http/headers/host/index.html b/files/pt-br/web/http/headers/host/index.html index de12664090..6253bae273 100644 --- a/files/pt-br/web/http/headers/host/index.html +++ b/files/pt-br/web/http/headers/host/index.html @@ -42,7 +42,7 @@ translation_of: Web/HTTP/Headers/Host <h2 id="Examples">Examples</h2> -<pre>Host: developer.cdn.mozilla.net</pre> +<pre>Host: developer.mozilla.org</pre> <h2 id="Specifications">Specifications</h2> diff --git a/files/pt-pt/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/pt-pt/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index 5f7c0c37b9..88ec4b49ea 100644 --- a/files/pt-pt/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ b/files/pt-pt/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -159,7 +159,7 @@ Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."& <p>For example, <a href="http://ogp.me/">Open Graph Data</a> is a metadata protocol that Facebook invented to provide richer metadata for websites. In the MDN sourcecode, you'll find this:</p> -<pre class="brush: html"><meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png"> +<pre class="brush: html"><meta property="og:image" content="https://developer.mozilla.org/static/img/opengraph-logo.png"> <meta property="og:description" content="The Mozilla Developer Network (MDN) provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> @@ -193,15 +193,15 @@ and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> <p>There are lots of other icon types to consider these days as well. For example, you'll find this in the source code of the MDN homepage:</p> <pre class="brush: html"><!-- third-generation iPad with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png"> +<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.mozilla.org/static/img/favicon144.png"> <!-- iPhone with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.cdn.mozilla.net/static/img/favicon114.0e9fabd44f85.png"> +<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.mozilla.org/static/img/favicon114.png"> <!-- first- and second-generation iPad: --> -<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.cdn.mozilla.net/static/img/favicon72.8ff9d87c82a0.png"> +<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.mozilla.org/static/img/favicon72.png"> <!-- non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --> -<link rel="apple-touch-icon-precomposed" href="https://developer.cdn.mozilla.net/static/img/favicon57.a2490b9a2d76.png"> +<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon57.png"> <!-- basic favicon --> -<link rel="shortcut icon" href="https://developer.cdn.mozilla.net/static/img/favicon32.e02854fdcf73.png"></pre> +<link rel="shortcut icon" href="https://developer.mozilla.org/static/img/favicon32.png"></pre> <p>The comments explain what each icon is used for — these elements cover things like providing a nice high resolution icon to use when the website is saved to an iPad's home screen.</p> diff --git a/files/pt-pt/web/css/background-repeat/index.html b/files/pt-pt/web/css/background-repeat/index.html index 582f6f86f8..c8ee0800ce 100644 --- a/files/pt-pt/web/css/background-repeat/index.html +++ b/files/pt-pt/web/css/background-repeat/index.html @@ -88,7 +88,7 @@ div { /* Multiple images */ .five { background-image: url(https://mdn.mozillademos.org/files/12005/starsolid.gif), - url(https://developer.cdn.mozilla.net/media/redesign/img/favicon32.png); + url(https://developer.mozilla.org/static/img/favicon32.png); background-repeat: repeat-x, repeat-y; height: 144px; diff --git a/files/ru/learn/css/building_blocks/advanced_styling_effects/index.html b/files/ru/learn/css/building_blocks/advanced_styling_effects/index.html index 174d980693..80f01d5da0 100644 --- a/files/ru/learn/css/building_blocks/advanced_styling_effects/index.html +++ b/files/ru/learn/css/building_blocks/advanced_styling_effects/index.html @@ -25,7 +25,7 @@ translation_of: Learn/CSS/Building_blocks/Advanced_styling_effects <tbody> <tr> <th scope="row">Необходимые знания:</th> - <td>Основы HTML (изучите <a href="https://developer.mozilla.org/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML">Введение в HTML</a>) и CSS (статья <a href="https://developer.cdn.mozilla.net/ru/docs/Learn/CSS/First_steps">Введение в CSS</a>).</td> + <td>Основы HTML (изучите <a href="https://developer.mozilla.org/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML">Введение в HTML</a>) и CSS (статья <a href="https://developer.mozilla.org/ru/docs/Learn/CSS/First_steps">Введение в CSS</a>).</td> </tr> <tr> <th scope="row">Задача:</th> @@ -288,7 +288,7 @@ article div:last-child { <p>Как видите, смешались не только фоновые изображения, но и <code><div></code> под ними.</p> <div class="note"> -<p><strong>Примечание</strong>: Не переживайте, если Вы не знаете такие свойства разметки, как {{cssxref("position")}}, {{cssxref("top")}}, {{cssxref("bottom")}}, {{cssxref("z-index")}} и т. д. Мы детально рассмотрим это в модуле <a href="https://developer.cdn.mozilla.net/ru/docs/Learn/CSS/CSS_layout">CSS Layout</a>.</p> +<p><strong>Примечание</strong>: Не переживайте, если Вы не знаете такие свойства разметки, как {{cssxref("position")}}, {{cssxref("top")}}, {{cssxref("bottom")}}, {{cssxref("z-index")}} и т. д. Мы детально рассмотрим это в модуле <a href="https://developer.mozilla.org/ru/docs/Learn/CSS/CSS_layout">CSS Layout</a>.</p> </div> <h2 id="CSS-фигуры">CSS-фигуры</h2> diff --git a/files/ru/learn/css/first_steps/getting_started/index.html b/files/ru/learn/css/first_steps/getting_started/index.html index 30d495ad25..6be6e212b6 100644 --- a/files/ru/learn/css/first_steps/getting_started/index.html +++ b/files/ru/learn/css/first_steps/getting_started/index.html @@ -184,7 +184,7 @@ span.special { <p>{{EmbedGHLiveSample("css-examples/learn/getting-started/started2.html", '100%', 1100)}}</p> <div class="blockIndicator note"> -<p><strong>Примечание</strong>: Как Вы можете видеть, CSS даёт нам несколько способов нацеливания на элементы, и мы пока только слегка изучили его! Мы будем внимательно смотреть на все эти селекторы и многое другое в нашей статье <a href="https://developer.cdn.mozilla.net/ru/docs/Learn/CSS/Building_blocks/%D0%A1%D0%B5%D0%BB%D0%B5%D0%BA%D1%82%D0%BE%D1%80%D1%8B">Селекторы</a> позже в нашем курсе.</p> +<p><strong>Примечание</strong>: Как Вы можете видеть, CSS даёт нам несколько способов нацеливания на элементы, и мы пока только слегка изучили его! Мы будем внимательно смотреть на все эти селекторы и многое другое в нашей статье <a href="https://developer.mozilla.org/ru/docs/Learn/CSS/Building_blocks/%D0%A1%D0%B5%D0%BB%D0%B5%D0%BA%D1%82%D0%BE%D1%80%D1%8B">Селекторы</a> позже в нашем курсе.</p> </div> <h2 id="Стилизация_элементов_на_основе_состояния">Стилизация элементов на основе состояния</h2> diff --git a/files/ru/learn/css/first_steps/index.html b/files/ru/learn/css/first_steps/index.html index 2e0ed35d7e..f19ed5774a 100644 --- a/files/ru/learn/css/first_steps/index.html +++ b/files/ru/learn/css/first_steps/index.html @@ -38,7 +38,7 @@ translation_of: Learn/CSS/First_steps <dd><strong>{{Glossary("CSS")}}</strong> (Каскадные таблицы стилей) позволяет создавать великолепно выглядящие веб-страницы, но как же это работает? Эта статья объясняет, что такое CSS с помощью простого примера синтаксиса, а также охватывает некоторые ключевые термины о языке.</dd> <dt><a href="https://wiki.developer.mozilla.org/ru/docs/Learn/CSS/First_steps/Getting_started">Начало работы с CSS</a></dt> <dd>В этой статье мы возьмем простой HTML-документ и применим к нему CSS, изучая некоторые практические вещи о языке.</dd> - <dt><a href="https://developer.cdn.mozilla.net/ru/docs/Learn/CSS/First_steps/%D0%9A%D0%B0%D0%BA_%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%82%D1%83%D1%80%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD_CSS">Как структурирован CSS</a></dt> + <dt><a href="https://developer.mozilla.org/ru/docs/Learn/CSS/First_steps/%D0%9A%D0%B0%D0%BA_%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%82%D1%83%D1%80%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD_CSS">Как структурирован CSS</a></dt> <dd>Теперь, когда у вас есть представление о том, что такое CSS и как его использовать, пришло время немного углубиться в структуру самого языка. Мы уже встречали множество концепций, обсуждаемых здесь; Вы можете вернуться к этому, чтобы повторить, если вы находите какие-либо более поздние концепции запутанными.</dd> <dt><a href="https://developer.mozilla.org/ru/docs/Learn/CSS/First_steps/How_CSS_works">Как работает CSS</a></dt> <dd>Мы изучили основы CSS — для чего он нужен и как писать простые таблицы стилей. В этом уроке мы рассмотрим, как браузер берет CSS и HTML и превращает их в веб-страницу.</dd> diff --git a/files/ru/learn/css/first_steps/what_is_css/index.html b/files/ru/learn/css/first_steps/what_is_css/index.html index 6dd204cd6b..6ece8cf585 100644 --- a/files/ru/learn/css/first_steps/what_is_css/index.html +++ b/files/ru/learn/css/first_steps/what_is_css/index.html @@ -125,7 +125,7 @@ p { <ol> <li><a href="https://developer.mozilla.org/ru/docs/Learn/CSS/First_steps/%D0%A7%D1%82%D0%BE_%D1%82%D0%B0%D0%BA%D0%BE%D0%B5_CSS">Что такое CSS?</a></li> <li><a href="https://developer.mozilla.org/ru/docs/Learn/CSS/First_steps">Начало работы с CSS</a></li> - <li><a href="https://developer.cdn.mozilla.net/ru/docs/Learn/CSS/First_steps/%D0%9A%D0%B0%D0%BA_%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%82%D1%83%D1%80%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD_CSS">Как структурирован CSS</a></li> + <li><a href="https://developer.mozilla.org/ru/docs/Learn/CSS/First_steps/%D0%9A%D0%B0%D0%BA_%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%82%D1%83%D1%80%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD_CSS">Как структурирован CSS</a></li> <li><a href="https://developer.mozilla.org/ru/docs/Learn/CSS/First_steps/How_CSS_works">Как работает CSS</a></li> <li><a href="https://developer.mozilla.org/ru/docs/Learn/CSS/First_steps/Using_your_new_knowledge">Использование ваших новых знаний</a></li> </ol> diff --git a/files/ru/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/ru/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index 9563f7edbe..8cf9b3907d 100644 --- a/files/ru/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ b/files/ru/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -209,15 +209,15 @@ original_slug: Learn/HTML/Введение_в_HTML/The_head_metadata_in_HTML <p>Для разных устройств можно указывать разные иконки. Например, на главной странице MDN:</p> <pre class="brush: html notranslate"><!-- Для iPad 3 с Retina-экраном высокого разрешения: --> -<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png"> +<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.mozilla.org/static/img/favicon144.png"> <!-- Для iPhone с Retina-экраном высокого разрешения: --> -<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.cdn.mozilla.net/static/img/favicon114.0e9fabd44f85.png"> +<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.mozilla.org/static/img/favicon114.png"> <!-- Для iPad первого и второго поколения: --> -<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.cdn.mozilla.net/static/img/favicon72.8ff9d87c82a0.png"> +<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.mozilla.org/static/img/favicon72.png"> <!-- Для iPhone, iPod Touch без Retina и устройств с Android 2.1+: --> -<link rel="apple-touch-icon-precomposed" href="https://developer.cdn.mozilla.net/static/img/favicon57.a2490b9a2d76.png"> +<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon57.png"> <!-- Для других случаев - обычный favicon --> -<link rel="shortcut icon" href="https://developer.cdn.mozilla.net/static/img/favicon32.e02854fdcf73.png"></pre> +<link rel="shortcut icon" href="https://developer.mozilla.org/static/img/favicon32.png"></pre> <p>В комментариях указано, для чего используется каждая иконка — например, при добавлении страницы на домашний экран iPad будет использована иконка в высоком разрешении. </p> diff --git a/files/ru/web/css/background-repeat/index.html b/files/ru/web/css/background-repeat/index.html index 9493b0ab8d..9699a22440 100644 --- a/files/ru/web/css/background-repeat/index.html +++ b/files/ru/web/css/background-repeat/index.html @@ -151,7 +151,7 @@ div { /* Несколько изображений */ .five { background-image: url(https://mdn.mozillademos.org/files/12005/starsolid.gif), - url(https://developer.cdn.mozilla.net/media/redesign/img/favicon32.png); + url(https://developer.mozilla.org/static/img/favicon32.png); background-repeat: repeat-x, repeat-y; height: 144px; diff --git a/files/ru/web/http/basics_of_http/evolution_of_http/index.html b/files/ru/web/http/basics_of_http/evolution_of_http/index.html index a9605942e8..d139f02d94 100644 --- a/files/ru/web/http/basics_of_http/evolution_of_http/index.html +++ b/files/ru/web/http/basics_of_http/evolution_of_http/index.html @@ -118,7 +118,7 @@ Vary: Cookie, Accept-Encoding GET /static/img/header-background.png HTTP/1.1 -Host: developer.cdn.mozilla.net +Host: developer.mozilla.org User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:50.0) Gecko/20100101 Firefox/50.0 Accept: */* Accept-Language: en-US,en;q=0.5 diff --git a/files/ru/web/http/headers/host/index.html b/files/ru/web/http/headers/host/index.html index ebadd5adb5..fbe9c92a75 100644 --- a/files/ru/web/http/headers/host/index.html +++ b/files/ru/web/http/headers/host/index.html @@ -43,7 +43,7 @@ original_slug: Web/HTTP/Заголовки/Host <h2 id="Пример">Пример</h2> -<pre>Host: developer.cdn.mozilla.net</pre> +<pre>Host: developer.mozilla.org</pre> <h2 id="Спецификации">Спецификации</h2> diff --git a/files/uk/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/uk/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index e7d1c1658a..42e16b709c 100644 --- a/files/uk/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ b/files/uk/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -164,7 +164,7 @@ Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."& <p>Наприклад, <a href="http://ogp.me/">Open Graph Data</a> <span id="result_box" lang="uk"><span>є протоколом метаданих, який Facebook винайшов для надання більш багатих метаданих для веб-сайтів.</span> <span>У коді MDN ви знайдете це:</span></span></p> -<pre class="brush: html"><meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png"> +<pre class="brush: html"><meta property="og:image" content="https://developer.mozilla.org/static/img/opengraph-logo.png"> <meta property="og:description" content="The Mozilla Developer Network (MDN) provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> @@ -198,15 +198,15 @@ and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> <p><span id="result_box" lang="uk"><span>Також існує безліч інших типів іконок.</span> <span>Наприклад, ви знайдете їх в вихідному коді домашньої сторінки MDN</span></span>:</p> <pre class="brush: html"><!-- third-generation iPad with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png"> +<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.mozilla.org/static/img/favicon144.png"> <!-- iPhone with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.cdn.mozilla.net/static/img/favicon114.0e9fabd44f85.png"> +<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.mozilla.org/static/img/favicon114.png"> <!-- first- and second-generation iPad: --> -<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.cdn.mozilla.net/static/img/favicon72.8ff9d87c82a0.png"> +<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.mozilla.org/static/img/favicon72.png"> <!-- non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --> -<link rel="apple-touch-icon-precomposed" href="https://developer.cdn.mozilla.net/static/img/favicon57.a2490b9a2d76.png"> +<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon57.png"> <!-- basic favicon --> -<link rel="shortcut icon" href="https://developer.cdn.mozilla.net/static/img/favicon32.e02854fdcf73.png"></pre> +<link rel="shortcut icon" href="https://developer.mozilla.org/static/img/favicon32.png"></pre> <p><span id="result_box" lang="uk"><span>У коментарях пояснюється, для чого використовується кожна іконка, наприклад, при додаванні сторінки на головний екран iPad буде використана іконка</span></span><span lang="uk"><span> високої роздільної здатності.</span></span></p> diff --git a/files/uk/web/html/element/header/index.html b/files/uk/web/html/element/header/index.html index 6531e7e8a9..15b51b687c 100644 --- a/files/uk/web/html/element/header/index.html +++ b/files/uk/web/html/element/header/index.html @@ -58,7 +58,7 @@ original_slug: Web/HTML/Елемент/Заголовок <h1 id="Main_Page_Title">Main Page Title</h1> -<h2 id="sect1"><img alt="MDN" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></h2> +<h2 id="sect1"><img alt="MDN" src="https://developer.mozilla.org/static/img/favicon144.png"></h2> <h2 id="Specifications">Specifications</h2> diff --git a/files/vi/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/vi/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index e73feb86a2..60bf9a19d3 100644 --- a/files/vi/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ b/files/vi/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -155,7 +155,7 @@ started with developing web sites and applications."></pre> <p>Ví dụ, <a href="http://ogp.me/">Open Graph Data</a> là giao thức metadata mà Facebook phát minh ra để cung cấp metadata phong phú hơn cho các website. Trong mã nguồn của MDN Web Dóc, bạn sẽ thấy thế này:</p> -<pre class="brush: html"><meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png"> +<pre class="brush: html"><meta property="og:image" content="https://developer.mozilla.org/static/img/opengraph-logo.png"> <meta property="og:description" content="The Mozilla Developer Network (MDN) provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> @@ -191,17 +191,17 @@ and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> <p>There are lots of other icon types to consider these days as well. For example, you'll find this in the source code of the MDN Web Docs homepage:</p> <pre class="brush: html"><!-- third-generation iPad with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png"> +<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.mozilla.org/static/img/favicon144.png"> <!-- iPhone with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.cdn.mozilla.net/static/img/favicon114.0e9fabd44f85.png"> +<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.mozilla.org/static/img/favicon114.png"> <!-- first- and second-generation iPad: --> -<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.cdn.mozilla.net/static/img/favicon72.8ff9d87c82a0.png"> +<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.mozilla.org/static/img/favicon72.png"> <!-- non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --> -<link rel="apple-touch-icon-precomposed" href="https://developer.cdn.mozilla.net/static/img/favicon57.a2490b9a2d76.png"> +<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon57.png"> <!-- basic favicon --> -<link rel="shortcut icon" href="https://developer.cdn.mozilla.net/static/img/favicon32.e02854fdcf73.png"></pre> +<link rel="shortcut icon" href="https://developer.mozilla.org/static/img/favicon32.png"></pre> -<p><img alt="" src="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png"><img alt="" src="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png" style="height: 50px; width: 50px;">The comments explain what each icon is used for — these elements cover things like providing a nice high resolution icon to use when the website is saved to an iPad's home screen.</p> +<p><img alt="" src="https://developer.mozilla.org/static/img/favicon144.png"><img alt="" src="https://developer.mozilla.org/static/img/favicon144.png" style="height: 50px; width: 50px;">The comments explain what each icon is used for — these elements cover things like providing a nice high resolution icon to use when the website is saved to an iPad's home screen.</p> <p>Don't worry too much about implementing all these types of icon right now — this is a fairly advanced feature, and you won't be expected to have knowledge of this to progress through the course. The main purpose here is to let you know what such things are, in case you come across them while browsing other websites' source code.</p> diff --git a/files/vi/web/html/element/header/index.html b/files/vi/web/html/element/header/index.html index 6b3f3a7ecc..3f7c96c7a5 100644 --- a/files/vi/web/html/element/header/index.html +++ b/files/vi/web/html/element/header/index.html @@ -54,7 +54,7 @@ translation_of: Web/HTML/Element/header <h1 id="Main_Page_Title">Main Page Title</h1> -<h2 id="sect1"><img alt="MDN" src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png"></h2> +<h2 id="sect1"><img alt="MDN" src="https://developer.mozilla.org/static/img/favicon144.png"></h2> <h2 id="Specifications">Specifications</h2> diff --git a/files/zh-cn/glossary/idempotent/index.html b/files/zh-cn/glossary/idempotent/index.html index e0dde60f23..ba2604eb38 100644 --- a/files/zh-cn/glossary/idempotent/index.html +++ b/files/zh-cn/glossary/idempotent/index.html @@ -21,14 +21,14 @@ GET /pageX HTTP/1.1 GET /pageX HTTP/1.1 </pre> -<p><code>POST /add_row HTTP/1.1</code> 是幂等的。如果调用多次，就会增加多行记录：</p> +<p><code>POST /add_row HTTP/1.1</code> 不是幂等的。如果调用多次，就会增加多行记录：</p> <pre class="notranslate">POST /add_row HTTP/1.1 POST /add_row HTTP/1.1 -> Adds a 2nd row POST /add_row HTTP/1.1 -> Adds a 3rd row </pre> -<p><code>DELETE /idX/delete HTTP/1.1</code> 幂等的，即便是不同请求之间接收到的状态码不一样：</p> +<p><code>DELETE /idX/delete HTTP/1.1</code> 是幂等的，即便是不同请求之间接收到的状态码不一样：</p> <pre class="notranslate">DELETE /idX/delete HTTP/1.1 -> Returns 200 if idX exists DELETE /idX/delete HTTP/1.1 -> Returns 404 as it just got deleted diff --git a/files/zh-cn/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/zh-cn/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index e61085147b..a5c51b3ff8 100644 --- a/files/zh-cn/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ b/files/zh-cn/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -159,7 +159,7 @@ Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."& <p>例如，Facebook 编写的元数据协议 <a href="http://ogp.me/">Open Graph Data</a> 为网站提供了更丰富的元数据。在 MDN 源代码中，你会发现：</p> -<pre class="brush: html notranslate"><meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png"> +<pre class="brush: html notranslate"><meta property="og:image" content="https://developer.mozilla.org/static/img/opengraph-logo.png"> <meta property="og:description" content="The Mozilla Developer Network (MDN) provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> @@ -191,15 +191,15 @@ and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> <p>如今还有很多其他的图标类型可以考虑。 例如，你可以在 MDN 主页的源代码中找到它：</p> <pre class="brush: html notranslate"><!-- third-generation iPad with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png"> +<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.mozilla.org/static/img/favicon144.png"> <!-- iPhone with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.cdn.mozilla.net/static/img/favicon114.0e9fabd44f85.png"> +<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.mozilla.org/static/img/favicon114.png"> <!-- first- and second-generation iPad: --> -<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.cdn.mozilla.net/static/img/favicon72.8ff9d87c82a0.png"> +<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.mozilla.org/static/img/favicon72.png"> <!-- non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --> -<link rel="apple-touch-icon-precomposed" href="https://developer.cdn.mozilla.net/static/img/favicon57.a2490b9a2d76.png"> +<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon57.png"> <!-- basic favicon --> -<link rel="shortcut icon" href="https://developer.cdn.mozilla.net/static/img/favicon32.e02854fdcf73.png"></pre> +<link rel="shortcut icon" href="https://developer.mozilla.org/static/img/favicon32.png"></pre> <p>这些注释解释了每个图标的用途 - 这些元素涵盖的东西提供一个高分辨率图标，这些高分辨率图标当网站保存到iPad的主屏幕时使用。</p> diff --git a/files/zh-cn/web/css/background-repeat/index.html b/files/zh-cn/web/css/background-repeat/index.html index 897b4786c7..0f8a1d6291 100644 --- a/files/zh-cn/web/css/background-repeat/index.html +++ b/files/zh-cn/web/css/background-repeat/index.html @@ -163,7 +163,7 @@ div { /* Multiple images */ .five { background-image: url(https://mdn.mozillademos.org/files/12005/starsolid.gif), - url(https://developer.cdn.mozilla.net/media/redesign/img/favicon32.png); + url(https://developer.mozilla.org/static/img/favicon32.png); background-repeat: repeat-x, repeat-y; height: 144px; diff --git a/files/zh-cn/web/html/element/figure/index.html b/files/zh-cn/web/html/element/figure/index.html index 5c2e101c81..d8a8dbe65b 100644 --- a/files/zh-cn/web/html/element/figure/index.html +++ b/files/zh-cn/web/html/element/figure/index.html @@ -64,14 +64,14 @@ translation_of: Web/HTML/Element/figure <pre class="brush: html"><!-- Just an image --> <figure> <img - src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" + src="https://developer.mozilla.org/static/img/favicon144.png" alt="A robotic monster over the letters MDN."> </figure> <!-- Image with a caption --> <figure> <img - src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" + src="https://developer.mozilla.org/static/img/favicon144.png" alt="A robotic monster over the letters MDN."> <figcaption>MDN Logo</figcaption> </figure> diff --git a/files/zh-cn/web/html/element/menuitem/index.html b/files/zh-cn/web/html/element/menuitem/index.html index 74bda2d9d9..18605f55a0 100644 --- a/files/zh-cn/web/html/element/menuitem/index.html +++ b/files/zh-cn/web/html/element/menuitem/index.html @@ -85,7 +85,7 @@ translation_of: Web/HTML/Element/menuitem <menu type="context" id="popup-menu"> <menuitem type="checkbox" checked>Checkbox</menuitem> <hr> - <menuitem type="command" label="This command does nothing" icon="https://developer.cdn.mozilla.net/static/img/favicon144.png"> + <menuitem type="command" label="This command does nothing" icon="https://developer.mozilla.org/static/img/favicon144.png"> Commands don't render their contents. </menuitem> <menuitem type="command" label="This command has javascript" onclick="alert('command clicked')"> diff --git a/files/zh-cn/web/http/basics_of_http/evolution_of_http/index.html b/files/zh-cn/web/http/basics_of_http/evolution_of_http/index.html index 8b35e66cfa..de63f462e7 100644 --- a/files/zh-cn/web/http/basics_of_http/evolution_of_http/index.html +++ b/files/zh-cn/web/http/basics_of_http/evolution_of_http/index.html @@ -118,7 +118,7 @@ Vary: Cookie, Accept-Encoding GET /static/img/header-background.png HTTP/1.1 -Host: developer.cdn.mozilla.net +Host: developer.mozilla.org User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:50.0) Gecko/20100101 Firefox/50.0 Accept: */* Accept-Language: en-US,en;q=0.5 diff --git a/files/zh-cn/web/http/headers/host/index.html b/files/zh-cn/web/http/headers/host/index.html index a7264922d4..b5498fd546 100644 --- a/files/zh-cn/web/http/headers/host/index.html +++ b/files/zh-cn/web/http/headers/host/index.html @@ -42,7 +42,7 @@ translation_of: Web/HTTP/Headers/Host <h2 id="示例">示例</h2> -<pre class="notranslate">Host: developer.cdn.mozilla.net</pre> +<pre class="notranslate">Host: developer.mozilla.org</pre> <h2 id="规范">规范</h2> diff --git a/files/zh-tw/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/zh-tw/learn/html/introduction_to_html/the_head_metadata_in_html/index.html index db41ab4ec4..d10c631c4c 100644 --- a/files/zh-tw/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ b/files/zh-tw/learn/html/introduction_to_html/the_head_metadata_in_html/index.html @@ -152,7 +152,7 @@ Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."& <p>For example, <a href="http://ogp.me/">Open Graph Data</a> is a metadata protocol that Facebook invented to provide richer metadata for websites. In the MDN sourcecode, you'll find this:</p> -<pre class="brush: html"><meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png"> +<pre class="brush: html"><meta property="og:image" content="https://developer.mozilla.org/static/img/opengraph-logo.png"> <meta property="og:description" content="The Mozilla Developer Network (MDN) provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> @@ -186,15 +186,15 @@ and HTML5 Apps. It also documents Mozilla products, like Firefox OS."> <p>There are lots of other icon types to consider these days as well. For example, you'll find this in the source code of the MDN homepage:</p> <pre class="brush: html"><!-- third-generation iPad with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png"> +<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.mozilla.org/static/img/favicon144.png"> <!-- iPhone with high-resolution Retina display: --> -<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.cdn.mozilla.net/static/img/favicon114.0e9fabd44f85.png"> +<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.mozilla.org/static/img/favicon114.png"> <!-- first- and second-generation iPad: --> -<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.cdn.mozilla.net/static/img/favicon72.8ff9d87c82a0.png"> +<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.mozilla.org/static/img/favicon72.png"> <!-- non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --> -<link rel="apple-touch-icon-precomposed" href="https://developer.cdn.mozilla.net/static/img/favicon57.a2490b9a2d76.png"> +<link rel="apple-touch-icon-precomposed" href="https://developer.mozilla.org/static/img/favicon57.png"> <!-- basic favicon --> -<link rel="shortcut icon" href="https://developer.cdn.mozilla.net/static/img/favicon32.e02854fdcf73.png"></pre> +<link rel="shortcut icon" href="https://developer.mozilla.org/static/img/favicon32.png"></pre> <p>The comments explain what each icon is used for — these elements cover things like providing a nice high resolution icon to use when the website is saved to an iPad's home screen.</p> |