Skip to main content
2 de 7
adicionou 48 caracteres ao conteúdo
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, 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('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!"); }
}
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>


Vemos o código fonte - sabemos do que se trata, um Efeito Paginação do que estou tentando criar com Switch/Case

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