diff options
author | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-11-05 15:44:38 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-11-05 15:44:38 +0100 |
commit | 79843297a1d97045c504575ab9a6a29b3af8ffae (patch) | |
tree | ac5d42490285f37fb933ca83034505ecdd784dc9 /files/fr/web/api/document_object_model | |
parent | 086e7141b8da9a5c008353582b8f72d7b5cda5b4 (diff) | |
download | translated-content-79843297a1d97045c504575ab9a6a29b3af8ffae.tar.gz translated-content-79843297a1d97045c504575ab9a6a29b3af8ffae.tar.bz2 translated-content-79843297a1d97045c504575ab9a6a29b3af8ffae.zip |
Fixes #2842 - Fixing EmbedLiveSample errors for fr docs (#2851)
* Fixes #2842 for CSS pages
* Fixes #2842 for Web API pages
* Fixes #2842 for other sections
* Fix EmbedLiveSample for moved CSS page
* Fixes #2842 for conflicting / orphaned docs
Diffstat (limited to 'files/fr/web/api/document_object_model')
2 files changed, 8 insertions, 18 deletions
diff --git a/files/fr/web/api/document_object_model/traversing_an_html_table_with_javascript_and_dom_interfaces/index.md b/files/fr/web/api/document_object_model/traversing_an_html_table_with_javascript_and_dom_interfaces/index.md index 78199ae55a..680aae3ece 100644 --- a/files/fr/web/api/document_object_model/traversing_an_html_table_with_javascript_and_dom_interfaces/index.md +++ b/files/fr/web/api/document_object_model/traversing_an_html_table_with_javascript_and_dom_interfaces/index.md @@ -2,11 +2,6 @@ title: Explorer un tableau HTML avec des interfaces DOM et JavaScript slug: >- Web/API/Document_Object_Model/Traversing_an_HTML_table_with_JavaScript_and_DOM_Interfaces -tags: - - DOM - - Guide - - HTML - - JavaScript translation_of: >- Web/API/Document_Object_Model/Traversing_an_HTML_table_with_JavaScript_and_DOM_Interfaces original_slug: Explorer_un_tableau_HTML_avec_des_interfaces_DOM_et_JavaScript @@ -17,7 +12,7 @@ Cet article propose une vue d'ensemble de certaines méthodes DOM Level 1 fondam > **Note :**Les méthodes décrites ici font partie de la spécification Document Object Model level 1 (Core). DOM level 1 comprend des méthodes destinées à l'accès et à la manipulation des documents (DOM 1 core) ainsi que des méthodes spécifiques aux documents HTML (DOM 1 HTML). -## Exemple: Création d'un tableau HTML dynamiquement (`Sample1.html`) +## Création d'un tableau HTML dynamiquement ### Contenu HTML @@ -64,7 +59,7 @@ function generate_table() { } ``` -{{ EmbedLiveSample('Overview_of_Sample1.html') }} +{{ EmbedLiveSample('Création_d\'un_tableau_HTML_dynamiquement') }} Remarquez l'ordre dans lequel les éléments et le nœud texte sont créés : @@ -113,7 +108,7 @@ Voici l'arborescence objet DOM créée par le code, pour l'élément TABLE et se Vous pouvez construire ce tableau ainsi que ses éléments enfants internes en utilisant juste quelques méthodes DOM. Conservez à l'esprit le modèle en arbre des structures que vous comptez créer, cela rendra plus facile l'écriture du code nécessaire. Dans l'arbre \<table> de la figure 1, l'élément \<table> a un enfant, l'élément \<tbody>, qui lui-même a deux enfants \<tr>, qui à leur tour ont chacun un enfant \<td>. Enfin, chacun de ces éléments \<td> a un enfant, un nœud texte. -## Exemple : Définition de la couleur d'arrière-plan d'un paragraphe +## Définition de la couleur d'arrière-plan d'un paragraphe `getElementsByTagName` est à la fois une méthode de l'interface Document et de l'interface Element. Lorsqu'il est appelé, il renvoie un tableau avec tous les descendants de l'élément correspondant au nom de l'étiquette. Le premier élément de la liste se trouve à la position \[0] dans le tableau. @@ -144,13 +139,13 @@ function set_background() { } ``` -{{ EmbedLiveSample('Setting_background_of_a_paragraph') }} +{{ EmbedLiveSample('Définition_de_la_couleur_d\'arrière-plan_d\'un_paragraphe') }} Dans cet exemple, on assigne à la variable `myP` l'objet DOM du second élément `p` du corps (body). 1. On récupère d'abord une liste de tous les éléments body avec - ```html + ```js myBody = document.getElementsByTagName("body")[0] ``` @@ -158,13 +153,13 @@ Dans cet exemple, on assigne à la variable `myP` l'objet DOM du second élémen 2. Ensuite, on récupère tous les éléments p qui sont des enfants de body en utilisant - ```html + ```js myBodyElements = myBody.getElementsByTagName("p"); ``` 3. Pour finir on prend le deuxième élément de la liste des éléments p avec - ```html + ```js myP = myBodyElements[1]; ``` diff --git a/files/fr/web/api/document_object_model/using_the_w3c_dom_level_1_core/index.md b/files/fr/web/api/document_object_model/using_the_w3c_dom_level_1_core/index.md index 0348ed4df2..99b70402e6 100644 --- a/files/fr/web/api/document_object_model/using_the_w3c_dom_level_1_core/index.md +++ b/files/fr/web/api/document_object_model/using_the_w3c_dom_level_1_core/index.md @@ -1,11 +1,6 @@ --- title: Utilisation du DOM Level 1 Core du W3C slug: Web/API/Document_object_model/Using_the_W3C_DOM_Level_1_Core -tags: - - Arbre - - DOM - - Noeud - - Texte translation_of: Web/API/Document_object_model/Using_the_W3C_DOM_Level_1_Core original_slug: Web/API/Document_object_model/Utilisation_du_DOM_Level_1_Core_du_W3C --- @@ -76,7 +71,7 @@ Supposons que l'auteur désire prendre le document présenté plus haut et chang } ``` -{{ EmbedLiveSample('A_simple_example', 800, 300) }} +{{ EmbedLiveSample('Un_exemple_simple', 800, 300) }} Vous pouvez voir ce script dans [un exemple complet](http://www.mozilla.org/docs/dom/technote/intro/example.html). |