Skip to main content
Commonmark migration
Fonte Link

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

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.

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.

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.

removeu 25 caracteres do conteúdo
Fonte Link
Diego Henrique
  • 2,9mil
  • 5
  • 22
  • 56

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 implementaifoi implementado um contador de cliques, isto serve para dar uma certa 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.

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 implementai um contador de cliques, isto serve para dar uma certa 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.

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.

adicionou 1 caractere ao conteúdo
Fonte Link
Diego Henrique
  • 2,9mil
  • 5
  • 22
  • 56

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''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 implementai um contador de cliques, isto serve para dar uma certa 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.

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>


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 implementai um contador de cliques, isto serve para dar uma certa 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.

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 implementai um contador de cliques, isto serve para dar uma certa 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.

adicionou 48 caracteres ao conteúdo
Fonte Link
Diego Henrique
  • 2,9mil
  • 5
  • 22
  • 56
Carregando
adicionou 48 caracteres ao conteúdo
Fonte Link
Diego Henrique
  • 2,9mil
  • 5
  • 22
  • 56
Carregando
adicionou 48 caracteres ao conteúdo
Fonte Link
Diego Henrique
  • 2,9mil
  • 5
  • 22
  • 56
Carregando
Fonte Link
Diego Henrique
  • 2,9mil
  • 5
  • 22
  • 56
Carregando