Ir para conteúdo
Gilberto Jr

Função Focus

Por , em Javascript

Recommended Posts

Gilberto Jr    26

Gilberto Jr
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

wanderval    19

wanderval
Postado

 

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • Gilberto Jr
      Função Focus
      Por 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
    • AbaClar
      Mouse focus
      Por 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!
       
    • andjao
      Focus atualizando a pagina
      Por 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>
    • Eduardo_555
      Como enviar informações de um botão pressionando a tecla enter?
      Por 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!!!
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito