Pular para o conteúdo principal
Versão: v8.0.0

Adicionando Exceções

Em alguns casos, pode haver algum conflito entre o código do Hand Talk plugin e algum script que o site possui. Para evitar esse conflito, basta adicionar esse elemento como uma exceção.

Tratamento de Exceção de ID e CLASS​

Caso seu site tenha algum problema de conflito com um scripts de carousel, por exemplo, você pode adicionar o elemento na propriedade exceptions.

Declare qual ID ou CLASS não utilizará o Hand Talk plugin, como também nenhum dos seus elementos filhos, ou seja, quando declarar que #carousel não vai utilizar a tradução, nada dentro desta DIV ou elemento irá ser traduzido. Estes elementos devem ser inseridos entre aspas e separados por vírgula:

exceptions: ["#menu", "#carousel", ".listas", ".formulario"]

No exemplo abaixo, colocamos na exceção um ID de elemento HTML e uma classe CSS, consecutivamente.

Atenção

Ao adicionar o conteúdo como uma exceção, ele não será traduzido pela Hand Talk.

Importante

Dependendo da linguagem e/ou lógica de programação aplicada no desenvolvimento do website, para possibilitar o pleno funcionamento ou aprimorar os resultados obtidos pelo serviço, pode ser necessária a realização de outras customizações no código da Hand Talk, que deverão ser feitas pelo cliente.

Exemplo Adicionando Exceções​

Javascript​

var ht = new HT({
  // Troque por seu token de acesso
  token: "TOKEN",
  // Ignora todo o conteúdo que possuir o id/class referenciado
  exceptions: ["#carousel", ".formulario"]
});

HTML​

<body>
  <!-- Não existe nenhuma referência do elemento abaixo na lista de exceções, então ele será traduzido. -->
  <h1 id="titulo">Hand Talk</h1>
  <!-- a classe formulario está sendo ignorada, logo todo o conteúdo deste form não será traduzido. -->
  <form class="formulario">
    <input type="text" placeholder="Insira o texto ">
    <input type="submit" value="Pesquisar">
  </form>
  <!-- Este slide será ignorado devido ao id carousel ter sido adicionado a lista de exceções  -->
  <div id="carousel">
    <div>Meu slide 1</div>
    <div>Meu slide 2</div>
    <div>Meu slide 3</div>
  </div>
  <!-- Pega a ultima versão do plugin Hand Talk -->
  <script src="https://plugin.handtalk.me/web/latest/handtalk.min.js"></script>
  <script>
  var ht = new HT({
    // Troque por seu token   de acesso
    token: "TOKEN",
    // Ignora todo o conteúdo que possuir o id/class referenciado
    exceptions: ["#carousel", ".formulario"]
  });
  </script>
</body>