Skip to main content
7 de 7
Commonmark migration

Como Fazer Controle Paginado Case/Swictch

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--);">&#171 Anterior</button>

 
<span>1</span>

<span>2</span>

<span>3</span>

<span>4</span>

<span>5</span>


<button onclick="ancora(conta++);">Próximo &#187</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.

Diego Henrique
  • 2,9mil
  • 5
  • 22
  • 56