aboutsummaryrefslogtreecommitdiff
path: root/files/pt-br/web/api/svgaelement
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:42:52 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:42:52 -0500
commit074785cea106179cb3305637055ab0a009ca74f2 (patch)
treee6ae371cccd642aa2b67f39752a2cdf1fd4eb040 /files/pt-br/web/api/svgaelement
parentda78a9e329e272dedb2400b79a3bdeebff387d47 (diff)
downloadtranslated-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.html74
-rw-r--r--files/pt-br/web/api/svgaelement/svgalement.target/index.html105
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>