Ok, a questão é essa - Estou desenvolvendo um novo projeto pessoal, e é necessário fazer o controle dos botões Anterior | Próximo utilizado na base Switch/Case
, estou na tentativa a dar vida ao números. Mostra-lo como Ativo.
No tocante, tudo é visual mesmo. A idéia aqui apresentada, é na verdade passar de um elemento span
para outro, quando for clicado em um dos botões Anterior ou Próximo, colocando-o número da tag <span>..</span>
em evidência(destacado) dos demais.
#Código
var conta = 0;
var obj = document.getElementsByTagName('span');
switch(conta.toString()){
case '1': obj.[0].className = 'color'; break;
case '2': obj.[1].className = 'color'; break;
case '3': obj.[2].className = 'color'; break;
case '4': obj.[3].className = 'color'; break;
case '5': obj.[4].className = 'color'; break;
}
if (conta == 5) { conta = alert("No limite!"); }
}
span {
padding: 5px;
cursor: pointer;
}
span.color {
color: white;
font-weight: bold;
background-color: dimgray;
}
<center>
<button onclick="ancora(conta--);">« Anterior</button>
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>5</span>
<button onclick="ancora(conta++);">Próximo »</button>
</center>
Ja se sabe do que se trata, um Efeito Paginação é o que procuro fazer(somente a parte visual, estética). No qual estou tentando criar com
Switch/Case
Observe que este
Switch/Case
foi implementado um contador de cliques, para direção a tomar Voltar ou Avançar.
Agora o que eu preciso no momento, é saber destacar somente um número por vez dos demais, conforme o clicar na disposição dos botões de controle.