From 88dda3c00eefc18a29447e99ebd3177925602b52 Mon Sep 17 00:00:00 2001 From: julieng Date: Mon, 1 Nov 2021 07:51:45 +0100 Subject: convert content to md --- files/fr/web/svg/element/switch/index.md | 147 ++++++++++++++----------------- 1 file changed, 65 insertions(+), 82 deletions(-) (limited to 'files/fr/web/svg/element/switch') diff --git a/files/fr/web/svg/element/switch/index.md b/files/fr/web/svg/element/switch/index.md index 60504ccf7a..dc44f26695 100644 --- a/files/fr/web/svg/element/switch/index.md +++ b/files/fr/web/svg/element/switch/index.md @@ -7,85 +7,68 @@ tags: - SVG Conteneur translation_of: Web/SVG/Element/switch --- -
{{SVGRef}}
- -

L'élément switch évalue les attributs {{ SVGAttr("requiredFeatures") }}, {{ SVGAttr("requiredExtensions") }} et {{ SVGAttr("systemLanguage") }} de ses éléments enfants directs, dans l'ordre, puis affiche le premier élément pour lequel les attributs renvoient true. Tous les autres seront ignorés et donc non affichés. Si l'élément enfant est un élément conteneur tel que {{ SVGElement("g") }}, alors l'intégralité du contenu de cet enfant est soit traité/rendu soit ignoré/non rendu.

- -

Notez que la valeur des propriétés display et visibility n'ont aucun effet sur le traitement du switch. En particulier, appliquer une propriété display à none sur l'élément enfant d'un switch n'a aucun effet sur le résultat du test true/false associé au traitement des éléments par le switch.

- -

Contexte d'utilisation

- -

{{svginfo}}

- -

Attributs

- -

Attributs globaux

- - - -

Interface DOM

- -

Cet élément implémente l'interface SVGSwitchElement.

- -

Exemple

- -

Cet exemple montre comment afficher un texte différent selon les paramètres de langue du navigateur. L'élément switch affichera le premier élément enfant dont l'attribut systemLanguage correspond au language de l'utilisateur, ou l'élément sans attribut systemLanguage si aucun ne correspond.

- -

HTML

- -
<svg width="100%" viewBox="0 -20 100 50">
-   <switch>
-      <text systemLanguage="ar">مرحبا</text>
-      <text systemLanguage="de,nl">Hallo!</text>
-      <text systemLanguage="en">Hello!</text>
-      <text systemLanguage="en-us">Howdy!</text>
-      <text systemLanguage="en-gb">Wotcha!</text>
-      <text systemLanguage="en-au">G'day!</text>
-      <text systemLanguage="es">Hola!</text>
-      <text systemLanguage="fr">Bonjour!</text>
-      <text systemLanguage="ja">こんにちは</text>
-      <text systemLanguage="ru">Привет!</text>
-      <text>☺</text>
-   </switch>
-</svg>
- -

Résultat

- -

{{ EmbedLiveSample('Exemple') }}

- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('SVG2', 'struct.html#SwitchElement', '<switch>')}}{{Spec2('SVG2')}}Clarifie l'évaluation de l'attribut {{SVGAttr("systemLanguage")}}
{{SpecName('SVG1.1', 'struct.html#SwitchElement', '<switch>')}}{{Spec2('SVG1.1')}}Définition initiale
- -

Compatibilité des navigateurs

- -

{{Compat("svg.elements.switch")}}

+{{SVGRef}} + +L'élément `switch` évalue les attributs {{ SVGAttr("requiredFeatures") }}, {{ SVGAttr("requiredExtensions") }} et {{ SVGAttr("systemLanguage") }} de ses éléments enfants directs, dans l'ordre, puis affiche le premier élément pour lequel les attributs renvoient `true`. Tous les autres seront ignorés et donc non affichés. Si l'élément enfant est un élément conteneur tel que {{ SVGElement("g") }}, alors l'intégralité du contenu de cet enfant est soit traité/rendu soit ignoré/non rendu. + +Notez que la valeur des propriétés `display` et `visibility` n'ont aucun effet sur le traitement du `switch`. En particulier, appliquer une propriété `display` à `none` sur l'élément enfant d'un `switch` n'a aucun effet sur le résultat du test `true/false` associé au traitement des éléments par le `switch`. + +## Contexte d'utilisation + +{{svginfo}} + +## Attributs + +### Attributs globaux + +- [Attributs de traitement conditionnel](/fr/docs/Web/SVG/Attribute#Attributs_de_traitement_conditionnel "en/SVG/Attribute#ConditionalProccessing") +- [Attributs de base](/fr/docs/Web/SVG/Attribute#Attributs_de_base "en/SVG/Attribute#Core") +- [Attributs d'événements graphiques](/fr/docs/Web/SVG/Attribute#Événement_graphiques "en/SVG/Attribute#GraphicalEvent") +- [Attributs de présentation](/fr/docs/Web/SVG/Attribute#Attributs_de_présentation "en/SVG/Attribute#Presentation") +- {{ SVGAttr("class") }} +- {{ SVGAttr("style") }} +- {{ SVGAttr("externalResourcesRequired") }} +- {{ SVGAttr("transform") }} + +## Interface DOM + +Cet élément implémente l'interface [`SVGSwitchElement`](/fr/docs/DOM/SVGSwitchElement "en/DOM/SVGSwitchElement"). + +## Exemple + +Cet exemple montre comment afficher un texte différent selon les paramètres de langue du navigateur. L'élément `switch` affichera le premier élément enfant dont l'attribut `systemLanguage` correspond au language de l'utilisateur, ou l'élément sans attribut `systemLanguage` si aucun ne correspond. + +### HTML + +```html + + + مرحبا + Hallo! + Hello! + Howdy! + Wotcha! + G'day! + Hola! + Bonjour! + こんにちは + Привет! + ☺ + + +``` + +### Résultat + +{{ EmbedLiveSample('Exemple') }} + +## Spécifications + +| Spécification | Statut | Commentaire | +| -------------------------------------------------------------------------------------------- | ------------------------ | ---------------------------------------------------------------------------- | +| {{SpecName('SVG2', 'struct.html#SwitchElement', '<switch>')}} | {{Spec2('SVG2')}} | Clarifie l'évaluation de l'attribut {{SVGAttr("systemLanguage")}} | +| {{SpecName('SVG1.1', 'struct.html#SwitchElement', '<switch>')}} | {{Spec2('SVG1.1')}} | Définition initiale | + +## Compatibilité des navigateurs + +{{Compat("svg.elements.switch")}} -- cgit v1.2.3-54-g00ecf