LOCAWEB STYLE

Documentação Locaweb Style

Alternando textos

Alterna textos alternativos em elementos diversos, por exemplo botões com ações alternativas

As vezes surge a necessidade da mudança de texto de algum botão quando ele é clicado ou acionado. O texto alternativo é guardado no atributo data-text e essa funcionalidade é ativa com o atributo data-toggletext="true".

<a href="#" data-text="Outro texto" data-toggle_text="click">Exemplo com link</a>
<a href="#" data-text="Mudando de texto" data-toggle_text="click" class="btn">Um botão simples</a>
<a href="#" data-text="Mudou!" data-toggle_text="hover" class="btn">Mudando com Hover</a>

Atributos

Atributo Descrição
data-text É onde o texto alternativo é guardado
data-toggle_text Com o valor hover define para mudar o texto no hover. O valor click define que o texto deverá ser mudado ao clicar.