Publicidade
(adsbygoogle = window.adsbygoogle || []).push({});Publicidade
(adsbygoogle = window.adsbygoogle || []).push({});
/* Estilos para o balão */
.balao {
position: fixed;
top: 150px;
left: 50%;
transform: translateX(-50%);
padding: 20px;
border-radius: 10px;
background-color: #42e3f5;
box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
display: none;
z-index: 9999; /* valor alto para sobrepor outros elementos */
}
/* Estilos para o botão de fechar */
.fechar {
position: absolute;
top: -1px;
left: -1px;
font-size: 22px;
font-weight: bold;
color: #0335fc;
cursor: pointer;
}
/* Estilos para o link “Enviar currículo para a vaga” */
.enviar {
position: relative;
color: #fff;
background-color: blue;
padding: 5px 10px;
border-radius: 5px;
cursor: pointer;
display: inline-block;
}
/* Estilos para o email oculto */
.oculto {
display: none;
font-size: 20px; /* aumenta o tamanho da fonte para 20 pixels */
}
ENVIAR O CURRÍCULO PARA VAGA
Boa sorte na sua candidatura! Feche essa mensagem e anexe seu currículo no E-mail:
// Seleciona o link “Enviar currículo para a vaga”
var link = document.querySelector(‘.enviar’);
// Seleciona o balão
var balao = document.querySelector(‘.balao’);
// Seleciona o botão de fechar
var botaoFechar = document.querySelector(‘.fechar’);
// Seleciona o email oculto
var email = document.querySelector(‘.oculto’);
var clicks = 0; // contador de cliques
// Adiciona um evento de clique ao link “Enviar currículo para a vaga”
link.addEventListener(‘click’, function() {
// Mostra o balão
balao.style.display = ‘block’;
});
// Adiciona um evento de clique ao botão de fechar
botaoFechar.addEventListener(‘click’, function() {
clicks++;
// Se o número de cliques for igual a 2, esconde o balão
if (clicks === 2) {
balao.style.display = ‘none’;
// Mostra o email oculto
email.style.display = ‘inline’;
// Abre o link do email oculto em uma nova aba
window.open(email.href, ‘_blank’);
}
});
