diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:52 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:52 -0500 |
commit | 074785cea106179cb3305637055ab0a009ca74f2 (patch) | |
tree | e6ae371cccd642aa2b67f39752a2cdf1fd4eb040 /files/pt-br/web/api/svgaelement | |
parent | da78a9e329e272dedb2400b79a3bdeebff387d47 (diff) | |
download | translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.gz translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.bz2 translated-content-074785cea106179cb3305637055ab0a009ca74f2.zip |
initial commit
Diffstat (limited to 'files/pt-br/web/api/svgaelement')
-rw-r--r-- | files/pt-br/web/api/svgaelement/index.html | 74 | ||||
-rw-r--r-- | files/pt-br/web/api/svgaelement/svgalement.target/index.html | 105 |
2 files changed, 179 insertions, 0 deletions
diff --git a/files/pt-br/web/api/svgaelement/index.html b/files/pt-br/web/api/svgaelement/index.html new file mode 100644 index 0000000000..687b067178 --- /dev/null +++ b/files/pt-br/web/api/svgaelement/index.html @@ -0,0 +1,74 @@ +--- +title: SVGAElement +slug: Web/API/SVGAElement +tags: + - Imagem vetorial + - Vetores +translation_of: Web/API/SVGAElement +--- +<div>{{APIRef("SVG")}}</div> + +<div>O <strong><code>SVGAElement</code></strong> interface fornece acesso as propriedades do elemento {{SVGElement("a")}}, bem como metodos para manipula-los.</div> + +<h2 id="Propriedades">Propriedades</h2> + +<p><em>Esta interface também herda propriedades de sua interface pai,{{domxref("SVGGraphicsElement")}}, e implementa propriedades de {{domxref("SVGURIReference")}} e de {{domxref("HTMLHyperlinkElementUtils")}}.</em></p> + +<dl> + <dt>{{domxref("SVGAElement.target")}} {{readonlyInline}}</dt> + <dd>It corresponds to the {{SVGAttr("target")}} attribute of the given element.</dd> +</dl> + +<h2 id="Metodos">Metodos</h2> + +<p><em>Esta interface não tem metodos próprios, porém herda metodos da interface {{domxref("SVGGraphicsElement")}}.</em></p> + +<h2 id="Exemplos">Exemplos</h2> + +<p>No exemplo abaixo, o {{SVGAttr("target")}} atributo do elemento {{SVGElement("a")}} recebe o valor <code>_blank</code> e quando o link for clicado, ele notifica se a condição é verdadeira ou falsa.</p> + +<pre class="brush: js">var linkRef = document.querySelector("a"); +linkRef.target = "_self"; + +linkRef.onclick = function(){ + if (linkRef.target === "_blank") { + console.log("BLANK!"); + linkRef.target = "_self"; + } else { + console.log("SORRY! not _blank"); + } +} </pre> + +<h2 id="Especificações">Especificações</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td>Especificação</td> + <td>Status</td> + <td>Comentário</td> + </tr> + <tr> + <td>{{SpecName("SVG2", "linking.html#InterfaceSVGAElement")}}</td> + <td>{{Spec2("SVG2")}}</td> + <td>Replaced inheritance from {{domxref("SVGElement")}} by {{domxref("SVGGraphicsElement")}} and removed the interface implementations of {{domxref("SVGTests")}}, {{domxref("SVGLangSpace")}}, {{domxref("SVGExternalResourcesRequired")}}, {{domxref("SVGStylable")}}, and {{domxref("SVGTransformable")}} by {{domxref("HTMLHyperlinkElementUtils")}}</td> + </tr> + <tr> + <td>{{SpecName("SVG1.1", "linking.html#InterfaceSVGAElement")}}</td> + <td>{{Spec2("SVG1.1")}}</td> + <td>Definição inicial</td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilidade_com_o_Navegador">Compatibilidade com o Navegador</h2> + + + +<p>{{Compat("api.SVGAElement")}}</p> + +<h2 id="Veja_também">Veja também</h2> + +<ul> + <li>SVG {{SVGElement("a")}} element</li> +</ul> diff --git a/files/pt-br/web/api/svgaelement/svgalement.target/index.html b/files/pt-br/web/api/svgaelement/svgalement.target/index.html new file mode 100644 index 0000000000..ebd533b068 --- /dev/null +++ b/files/pt-br/web/api/svgaelement/svgalement.target/index.html @@ -0,0 +1,105 @@ +--- +title: SVGAElement.target +slug: Web/API/SVGAElement/SVGAlement.target +tags: + - Imagem vetorial + - Vetores +translation_of: Web/API/SVGAElement/target +--- +<p>{{APIRef("SVGAElement")}}</p> + +<p>O <code><strong>SVGAElement.target</strong></code> propriedade somente ler de {{domxref("SVGAElement")}} retorna um objeto {{domxref("SVGAnimatedString")}} que especifica a porção de um alvo sendo ele "window", "frame" ou "pane" no qual um documento será aberto quando o link for acionado.</p> + +<p>Esta propriedade é usada quando existem dois ou mais possiveis alvos(destinos) para o documento, por exemplo, quando o documento pai é um arquivo .html ou .xhtml com varias telas (multi-frame).</p> + +<h2 id="Sintaxe">Sintaxe</h2> + +<pre><code><em>myLink</em>.target = '<em>value</em>';</code></pre> + +<h3 id="Valor">Valor</h3> + +<p>Um {{domxref("SVGAnimatedString")}} indica o destino final do recurso que abre o documento assim que o link é acionado.</p> + +<p>Valores para {{domxref("target")}} você pode ver <a href="https://www.w3.org/TR/2011/REC-SVG11-20110816/linking.html#AElementTargetAttribute">aqui</a>.</p> + +<h2 id="Exemplo">Exemplo</h2> + +<p>O código é foi retirado de <a href="/en-US/docs/Web/API/SVGAElement#Example">"SVGAElement example code"</a></p> + +<pre class="brush: js">... +var linkRef = document.querySelector('a'); +linkRef.target ='_blank'; +...</pre> + +<h2 id="Especificações">Especificações</h2> + +<table class="standard-table"> + <tbody> + <tr> + <td>Specification</td> + <td>Status</td> + <td>Comment</td> + </tr> + <tr> + <td>{{SpecName('SVG1.1', 'text.html#InterfaceSVGAElement', 'target')}}</td> + <td>{{Spec2('SVG1.1')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidade com o navegador</h2> + +<p>{{ CompatibilityTable() }}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>9.0</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="Veja_também">Veja também</h2> + +<ul> + <li>{{ SVGAttr("target") }}</li> +</ul> |