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. |