From c05efa8d7ae464235cf83d7c0956e42dc6974103 Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:14 +0200 Subject: move *.html to *.md --- .../web/api/document/mozsetimageelement/index.html | 81 ---------------------- .../web/api/document/mozsetimageelement/index.md | 81 ++++++++++++++++++++++ 2 files changed, 81 insertions(+), 81 deletions(-) delete mode 100644 files/fr/web/api/document/mozsetimageelement/index.html create mode 100644 files/fr/web/api/document/mozsetimageelement/index.md (limited to 'files/fr/web/api/document/mozsetimageelement') diff --git a/files/fr/web/api/document/mozsetimageelement/index.html b/files/fr/web/api/document/mozsetimageelement/index.html deleted file mode 100644 index aa70b99736..0000000000 --- a/files/fr/web/api/document/mozsetimageelement/index.html +++ /dev/null @@ -1,81 +0,0 @@ ---- -title: Document.mozSetImageElement() -slug: Web/API/Document/mozSetImageElement -tags: - - API - - Arrière-plan - - CSS - - DOM - - Image - - Méthodes -translation_of: Web/API/Document/mozSetImageElement ---- -

{{ ApiRef("DOM") }}

- -

{{ gecko_minversion_header("2.0") }}{{ non-standard_header() }}

- -

Change l'élément utilisé comme arrière-plan CSS par un arrière-plan avec un ID d'élément d'arrière-plan donné.

- -

Syntaxe

- -
document.mozSetImageElement(imageElementId, imageElement);
-
- -

Paramètres

- - - -

Exemple

- -

Cet exemple change l'arrière-plan d'un bloc {{ HTMLElement("div") }} chaque fois que l'utilisateur clique sur le bloc.

- -

Vue de cet exemple en direct.

- -
<style type="text/css">
-  #mybox {
-    background-image: -moz-element(#canvasbg);
-    text-align: center;
-    width: 400px;
-    height: 400px;
-    cursor: pointer;
-  }
-</style>
-
- -

Le CSS défini par le bloc {{ HTMLElement("style") }} ci-dessus est utilisé par notre {{ HTMLElement("div") }} pour afficher un élément, ayant l'id "canvasbg", en arrière-plan.

- -
var c = 0x00;
-function clicked() {
-  var canvas = document.createElement("canvas");
-  canvas.setAttribute("width", 100);
-  canvas.setAttribute("height", 100);
-
-  var ctx = canvas.getContext('2d');
-  ctx.fillStyle = "#" + c.toString(16) + "0000";
-  ctx.fillRect(25, 25, 75, 75);
-
-  c += 0x11;
-  if (c > 0xff) {
-    c = 0x00;
-  }
-
-  document.mozSetImageElement("canvasbg", canvas);
-}
-
- -

Le code ici est appelé chaque fois que l'utilisateur clique sur l'élément {{ HTMLElement("div") }}. Il crée un nouveau {{ HTMLElement("canvas") }} avec la largeur et la hauteur définies à 100 pixels et le dessine dans un carré de 50 par 50 pixels. Chaque fois que la fonction est appelée, le carré est d'une couleur différente (sa composante rouge est augmentée à chaque fois), donc chaque fois que l'utilisateur clique sur l'élément, le fond est plus lumineux et rempli d'un motif plus lumineux de carreaux rouges.

- -

Une fois le canvas dessiné, document.mozSetImageElement() est appelée pour définir l'arrière-plan de tout CSS en utilisant l'ID "canvasbg" comme ID d'élément d'arrière-plan pour être notre nouveau canvas.

- -

Spécifications

- -

Ne fait partie d'aucune spécification.

- -

Voir aussi

- - diff --git a/files/fr/web/api/document/mozsetimageelement/index.md b/files/fr/web/api/document/mozsetimageelement/index.md new file mode 100644 index 0000000000..aa70b99736 --- /dev/null +++ b/files/fr/web/api/document/mozsetimageelement/index.md @@ -0,0 +1,81 @@ +--- +title: Document.mozSetImageElement() +slug: Web/API/Document/mozSetImageElement +tags: + - API + - Arrière-plan + - CSS + - DOM + - Image + - Méthodes +translation_of: Web/API/Document/mozSetImageElement +--- +

{{ ApiRef("DOM") }}

+ +

{{ gecko_minversion_header("2.0") }}{{ non-standard_header() }}

+ +

Change l'élément utilisé comme arrière-plan CSS par un arrière-plan avec un ID d'élément d'arrière-plan donné.

+ +

Syntaxe

+ +
document.mozSetImageElement(imageElementId, imageElement);
+
+ +

Paramètres

+ + + +

Exemple

+ +

Cet exemple change l'arrière-plan d'un bloc {{ HTMLElement("div") }} chaque fois que l'utilisateur clique sur le bloc.

+ +

Vue de cet exemple en direct.

+ +
<style type="text/css">
+  #mybox {
+    background-image: -moz-element(#canvasbg);
+    text-align: center;
+    width: 400px;
+    height: 400px;
+    cursor: pointer;
+  }
+</style>
+
+ +

Le CSS défini par le bloc {{ HTMLElement("style") }} ci-dessus est utilisé par notre {{ HTMLElement("div") }} pour afficher un élément, ayant l'id "canvasbg", en arrière-plan.

+ +
var c = 0x00;
+function clicked() {
+  var canvas = document.createElement("canvas");
+  canvas.setAttribute("width", 100);
+  canvas.setAttribute("height", 100);
+
+  var ctx = canvas.getContext('2d');
+  ctx.fillStyle = "#" + c.toString(16) + "0000";
+  ctx.fillRect(25, 25, 75, 75);
+
+  c += 0x11;
+  if (c > 0xff) {
+    c = 0x00;
+  }
+
+  document.mozSetImageElement("canvasbg", canvas);
+}
+
+ +

Le code ici est appelé chaque fois que l'utilisateur clique sur l'élément {{ HTMLElement("div") }}. Il crée un nouveau {{ HTMLElement("canvas") }} avec la largeur et la hauteur définies à 100 pixels et le dessine dans un carré de 50 par 50 pixels. Chaque fois que la fonction est appelée, le carré est d'une couleur différente (sa composante rouge est augmentée à chaque fois), donc chaque fois que l'utilisateur clique sur l'élément, le fond est plus lumineux et rempli d'un motif plus lumineux de carreaux rouges.

+ +

Une fois le canvas dessiné, document.mozSetImageElement() est appelée pour définir l'arrière-plan de tout CSS en utilisant l'ID "canvasbg" comme ID d'élément d'arrière-plan pour être notre nouveau canvas.

+ +

Spécifications

+ +

Ne fait partie d'aucune spécification.

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf