From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- .../fr/web/api/intersectionobserverentry/index.md | 85 +++++++++------------- .../api/intersectionobserverentry/target/index.md | 50 +++++-------- 2 files changed, 56 insertions(+), 79 deletions(-) (limited to 'files/fr/web/api/intersectionobserverentry') diff --git a/files/fr/web/api/intersectionobserverentry/index.md b/files/fr/web/api/intersectionobserverentry/index.md index 9b5b7a250e..cb495920d8 100644 --- a/files/fr/web/api/intersectionobserverentry/index.md +++ b/files/fr/web/api/intersectionobserverentry/index.md @@ -9,52 +9,39 @@ tags: - 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")}}

+{{SeeCompatTable}}{{APIRef("Intersection Observer API")}} + +L'interface **`IntersectionObserverEntry`** de l'[API Intersection Observer](/en-US/docs/Web/API/Intersection_Observer_API) 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](/en-US/docs/Web/API/DOMHighResTimeStamp#The_time_origin) de l'`IntersectionObserver`. + +## Méthodes + +_Cette interface n'a pas de méthode._ + +## Spécifications + +| Spécification | Statut | Commentaire | +| -------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------- | +| {{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.md b/files/fr/web/api/intersectionobserverentry/target/index.md index 7ac31d8a3c..028dfae968 100644 --- a/files/fr/web/api/intersectionobserverentry/target/index.md +++ b/files/fr/web/api/intersectionobserverentry/target/index.md @@ -9,50 +9,40 @@ tags: - target translation_of: Web/API/IntersectionObserverEntry/target --- -
{{APIRef("Intersection Observer API")}}{{SeeCompatTable}}
+{{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.

+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

+## Syntaxe -
var target = IntersectionObserverEntry.target;
-
+ var target = IntersectionObserverEntry.target; -

Valeur

+### 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é.

+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

+## Exemple -

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

+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) {
+```js
+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.

+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")}}.

+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écifications - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('IntersectionObserver', '#dom-intersectionobserverentry-target', 'IntersectionObserverEntry.target')}}{{Spec2('IntersectionObserver')}}Définition initiale
+| Spécification | Statut | Commentaire | +| -------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | ------------------- | +| {{SpecName('IntersectionObserver', '#dom-intersectionobserverentry-target', 'IntersectionObserverEntry.target')}} | {{Spec2('IntersectionObserver')}} | Définition initiale | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

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

+{{Compat("api.IntersectionObserverEntry.target")}} -- cgit v1.2.3-54-g00ecf