Publicado em 23 de jan.

Preciso deixar um "a" selecionado mais não esta ficando poderia me ajudar achar o erro?

**        <script>   

	                   function mostrarAtivo(tag){

	                   var tag_li = document.getElementById('lista_menu');

	                   var tag_a = tag_li.getElementsByTagName('a');

	                   for (i=0; i<tag_a.length; i++ )

	                   {

	                      tag_a*.style.color = "";*

* }* * tag.style.color = "#000";* * }* * </script>**** *

**
*
***   <ul class="menu-programas" id="lista_menu">*
*
                  <?php*
*
                       $categorias = get_terms('categoria-programacoes',*
*
                           array(*
*
                               'hide_empty' => false,*
*
                               'orderby' => 'slug',*
*
                           )*
*
                       );*
*
                   ?>*
*
                  <?php*
*
                       foreach ($categorias as $categoriaitem):*
*
                           echo '<li class="menu-programas-li categoria-'. $categoriaitem->term_id.'" >';*
*
                           echo '<a href="'.get_term_link($categoriaitem->term_id).'" class="link-nav-categoria" onclick="mostrarAtivo(this)">';*
*
                           echo $categoriaitem->name;*
*
                           echo '</a>';*
*
                           echo '</li>';*
*
                       endforeach;*
*
                   ?>*
*
          </ul>****
*

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Omar~· 24 de jan.

A algum tempo criei esse exemplo aqui no fórum ver se lhe ajuda:

Spoiler

<!DOCTYPE html>

<html>
 <head>
 <meta charset="UTF-8">
 <title>Checagem se o botão já foi clicado</title>
 <script>
 var VerificarClique = function () {
 var $cliques = 0;
 var $botao = document.getElementsByClassName('botao');
 var $quantBt = $botao.length;
 var $i;

 for ($i = 0; $i < $quantBt; $i++) {
 $botao[$i].onclick = function () {
 if (this.className !== 'botao ativado') {
 recebeValor(this);
 } else {
 return false;
 }
 };
 }

 function recebeValor(parametro) {
 $cliques++;
 parametro.className += ' ativado';
 parametro.style.opacity = '0.5';
 parametro.innerHTML = 'Ativado';

 document.getElementById('mostra').innerHTML = 'Botões que foram clicados: ' + $cliques;
 };

 this.resetarBotao = function () {
 for ($i = 0; $i < $quantBt; $i++) {
 if ($botao[$i].className === 'botao ativado') {
 $botao[$i].className = 'botao';
 $botao[$i].style.opacity = '1';
 $botao[$i].innerHTML = 'Desativado';
 }
 }
 $cliques = 0;
 document.getElementById('mostra').innerHTML = 'Todos botões foram resetados';
 };
 };
 </script>
 <style>
 button {
 width: 6rem;
 cursor: pointer;
 outline: none
 }
 button.reset {
 padding: .625rem;
 background-color: #bb0;
 border: none
 }
 </style>
 </head>
 <body>
 <button class="botao">Desativado</button>
 <button class="botao">Desativado</button>
 <button class="botao">Desativado</button>
 <button class="botao">Desativado</button>
 <button class="botao">Desativado</button>
 <button class="botao">Desativado</button>
 <button class="botao">Desativado</button>
 <button class="botao">Desativado</button>
 <button class="botao">Desativado</button>
 <button class="botao">Desativado</button>

 <br>
 <button class="reset" onclick="return clickCheck.resetarBotao()">Resetar</button>
 <hr>
 <div id="mostra"></div>

 <script>clickCheck = new VerificarClique();</script>
 </body>
</html>

raphaelgs· 24 de jan.

Então não entendo muito ainda de Java script.

mandei um imagem de como esta ficando na imagem 1 e na imagem 2 com deve ficar mais mesmo assim não estou conseguindo colocar ele ativo de acordo com a pagina que ela está eu to puxar através do slug

Omar~· 27 de jan.

Vou responder aqui porque aqui é o tópico que solicitou ajuda.

Irei explicar.

quando você insere isso ao link: onclick="mostrarAtivo(this)"

o this fala para a função "ISSO", "FUI EU QUEM FOI CLICADO" ou seja é aquele elemento que é enviado como parâmetro para a função.

Então no básico, você está tentando complicar o que não é.

mostrarAtivo(parametro) {

     parametro.style.color = "#ff0000";
}

	No caso na função parâmetro passa ser a tag, elemento ou qualquer coisa que esteja com evento onclick chamando a função.

	<a onclick="mostrarAtivo(this)"> 

	<div mostrarAtivo(this)>

	<input mostrarAtivo(this)>

	E assim vai com qualquer coisa.....

	Além do mais como você quer fazer não é muito legal utilizar-se de style, de uma pesquisada sobre **setAttribute** e **removeAttribute** para que não precisa fazer isso: style.color = "";

	Qualquer caso lá vai

	[https://developer.mozilla.org/pt-BR/docs/Web/API/Element/setAttribute](https://developer.mozilla.org/pt-BR/docs/Web/API/Element/setAttribute)

	[https://developer.mozilla.org/pt-BR/docs/Web/API/Element/removeAttribute](https://developer.mozilla.org/pt-BR/docs/Web/API/Element/removeAttribute)