Categorias: JavaScript | jQuery

Tags: Botões | Efeitos

Botão copiar para Clipboard

Escrito por Amanda de Lavra

24 de julho de 2023
O cliente queria um botão que copiasse o link da página inicial do site para o clipboard, para que os clientes pudessem compartilhar. Descobri como fazer isso com JavaScript. Primeiro, para que o botão, ao ser clicado, não tire a página do lugar, eu dei uma id para o botão e coloquei o link do botão para ele mesmo. Em seguida, coloquei esse script na página:
jQuery(document).ready(function(){
	jQuery("#linkquizz a").click(function(){
		navigator.clipboard.writeText("https://quizz.omestredocredito.com.br/");
	});
});
A tooltip é de um plugin do Elementor que já estava instalado, mas é possível fazer de outras formas.

Posts relacionados

Esconder título na imagem em hover no Divi

Esconder título na imagem em hover no Divi

O Divi tem uma coisa muita chata que é aparecer o atributo título das imagens quando passa o mouse em cima delas. Tentei resolver com CSS, mas o código usava a propriedade pointer-events e definia como none. Isso tira não apenas a ação do hover, mas também do click e,...

Botão Leia Mais no Elementor

Botão Leia Mais no Elementor

O site do cliente tinham alguns textos que eram muito extensos e, num layout de coluna, variavam muito de tamanho. Decidi adaptar o que já havia feito no Divi, ao incluir um botão Leia Mais (https://blog.amandadelavra.com.br/modulo-texto-com-botao-leia-mais/), mas...

Cabeçalho diferente ao rolar a página com Divi

Cabeçalho diferente ao rolar a página com Divi

Para o site deste cliente, resolvi fazer dois cabeçalhos diferentes, um maior com várias informações que aparece ao abrir a página, e outro menor e fixo, apenas com o logo e o menu e que aparece ao rolar a página. Achei este tutorial:...