Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá galera, boa tarde!
Alguém pode me ajudar?
Gostaria de clicar no link (que estou utilizando como botão) e que ele mudasse de cor, porém ao clicar novamente, preciso que ele volte a cor normal.
Ps.: Não tenho como usar jQuery.
Segue o código:
Utilizei "onDblClick", mas não ficou bom, preciso dar apenas 1 click para voltar a formatação normal.
<tr>
<td width="70%" class="tt">CPF</td>
<td width="30%"><a href="#vazio" class="check" onClick="this.className='active'" onDblClick="this.className='check'">OK</a></td>
</tr>
Grato,Olha só este exemplo abaixo.
Usando o "classList.toggle", a classe "ok" será incluída caso não exista no elemento, e será retirada caso exista.
Ela irá sofrer uma inversão.
<tr>
<td width="70%" class="tt">CPF</td>
<td width="30%">
<a href="#vazio" class="check" onclick="this.classList.toggle('ok')" >OK</a>
</td>
</tr>>
Em 11/01/2018 at 16:49, kim.y disse:
Cria uma variável de controle 0,1
<!DOCTYPE html>
<html>
<head>
<style>
.button {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
</style>
</head>
<body>
<a href="#" id="demo" class="button" onclick="myFunction()">Link Button</a>
<script>
var controle = 0;
function myFunction() {
if(controle ==0){
document.getElementById("demo").style.background = "blue";
controle++;
}
else{
document.getElementById("demo").style.background = "green";
controle--;
}
}
</script>
</body>
</html>
boa tarde parceiro de programação, to terminando meu tcc em programação web e seu código me ajudou em parte, eu preciso mais de um botão pra fazer essa mesma função, explicando melhor, cada botão teria que funcionar independente com a mesma função aplicada no seu código para um botão, mas no meu caso em mais de um. teria como me ajudar ? abraços
Cria uma variável de controle 0,1
<!DOCTYPE html>