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/intersectionobserverentry/index.html | 60 ---------------------- .../fr/web/api/intersectionobserverentry/index.md | 60 ++++++++++++++++++++++ .../intersectionobserverentry/target/index.html | 58 --------------------- .../api/intersectionobserverentry/target/index.md | 58 +++++++++++++++++++++ 4 files changed, 118 insertions(+), 118 deletions(-) delete mode 100644 files/fr/web/api/intersectionobserverentry/index.html create mode 100644 files/fr/web/api/intersectionobserverentry/index.md delete mode 100644 files/fr/web/api/intersectionobserverentry/target/index.html create mode 100644 files/fr/web/api/intersectionobserverentry/target/index.md (limited to 'files/fr/web/api/intersectionobserverentry') diff --git a/files/fr/web/api/intersectionobserverentry/index.html b/files/fr/web/api/intersectionobserverentry/index.html deleted file mode 100644 index 9b5b7a250e..0000000000 --- a/files/fr/web/api/intersectionobserverentry/index.html +++ /dev/null @@ -1,60 +0,0 @@ ---- -title: IntersectionObserverEntry -slug: Web/API/IntersectionObserverEntry -tags: - - API - - Interface - - Intersection Observer - - IntersectionObserver - - IntersectionObserverEntry -translation_of: Web/API/IntersectionObserverEntry ---- -
{{SeeCompatTable}}{{APIRef("Intersection Observer API")}}
- -

L'interface IntersectionObserverEntry de l'API Intersection Observer décrit l'intersection entre l'élément cible et son conteneur (appelé racine) à un moment spécifique de transition.

- -

Les instances de IntersectionObserverEntry sont délivrées à une fonction de rappel de l'{{domxref("IntersectionObserver")}} en tant que paramètres entries ; autrement, ces objets ne peuvent être obtenus qu'en appelant {{domxref("IntersectionObserver.takeRecords()")}}.

- -

Propriétés

- -
-
{{domxref("IntersectionObserverEntry.boundingClientRect")}} {{readonlyinline}}
-
Retourne les limites de la zone couverte par l'élément cible comme {{domxref("DOMRectReadOnly")}}. Ces limites sont calculées comme décrit dans la documentation pour {{domxref("Element.getBoundingClientRect()")}}.
-
{{domxref("IntersectionObserverEntry.intersectionRatio")}} {{readonlyinline}}
-
Retourne le ratio de l'intersectionRect au boundingClientRect.
-
{{domxref("IntersectionObserverEntry.intersectionRect")}} {{readonlyinline}}
-
Retourne un {{domxref("DOMRectReadOnly")}} représentant la partie visible de l'élément cible.
-
{{domxref("IntersectionObserverEntry.isIntersecting")}} {{ReadOnlyInline}}
-
Retourne une valeur booléenne valant true si l'élément cible s'entrecoupe avec la zone d'intersection de l'élément racine. S'il vaut true, alors IntersectionObserverEntry décrit une transition vers un état d'intersection ;  S'il vaut false, alors la transition se fait d'un état d'intersection à un état de non-intersection.
-
{{domxref("IntersectionObserverEntry.rootBounds")}} {{readonlyinline}}
-
Retourne un {{domxref("DOMRectReadOnly")}} pour la zone d'intersection de l'élément racine.
-
{{domxref("IntersectionObserverEntry.target")}} {{ReadOnlyInline}}
-
L'{{domxref("Element")}} dont l'intersection avec la racine a changé d'état.
-
{{domxref("IntersectionObserverEntry.time")}} {{readonlyinline}}
-
Un {{domxref("DOMHighResTimeStamp")}} indiquant l'instant auquel l'intersection a été enregistrée, relative au temps originel de l'IntersectionObserver.
-
- -

Méthodes

- -

Cette interface n'a pas de méthode.

- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('IntersectionObserver','#intersection-observer-entry','IntersectionObserverEntry')}}{{Spec2('IntersectionObserver')}}Définition initiale
- -

Compatibilité des navigateurs

- -

{{Compat("api.IntersectionObserverEntry")}}

diff --git a/files/fr/web/api/intersectionobserverentry/index.md b/files/fr/web/api/intersectionobserverentry/index.md new file mode 100644 index 0000000000..9b5b7a250e --- /dev/null +++ b/files/fr/web/api/intersectionobserverentry/index.md @@ -0,0 +1,60 @@ +--- +title: IntersectionObserverEntry +slug: Web/API/IntersectionObserverEntry +tags: + - API + - Interface + - Intersection Observer + - IntersectionObserver + - IntersectionObserverEntry +translation_of: Web/API/IntersectionObserverEntry +--- +
{{SeeCompatTable}}{{APIRef("Intersection Observer API")}}
+ +

L'interface IntersectionObserverEntry de l'API Intersection Observer décrit l'intersection entre l'élément cible et son conteneur (appelé racine) à un moment spécifique de transition.

+ +

Les instances de IntersectionObserverEntry sont délivrées à une fonction de rappel de l'{{domxref("IntersectionObserver")}} en tant que paramètres entries ; autrement, ces objets ne peuvent être obtenus qu'en appelant {{domxref("IntersectionObserver.takeRecords()")}}.

+ +

Propriétés

+ +
+
{{domxref("IntersectionObserverEntry.boundingClientRect")}} {{readonlyinline}}
+
Retourne les limites de la zone couverte par l'élément cible comme {{domxref("DOMRectReadOnly")}}. Ces limites sont calculées comme décrit dans la documentation pour {{domxref("Element.getBoundingClientRect()")}}.
+
{{domxref("IntersectionObserverEntry.intersectionRatio")}} {{readonlyinline}}
+
Retourne le ratio de l'intersectionRect au boundingClientRect.
+
{{domxref("IntersectionObserverEntry.intersectionRect")}} {{readonlyinline}}
+
Retourne un {{domxref("DOMRectReadOnly")}} représentant la partie visible de l'élément cible.
+
{{domxref("IntersectionObserverEntry.isIntersecting")}} {{ReadOnlyInline}}
+
Retourne une valeur booléenne valant true si l'élément cible s'entrecoupe avec la zone d'intersection de l'élément racine. S'il vaut true, alors IntersectionObserverEntry décrit une transition vers un état d'intersection ;  S'il vaut false, alors la transition se fait d'un état d'intersection à un état de non-intersection.
+
{{domxref("IntersectionObserverEntry.rootBounds")}} {{readonlyinline}}
+
Retourne un {{domxref("DOMRectReadOnly")}} pour la zone d'intersection de l'élément racine.
+
{{domxref("IntersectionObserverEntry.target")}} {{ReadOnlyInline}}
+
L'{{domxref("Element")}} dont l'intersection avec la racine a changé d'état.
+
{{domxref("IntersectionObserverEntry.time")}} {{readonlyinline}}
+
Un {{domxref("DOMHighResTimeStamp")}} indiquant l'instant auquel l'intersection a été enregistrée, relative au temps originel de l'IntersectionObserver.
+
+ +

Méthodes

+ +

Cette interface n'a pas de méthode.

+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('IntersectionObserver','#intersection-observer-entry','IntersectionObserverEntry')}}{{Spec2('IntersectionObserver')}}Définition initiale
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.IntersectionObserverEntry")}}

diff --git a/files/fr/web/api/intersectionobserverentry/target/index.html b/files/fr/web/api/intersectionobserverentry/target/index.html deleted file mode 100644 index 7ac31d8a3c..0000000000 --- a/files/fr/web/api/intersectionobserverentry/target/index.html +++ /dev/null @@ -1,58 +0,0 @@ ---- -title: IntersectionObserverEntry.target -slug: Web/API/IntersectionObserverEntry/target -tags: - - API - - Intersection Observer - - IntersectionObserver - - Propriété - - target -translation_of: Web/API/IntersectionObserverEntry/target ---- -
{{APIRef("Intersection Observer API")}}{{SeeCompatTable}}
- -

La propriété en lecture seule target de l'interface {{domxref("IntersectionObserverEntry")}} indique quel {{domxref("Element")}} ciblé a changé sa proportion d'intersection avec l'élément racine.

- -

Syntaxe

- -
var target = IntersectionObserverEntry.target;
-
- -

Valeur

- -

La propriété target de l'IntersectionObserverEntry spécifie quel {{domxref("Element")}} précédemment ciblé par l'appel à {{domxref("IntersectionObserver.observe()")}} dont l'intersection avec la racine a changé.

- -

Exemple

- -

Dans cet exemple, la valeur de la propriété CSS {{cssxref("opacity")}} de chaque élément cible vaut son {{domxref("IntersectionObserverEntry.intersectionRatio", "intersectionRatio")}}.

- -
function intersectionCallback(entries) {
-  entries.forEach(function(entry) {
-    entry.target.opacity = entry.intersectionRatio;
-  });
-}
- -

Ainsi, l'élément devient visible seulement lorsqu'il est entièrement visible, c'est-à-dire que la zone qu'il couvre est contenue dans celle de la racine. Autrement, son opacité diminue graduellement avec sa proportion d'intersection avec son élément racine.

- -

Pour voir un exemple plus concret, vous pouvez vous renseigner sur l'{{SectionOnPage("/en-US/docs/Web/API/Intersection_Observer_API/Timing_element_visibility", "Handling intersection changes")}}.

- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('IntersectionObserver', '#dom-intersectionobserverentry-target', 'IntersectionObserverEntry.target')}}{{Spec2('IntersectionObserver')}}Définition initiale
- -

Compatibilité des navigateurs

- -

{{Compat("api.IntersectionObserverEntry.target")}}

diff --git a/files/fr/web/api/intersectionobserverentry/target/index.md b/files/fr/web/api/intersectionobserverentry/target/index.md new file mode 100644 index 0000000000..7ac31d8a3c --- /dev/null +++ b/files/fr/web/api/intersectionobserverentry/target/index.md @@ -0,0 +1,58 @@ +--- +title: IntersectionObserverEntry.target +slug: Web/API/IntersectionObserverEntry/target +tags: + - API + - Intersection Observer + - IntersectionObserver + - Propriété + - target +translation_of: Web/API/IntersectionObserverEntry/target +--- +
{{APIRef("Intersection Observer API")}}{{SeeCompatTable}}
+ +

La propriété en lecture seule target de l'interface {{domxref("IntersectionObserverEntry")}} indique quel {{domxref("Element")}} ciblé a changé sa proportion d'intersection avec l'élément racine.

+ +

Syntaxe

+ +
var target = IntersectionObserverEntry.target;
+
+ +

Valeur

+ +

La propriété target de l'IntersectionObserverEntry spécifie quel {{domxref("Element")}} précédemment ciblé par l'appel à {{domxref("IntersectionObserver.observe()")}} dont l'intersection avec la racine a changé.

+ +

Exemple

+ +

Dans cet exemple, la valeur de la propriété CSS {{cssxref("opacity")}} de chaque élément cible vaut son {{domxref("IntersectionObserverEntry.intersectionRatio", "intersectionRatio")}}.

+ +
function intersectionCallback(entries) {
+  entries.forEach(function(entry) {
+    entry.target.opacity = entry.intersectionRatio;
+  });
+}
+ +

Ainsi, l'élément devient visible seulement lorsqu'il est entièrement visible, c'est-à-dire que la zone qu'il couvre est contenue dans celle de la racine. Autrement, son opacité diminue graduellement avec sa proportion d'intersection avec son élément racine.

+ +

Pour voir un exemple plus concret, vous pouvez vous renseigner sur l'{{SectionOnPage("/en-US/docs/Web/API/Intersection_Observer_API/Timing_element_visibility", "Handling intersection changes")}}.

+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('IntersectionObserver', '#dom-intersectionobserverentry-target', 'IntersectionObserverEntry.target')}}{{Spec2('IntersectionObserver')}}Définition initiale
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.IntersectionObserverEntry.target")}}

-- cgit v1.2.3-54-g00ecf