Jump to content
marco.prado

Como disparar um evento na home e manter ativo nas demais páginas do site?

Recommended Posts

Olá caros, bom dia.
Alguém consegue me dar uma luz de como consigo disparar um evento pós click numa home e manter o mesmo ativo nas demais páginas do site?

Segue o jquery:
$('#btnAcess').on('click', function() {
  $('body').toggleClass("Acess");
});

Como vocês podem ver, esse código insere uma(Class="Acess") dentro da tag <body> e é isso que eu quero que de alguma forma se mantenha nas outras páginas durante a navegação, disparado por apenas um click feito no botão que possui o (id="#btnAcess").
 
Desde já obrigado. 

Share this post


Link to post
Share on other sites

uma forma, é vc manter isso num cookie.

 

o que ocorre, é que quando vc muda de pagina, o browser recarrega, ai o js perde toda a memoria do que aconteceu.

 

com cookie, vc gravaria a ação no momento do click, e quando a pagina carregasse, vc leria desse cookie para ver o que deve fazer.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By JoaoBardella
      Bom dia Senhores,
       
      Pessoal estou iniciando em Js e gostaria de uma mãozinha. Na faculdade o professor pediu para que eu fizesse um gerador de curriculo em HTML com JS.
      Perfeito estou criando, mais enrrosquei em uma parte aqui, temos os campos dos dados pessoais, após tenho os dados de formação, ai que está: Na formação tenho tres inputs criado em HTML para Curso, Instituição e Ano de Conclusão e na frente tenho que ter o botão de mais e menos para inserir e tirar mais inputs contendo o mesmo conteúdo. Tenho um evento em cada input, onkeyup que vai mostrando os dados abaixo. E estou com dificuldade na hora de adicionar esse evento aos input que eu crio automaticamente após criar apertando o botão mais. Alguém pode me ajudar. Vou colocar abaixo meu dois códigos HTML e JS.
       
      HTML
       
      <!DOCTYPE html> <html lang="en">   <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>teste</title> </head>   <body> <form id="dadosP"> <div id="dadosPe"> <label for="nome">Nome:</label> <input type="text" name="nome" id="nome" onkeyup="mostrar()"> <label for="email">E-mail:</label> <input type="text" name="email" id="email" onkeyup="mostrar()"> <label for="end">Endereço Profissional:</label> <input type="text" name="end" id="end" onkeyup="mostrar()"> </div> </form> <br> <form id="dadosEdu"> <div id="dadosEduc"> <label for="curso">Curso:</label> <input type="text" name="curso" id="curso" onkeyup="mostrar()"> <label for="inst">Instituição:</label> <input type="text" name="inst" id="inst" onkeyup="mostrar()"> <label for="anoconclu">Ano Conclusão:</label> <input type="text" name="anoconclu" id="anoconclu" onkeyup="mostrar()"> <button type="button" onclick="maiscurso()">+</button> <button type="button" onclick="menoscurso()">-</button> </div>   </form> <br><br> <div id="mdadosp"> <div id="mnome"> <span id="pmnome"></span><br> <span id="pmemail"></span><br> <span id="pmend"></span> </div> </div> <br><br> <div id="mdadosedu"> <div id="mcurso"> <span id="pmcurso"></span><br> <span id="pminst"></span><br> <span id="pmanoconclu"></span> </div> </div> <script src="script.js"></script> </body>   </html>   JS   var i = 0;   function mostrar() { var nome = document.getElementById("nome").value; var email = document.getElementById("email").value; var end = document.getElementById("end").value   document.getElementById("pmnome").innerHTML = nome; document.getElementById("pmemail").innerHTML = email; document.getElementById("pmend").innerHTML = end;   if (i > 0) { var curso = document.getElementById("curso" + i).value; var inst = document.getElementById("inst" + i).value; var anoconclu = document.getElementById("anoconclu" + i).value; } else { var curso = document.getElementById("curso").value; var inst = document.getElementById("inst").value; var anoconclu = document.getElementById("anoconclu").value; } document.getElementById("pmcurso").innerHTML = curso; document.getElementById("pminst").innerHTML = inst; document.getElementById("pmanoconclu").innerHTML = anoconclu; } function maiscurso() { i++; var br2 = document.createElement("br"); var br1 = document.createElement("br");   var lbl1 = document.createElement("label"); lbl1.id = "lblcurso" + i; var t = document.createTextNode("Curso: "); lbl1.setAttribute("for", "Curso: "); var inp1 = document.createElement("input"); inp1.id = "curso" + i; inp1.setAttribute("onkeyup", mostrar());   var lbl2 = document.createElement("label"); lbl2.id = "lblinst" + i; var x = document.createTextNode("Instituição: "); lbl2.setAttribute("for", " Instituição: "); var inp2 = document.createElement("input"); inp2.id = "inst" + i; //inp2.addEventListener(onkeyup, mostrar());   var lbl3 = document.createElement("label"); lbl3.id = "lblanoconclu" + i; var z = document.createTextNode("Ano Conclusão: "); lbl3.setAttribute("for", " Ano Conclusão: "); var inp3 = document.createElement("input"); inp3.id = "anoconclu" + i; var br = document.createElement("br"); //inp3.addEventListener(onkeyup, mostrar());   document.getElementById("dadosEduc").appendChild(br2); document.getElementById("dadosEduc").appendChild(br1); document.getElementById("dadosEduc").appendChild(t); document.getElementById("dadosEduc").appendChild(inp1); document.getElementById("dadosEduc").appendChild(x); document.getElementById("dadosEduc").appendChild(inp2); document.getElementById("dadosEduc").appendChild(z); document.getElementById("dadosEduc").appendChild(inp3); document.getElementById("dadosEduc").appendChild(br);     // var newdiv = document.createElement('div'); // newdiv.innerHTML += '<label for="curso">Curso:</label><input onkeyup="mostrar()" type="text" name="curso' + line + '_1" id="curso' + line + '_1">'; // newdiv.innerHTML += '<label for="inst">Instituição:</label><input onkeyup="mostrar()" type="text" name="inst' + line + '_2" id="inst' + line + '_2">'; // newdiv.innerHTML += '<label for="anoconclu">Ano Conclusão:</label><input onkeyup="mostrar()" type="text" name="anoconclu' + line + '_3" id="anoconclu' + line + '_3">'; // document.getElementById("dadosEduc").appendChild(newdiv); // line++; }   //maiscurso('lines');
    • By joystixk
      pessoal, como posso criar um evento remotamente, exemplo: uma pessoa clica um botão no site em são paulo e um pop-up aparece na tela de uma pessoa no rio de janeiro.
    • By Guiguip
      Bom dia Pessoal
       
      Estou fazendo meu TCC sobre acessibilidade na Web, e estou desenvolvendo um site responsivo e acessível, gostaria de incluir um botão de leitura para a opção das noticias, como ja possuimos no site da Uol por exemplo.
       
      Seria um botão com a ação de leitura da noticia, algo bem simples.
       
      Alguém pode me ajudar ?
    • By Joob
      Boas Malta,
       
      Básicamente queria fazer uma contagem de 30 dias, com desactivação do serviço em si, ou seja, Comprava e Fica do tipo "Faltam 30 Dias / Faltam 29 Dias, etc.." depois no fim dos dias, ficaria "Comprar Novamente" ..
      Sei que não está bem, precisava era de uma ajuda.
       
      Tenho desta forma a chamada
      <?php if($account->SERVICO1) : ?> <font color="#BB0306"> <?php if(isset($_POST['buy1'])) { $buy1 = date('Y-m-d H:i:s');; $buy1->add(new DateInterval('P30D')); echo "" . $buy1 . "\n"; } ?> </font> <?php else : ?> <font color="#0C9620"><?= $language->store->SERVICO1->no_limit ?></font> <?php endif; ?> Já coloquei de outra forma só para colocar como se tivesse comprado e aparecesse a diferenca dos 30 dias. ou seja, a data ficava com + 30 dias do dia de hoje por exemplo.
      Queria era adicionar a data da compra que quando clicassem no botão da compra de comprar, que adicionasse os dias que faltavam para renovar e quando chegasse ao fim, voltava novamente ao "Comprar" (exemplo)..
       
      Tenho o botão da chamada assim
      <a href="store/purchase/COMPRA1/<?= Security::csrf_get_session_token('url_token'); ?>" class="label label-success label-store btn btn-dark" data-confirm="<?= $language->store->confirm_purchase; ?>"> <?php printf($language->store->display->purchase); ?> </a> Se me conseguissem dar uma ajuda para colocar na database, acho que seria melhor para a configuração/registo do dia.
       
      Não sei se me fiz entender.
      Obrigado.
       
       
      Abraço,
    • By junior almeida
      tenho o seguinte codigo
      <head> <script type="text/javascript"> $.ajax({ url: 'livros.json', dataType: 'json', type: 'get', cache: false, success: function(data){ $.each(data, function(i, item){ console.log(item.name); $("#lista").append("<li><a id='livro'>"+item.name+"</a></li>"); }); } }); </script> <script type="text/javascript" src="js/script.js"></script> </head> <body> <div id="wrapper"> <ul id="lista"> </ul> </div> </body>  
      ate ai tudo bem ele me lista os dados que estão no json
       
      ai queria pegar o click nos items listados ai estou usando esse codigo
       
      $(document).ready(function(){ $('#livro').click(function(){ console.log("clicou"); }); })  
      só que ele não me retorna nada, se alguém puder me ajudar 
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.