diff options
Diffstat (limited to 'files/fr/web/mathml/element/maction')
| -rw-r--r-- | files/fr/web/mathml/element/maction/index.html | 230 |
1 files changed, 230 insertions, 0 deletions
diff --git a/files/fr/web/mathml/element/maction/index.html b/files/fr/web/mathml/element/maction/index.html new file mode 100644 index 0000000000..1aee31578c --- /dev/null +++ b/files/fr/web/mathml/element/maction/index.html @@ -0,0 +1,230 @@ +--- +title: maction +slug: Web/MathML/Element/maction +tags: + - MathML + - 'MathML:Element' + - 'MathML:Référence' +translation_of: Web/MathML/Element/maction +--- +<p>L'élément MathML <code><maction></code> permet de lier des actions à des (sous-)expressions.<br> + L'action est définie par l'attribut <code>actiontype</code> qui peut prendre plusieurs valeurs. Pour définir quels éléments fils sont affectés par l'action, il est possible d'utiliser l'attribut <code>selection</code>.</p> +<h2 id="Attributs">Attributs</h2> +<dl> + <dt id="attr-actiontype"> + actiontype</dt> + <dd> + L'action qui se produit pour cet élément. Les valeurs possibles sont : + <ul> + <li><code>statusline</code> : S'il y a un clic sur l'<em>expression</em> ou que le lecteur passe la souris sur celle-ci, le <em>message</em> est envoyé au statut du navigateur (<em>status line</em>). La syntaxe est la suivante : <code><maction actiontype="statusline"> <em>expression</em> <em>message</em> </maction>.</code></li> + <li><code>toggle</code> : Quand il y a un clic sur la sous-expression, la mise en forme des sous-expressions sélectionnées change. Ainsi chaque clic augmente la valeur de <code>selection</code>.<br> + La syntaxe est la suivante : <code><maction actiontype="toggle" selection="<em>entier-positif</em>" > <em>expression1</em> <em>expression2</em> <em>expressionN</em> </maction></code>.</li> + <li><code>tooltip</code> : Lorsque la souris passe au-dessus de l'<em>expression</em>, une info-bulle est affichée à proximité de l'expression.<br> + La syntaxe est la suivante :<code> <maction actiontype="tooltip"> <em>expression</em> <em>message</em> </maction>.</code></li> + </ul> + </dd> + <dt id="attr-class-id-style"> + class, id, style</dt> + <dd> + Afin d'être utilisés avec les <a href="/fr/docs/CSS">feuilles de styles</a>.</dd> + <dt id="attr-href"> + href</dt> + <dd> + Un hyperlien pointant vers un URI donné.</dd> + <dt id="attr-mathbackground"> + mathbackground</dt> + <dd> + La couleur de fond. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> + <dt id="attr-mathcolor"> + mathcolor</dt> + <dd> + La couleur du texte. Il est possible d'utiliser les codes au format <code>#rgb</code>, <code>#rrggbb</code> et les <a href="/fr/docs/CSS/valeur_de_couleur#Mots-cl.C3.A9s">noms de couleurs HTML</a>.</dd> + <dt id="attr-selection"> + selection</dt> + <dd> + L'élément fils auquel s'applique l'action. La valeur par défaut est <code>1</code>, ce qui correspond au premier élément fils.</dd> +</dl> +<h2 id="Exemples">Exemples</h2> +<pre class="brush: html"><math> + +<maction actiontype="toggle"> + + <mfrac> + <mn>6</mn> + <mn>8</mn> + </mfrac> + + <mfrac> + <mrow> + <mn>3</mn> + <mo>&sdot;</mo> + <mn>2</mn> + </mrow> + <mrow> + <mn>4</mn> + <mo>&sdot;</mo> + <mn>2</mn> + </mrow> + </mfrac> + + <mfrac> + <mn>3</mn> + <mn>4</mn> + </mfrac> + +</maction> + +</math> +</pre> +<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +<p>{{ CompatibilityTable() }}</p> +<div id="compat-desktop"> + <table class="compat-table"> + <tbody> + <tr> + <th>Fonctionnalité</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Support simple</td> + <td>{{ CompatNo() }} {{webkitbug(85734) }}</td> + <td>{{ CompatGeckoDesktop("1.0") }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }} {{webkitbug(85734) }}</td> + </tr> + <tr> + <td><code>actiontype</code></td> + <td>{{ CompatNo() }}</td> + <td><code>toggle</code> & <code>statusline</code>. <code>tooltip</code> is not implemented {{ bug(544001) }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + </tr> + <tr> + <td><code>href</code></td> + <td>{{ CompatNo() }} {{webkitbug(85733)}}</td> + <td>{{ CompatGeckoDesktop("7.0") }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }} {{webkitbug(85733)}}</td> + </tr> + <tr> + <td><code>mathbackground</code></td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatGeckoDesktop("2.0") }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + </tr> + <tr> + <td><code>mathcolor</code></td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatGeckoDesktop("2.0") }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + </tr> + </tbody> + </table> +</div> +<div id="compat-mobile"> + <table class="compat-table"> + <tbody> + <tr> + <th>Fonctionnalité</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Support simple</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatGeckoMobile("1.0") }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + </tr> + <tr> + <td><code>actiontype</code></td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td><code>toggle</code> & <code>statusline</code>. <code>tooltip</code> is not implemented {{ bug(544001) }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + </tr> + <tr> + <td><code>href</code></td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatGeckoMobile("7.0") }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + </tr> + <tr> + <td><code>mathbackground</code></td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatGeckoMobile("2.0") }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + </tr> + <tr> + <td><code>mathcolor</code></td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatGeckoMobile("2.0") }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + <td>{{ CompatNo() }}</td> + </tr> + </tbody> + </table> +</div> +<h3 id="Notes_relatives_à_Gecko">Notes relatives à Gecko</h3> +<ul> + <li>Avant Gecko 9.0 {{ geckoRelease("9.0") }} la valeur <code>restyle</code> (non-standard) était supportée pour l'attribut <code>actiontype</code>. Cette valeur a été retirée.</li> + <li>Avant Gecko 14.0 {{ geckoRelease("14.0") }} le type d'action <code>statusline</code> utilisait une syntaxe non-standard (voir ci-dessous). Cela a été résolu afin de respecter la spécification MathML.<br> + <pre><maction actiontype="statusline#(message)"> +(expression) +</maction> +</pre> + </li> + <li>Gecko 15.0 {{geckoRelease("15.0")}} ne prend en compte l'attribut <code>selection</code> seulement s'il est utilisé avec le type d'action <code>toggle</code>.</li> + <li>À partir de Gecko 16.0 {{geckoRelease("16.0")}} l'attribut <code>selection</code> est également pris en compte lorsqu'un <code>actiontype</code> inconnu est spécifié. Si un <code>actiontype</code> n'est pas spécifié (il est vide) ou que l'attribut <code>selection</code> est invalide, cela entraînera une erreur de balisage MathML (« invalid-markup »).</li> +</ul> +<h2 id="Specifications" name="Specifications">Spécifications</h2> +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Spécification</th> + <th scope="col">Statut</th> + <th scope="col">Commentaires</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{ SpecName('MathML3', 'chapter3.html#presm.maction', 'maction') }}</td> + <td>{{ Spec2('MathML3') }}</td> + <td>Spécification actuelle</td> + </tr> + <tr> + <td>{{ SpecName('MathML2', 'chapter3.html#presm.maction', 'maction') }}</td> + <td>{{ Spec2('MathML2') }}</td> + <td>Spécification initiale</td> + </tr> + </tbody> +</table> +<p><br> + th</p> |