1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
|
---
title: <maction>
slug: Web/MathML/Element/maction
tags:
- MathML
- 'MathML:Element'
- 'MathML:Enlivening Expressions'
- Referência de MathML
translation_of: Web/MathML/Element/maction
---
<div>{{MathMLRef}}</div>
<div class="summary">
<p>O elemento de MathML <strong><code><maction></code></strong> oferece a possibilidade de associar ações a (sub-) expressões. A ação é indicada pelo atributo <code>actiontype</code>, que aceita vários valores. Para indicar que elementos são afetados pela ação, pode usar o atributo <code>selection</code>.</p>
</div>
<h2 id="Atributos">Atributos</h2>
<dl>
<dt id="attr-actiontype">actiontype</dt>
<dd>A ação que indica o que acontecerá ao elemento. Os valores possíveis são:
<ul>
<li><code>statusline</code>: Se o utilizador carregar ou tiver o cursor sob a expressão, a mensagem é enviada para a <em>status line</em> do navegador. A sintaxe é: <code><maction actiontype="statusline"> <em>expression</em> <em>message</em> </maction>.</code></li>
<li><code>toggle</code>: Quando a sub-expressão é carregada, a expressão alterna com outra expressão selecionada. Cada vez que é carregada o valor de <code>selection</code> aumenta.A sintaxe é: <code><maction actiontype="toggle" selection="<em>positive-integer</em>" > <em>expression1</em> <em>expression2</em> <em>expressionN</em> </maction></code>.</li>
<li><code>tooltip</code>: Quando o cursor está sob a expressão, uma <em>tooltip</em> com uma mensagem é feita visível perto da expressão.<br>
A sintaxe é:<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>Para uso com <em><a href="/en-US/docs/CSS">stylesheets</a></em>.</dd>
<dt id="attr-href">href</dt>
<dd>Usado para criar uma hiperligação para um URI.</dd>
<dt id="attr-mathbackground">mathbackground</dt>
<dd>A cor de fundo. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores HTML</a>.</dd>
<dt id="attr-mathcolor">mathcolor</dt>
<dd>A cor do texto e da linha da fração. Pode usar <code>#rgb</code>, <code>#rrggbb</code> e <a class="external external-icon" href="https://wiki.developer.mozilla.org/en-US/docs/CSS/color_value#Color_Keywords" rel="noopener">nomes de cores HTML</a>.</dd>
<dt id="attr-selection">selection</dt>
<dd>O elemento que no qual a ação tem efeito. O valor pré-definido é <code>1</code>, que representa o primeiro elemento do grupo.</dd>
</dl>
<h2 id="Exemplos">Exemplos</h2>
<p>O seguinte exemplo usa o "<em>toggle</em>" <code>actiontype</code>:</p>
<pre class="brush: html notranslate"><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="Especificações">Especificações</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Especificação</th>
<th scope="col">Estado</th>
<th scope="col">Comentário</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{ SpecName('MathML3', 'chapter3.html#presm.maction', 'maction') }}</td>
<td>{{ Spec2('MathML3') }}</td>
<td>Especificação atual</td>
</tr>
<tr>
<td>{{ SpecName('MathML2', 'chapter3.html#presm.maction', 'maction') }}</td>
<td>{{ Spec2('MathML2') }}</td>
<td>Especificação inicial</td>
</tr>
</tbody>
</table>
<h2 id="Compatibilidade">Compatibilidade</h2>
<p>{{Compat("mathml.elements.maction")}}</p>
<h2 id="Notas_para_Gecko">Notas para Gecko</h2>
<ul>
<li>Anterior ao Gecko 9.0 {{ geckoRelease("9.0") }} o valor não <em>standard</em> <code>restyle</code> no atributo <code>actiontype</code> era suportado. Este valor foi removido.</li>
<li>Anterior ao Gecko 14.0 {{ geckoRelease("14.0") }} a ação <code>statusline</code> usava uma sintaxe não <em>standard</em> (ver abaixo). Agora segue a especificação da MathML.<br>
<pre class="brush: html notranslate"><maction actiontype="statusline#(message)">
(expression)
</maction>
</pre>
</li>
<li>No Gecko 15.0 {{geckoRelease("15.0")}} o atributo <code>selection</code> só é utilizado pela ação <code>"toggle"</code>.</li>
<li>A partir do Gecko 16.0 {{geckoRelease("16.0")}} o atributo <code>selection</code> é utilizado para <code>actiontype</code> desconhecidos. Se um <code>actiontype</code> não é indicado (o atributo é deixado vazio) ou o atributo <code>selection</code> é invalido, a marcação apresenta um erro MathML (<em>invalid-markup</em>).</li>
</ul>
|
