Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Carlos Designer

Dar foco a um campo de form apos carregar pagina

Por , em Javascript

Recommended Posts

Carlos Designer    0

Carlos Designer
Postado

Boa noite,

 

Tenho um formulario no qual o usuario deve digitar um codigo e uma quantidade.

 

 

<html>

<head>

<title>Controle do Caixa</title>

<script language="javascript>

 

function foco()

{

document.produtos.codigo.focus();

}

 

</script>

</head>

 

<body onload="foco()">

 

<form name="produtos" method="get" action="pedidos.php">

 

<input type="text" name"codigo" id="codigo">

<input type="text" name"quantidade" id="quantidde">

<input type="submit" value="enviar">

 

</form>

 

 

</body>

</html>

 

 

mas não ta funcionando!!!

 

alguem tem alguma outra ideia?

 

desde já agradeço!

 

não coloco o código completo pq já ta muito grande, mas o que interessa é só essa parte mesmo,q

que ate ja testei separadamente.

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

Pode nos mostrar o código mais completo?

 

Cumps \o/

Compartilhar este post

Link para o post
Compartilhar em outros sites

amjr    0

amjr
Postado

Sei que o tópico é antigo, mas a resposta é a seguinte:

 

<script language="javascript>

function foco()

{

this.document.produtos.codigo.focus();

}

</script>

 

Tem que colocar o "this" na frente ou se quiser uma solução mais "profissa" coloca:

 

<script language="javascript>

function foco()

{

document.getElementById('codigo').focus();

}

</script>

 

E no evento onload da tag body coloca "javascript:foco();"

 

Ficando assim:

<body onload="javascript:foco();">

 

 

Uma solução mais "profissa" ainda:

 

<script language="javascript>

function foco(id)

{

document.getElementById(id).focus();

}

</script>

 

E no evento onload da tag body coloca "javascript:foco('Id_do_Elemento_que_receberá_o_focus);"

 

No exemplo citado ficaria

<body onload="javascript:foco('codigo');">

 

www.mjpsolucoes.com.br - construindo seus sonhos na internet

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito