Jump to content
Gilberto Jr

Função Focus

Recommended Posts

Bom dia.

 

Eu tenho esse código abaixo que ele deve funcionar da seguinte forma. Ao clicar nesse botão com que tem o ID #inicionovacontagem o sistema tem que voltar a variavel cont para 0, e mudar o focus para o input que tem a ID #codbrra e mostrar uma mensagem no alert. E ele voltando a variavel para zero e mostrando a mensagem. Porem não esta levando o focus para o input#codbrra.

	$("#inicionovacontagem").click(function(){
		
		cont = 0;
		$("#codbrra").focus();
		alert('Voltar Para o Campo Codigo de Barra')

	});

 

Alguém pode me da uma luz?

 

Att;

Gilberto Jr

Share this post


Link to post
Share on other sites

 

Seu código deveria estar funcionando, o que me leva a acreditar que você tenha errado o nome do ID do button "#codbrra" talvez seja #codbarra, implementei um exemplo usando os dados que você passou, fiz uma alteração no seu código:

 

HTML:

<body>
  <section class="example">
    <label>
      <input id="codbrra" type="text"/>
      <button id="inicionovacontagem">Reset</button>
    </label>
    <label>
      Cont:
      <span id="cont"></span>
    </label>
  </section>
</body>
let cont;

$("#inicionovacontagem").click(function(){
  setFocus();
  showAlert();
  setContValue(0);
});

function initialize() {
  setContValue(77);
}

function setContValue(value) {
 $("#cont").html(value);
}

function setFocus() {
  $("#codbrra").focus();
}

function showAlert() {
  alert('Voltar Para o Campo Codigo de Barra');
}

initialize();

JsBin: https://jsbin.com/yipibavaqo/edit?html,js,output

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 Gilberto Jr
      Bom dia.
       
      Eu tenho esse código abaixo que ele deve funcionar da seguinte forma. Ao clicar nesse botão com que tem o ID #inicionovacontagem o sistema tem que voltar a variavel cont para 0, e mudar o focus para o input que tem a ID #codbrra e mostrar uma mensagem no alert. E ele voltando a variavel para zero e mostrando a mensagem. Porem não esta levando o focus para o input#codbrra.
      $("#inicionovacontagem").click(function(){ cont = 0; $("#codbrra").focus(); alert('Voltar Para o Campo Codigo de Barra') });  
      Alguém pode me da uma luz?
       
      Att;
      Gilberto Jr
    • By AbaClar
      Estou a "tentar" criar uma base de dados em php. Neste momento estou a tratar dos Formulários c/ abas. Como "curioso" acho q a "coisa" não está mal de todo, mas deparo-me com uma situação, o formulário tem (creio) 17 "input text" e 4 "select option"(?)! A partir do 12 "input" as cxas de texto não recebem o foco do mouse. Isto deve-se a quê? Obrigado!
       
    • By andjao
      Por que quando clico ele da o focus onde falta preencher e atualiza a pagina assim esvaziando as variaveis?
      Gostaria que isso não acontecesse e somente desse o focus
       
      Quando ele atualiza a pagina fica com um "?" no final do url e do nome da pagina
       
      <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="jquery.min.js"></script> <script> var alunos = []; $(document).ready(function() { $("#cadastrar").click(function() { cadastrar(); }); $("#exibir").click(function() { exibir(); }); }); function cadastrar() { if ($("#nome").val() == "" || $("#nome").val() < 3) { alert("Preencha corretamente seu nome"); return $("#nome").focus(); } else if ($("#rgm").val() == "" || $("#rgm").val().length < 7) { alert("Preencha corretamente seu RGM"); return $("#rgm").focus(); } else if ($("#parcial").val() == "") { alert("Preencha corretamente sua nota parcial"); return $("#parcial").focus(); } else if ($("#exercicios").val == "") { alert("Preencha corretamente sua nota dos exercícios"); return $("#exercicios").focus(); } else if ($("#projeto").val() == "") { alert("Preencha corretamente sua nota do projeto"); return $("#projeto").focus(); } else if ($("#regimental").val() == "") { alert("Preencha corretamente sua nota regimental"); return $("#regimental").focus(); } else if (($("#nome").val() + $("#rgm").val() + $("#parcial").val() + $("#exercicios").val() + $("#projeto").val() + $("#regimental").val()) > 10) { alert("A soma das notas não podera ultrapassar de 10 pontos"); return false; } else { var aluno = [$("#nome").val(), $("#rgm").val(), $("#parcial").val(), $("#exercicios").val(), $("#projeto").val(), $("#regimental").val()]; alunos.push(aluno); } } function exibir() { alert(alunos[0][3]); var conteudo = "<table border='1'><tr><th>Nome</th><th>RGM</th><th>Parcial</th><th>Exercícios</th><td>Projeto</th><th>Regimental</th></tr>" var i; for (i = 0; i < alunos.length; i++) { conteudo += "<tr><td>" + alunos[i][0] + "</td><td>" + alunos[i][1] + "</td><td>" + alunos[i][2] + "</td><td>" + alunos[i][3] + "</td><td>" + alunos[i][4] + "</td><td>" + alunos[i][4] + "</td></tr>"; } conteudo += "</table>" $("#resultado").html = conteudo; } </script> </head> <body> <form> Nome: <input type="text" id="nome"> <br>RGM: <input type="text" id="rgm"> <br> Nota Parcial: <input type="text" id="parcial"> <br> Nota Exercícios: <input type="text" id="exercicios"> <br> Nota Projeto: <input type="text" id="projeto"> <br> Nota Regimental: <input type="text" id="regimental"> <br><button id="cadastrar">Cadastrar</button> <button id="exibir">Exibir Dados</button> </form> <div id="resultado"></div> </body> </html>
    • By Eduardo_555
      OLÁ
       
      O problema e o seguinte.
       
      Tenho uma pagina de login com o seguinte código de autenticação da senha(sei que não e muito seguro fazer senha com javascript mas ta bom pra mim)
       
      <script> function Login() { var done=0; var usuario = document.getElementsByName('usuario')[0].value; usuario=usuario.toLowerCase(); var senha= document.getElementsByName('senha')[0].value; seha=senha.toLowerCase(); if (usuario=="ttttt" && senha=="123456") { window.location="inicio.html"; done=1; } if (done==0) { alert("ALGO ESTÁ ERRADO,TENTE NOVAMENTE"); } } </script> Tenho duas caixas de texto, onde digita a senha e o login. e o botao com o segunte codigo. <form="enviar"> <input name="clica" type="button" onclick="Login()" class="botao" value="Login" id="clica"> </form> Atualmente só consigo enviar informações da senha clicando no botão, e gostaria que o usuário pudesse clicar direto no enter e executar o script da senha que coloquei acima. já tentei diversos códigos que achei na net, mas nenhum funcionou no meu caso, devo estar fazendo algo de errado, sou iniciante, tanto em html, quando em javascript... Qualquer ideia para melhorar esta parte do meu código, é valida!!!
×

Important Information

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