Skip to main content
1 de 7
Diego Henrique
  • 2,9mil
  • 5
  • 22
  • 56

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, dar vida ao números. Mostra-lo como Ativo.

No tocante, tudo é visual mesmo. A idéia aqui, é na verdade passar de um elemento <span></span> para outro, quando clicado no botão Anterior ou Próximo, colocando-o númerador em evidência(destacado) dos demais.

#Código

span { padding: 5px; cursor: pointer; }

span.color { color: white; font-weight: bold; background-color: dimgray; }

&#171 Anterior

1

2

3

4

5

Próximo &#187

var conta = 0;

var obj = document.getElementsByTagName('a');

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!"); }

}


Vemos o código fonte - agora tomemos base que nada mais nada menos é, do que estou tentando criar com Switch/Case um Efeito Paginação

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