Ir para conteúdo

Arquivado

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

rafaeldupalio

Focus

Por , em ASP Clássico

Recommended Posts

rafaeldupalio    5

rafaeldupalio
Postado

Bom dia, gostaria de saber como fazer um setfocus de um campo, Exemplo ao abrir minha pagina o curso ja fique no primeiro campo da pagina e nao que eu precise clicar neste campo.

 

Sealguem souber como fazer agradeço

 

 

alguem???

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

Complementando:

 

focus: usado para dar foco em campos input´s: texto (type: text), botão(type: button), radio(type:radio) e outros elementos, como janela(window), ancoras(a href), etc…

Sintaxe de uso :

HTMLElementObject.focus();


Exemplo de uso:

document.getElementById(“email”).focus();


• select: usado para selecionar o conteúdo de um campo inpu text

Sintaxe de uso:

HTMLElementObject .select();


Exemplo de uso:

document.getElementById("email").select();


Explicado o que faz os métodos focus() e select() vamos ao que interessa. Para dar foco em um campo input text e selecionar todos o seu conteúdo confira abaixo o código de exemplo:

<html>
    <head>
        <script type="text/javascript">
            function selecionaTexto()
            {
                document.getElementById("email").select();
            }
 
            function getfocus()
            {
                document.getElementById('nome').focus();
            }
            function losefocus()
            {
                document.getElementById('nome').blur();
            }
 
            function setFocoESelecionaTextoCampo(){
                document.getElementById('email').focus();
                document.getElementById("email").select();
            }
 
        </script>
    </head>
    <body>
 
        <form>
            email: <input type="text" id="email" value="someone@example.com" size="30" />
            <br>
            nome: <input type="text" id="nome" value="ricardo spinoza" size="30" />
        </form>
 
        <button type="button" onclick="selecionaTexto()">Selecione text campo email</button>
        <br>
        <button type="button" onclick="getfocus()">setar foco no campo nome</button>
        <button type="button" onclick="losefocus()">tirar foco no campo nome</button>
        <br>
        <button type="button" onclick="setFocoESelecionaTextoCampo()">Seta foco e seleciona texto campo email</button>


</body>
</html>

Link do exemplo rodando: exemplo_focus_select.html

Referencia:
W3schools. Method focus – http://www.w3schools.com/jsref/met_html_focus.asp
W3schools. Method select – http://www.w3schools.com/jsref/met_text_select.asp

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gustavo Emygdio Barboza    24

Gustavo Emygdio Barboza
Postado

usando o document.getElementById

 

o campo tem que ter o id

 

<input type="text" name="email" id="email" value="oi@teste.com">

 

dessa forma não precisa!

 

document.form.email.focus();

 

ou se quiser deixar também o valor do campo selecionado

 

document.form.email.select();

Compartilhar este post

Link para o post
Compartilhar em outros sites

rafaeldupalio    5

rafaeldupalio
Postado

Colo na tag body

 

document.getElementById(“IdDoCampo”).focus();

 

Colo na tag body

 

document.getElementById(“IdDoCampo”).focus();

vc cola dentro da tag Body?

assim:

<body>
<Document.getElementById("ct").focus();>

Complementando:

 

focus: usado para dar foco em campos input´s: texto (type: text), botão(type: button), radio(type:radio) e outros elementos, como janela(window), ancoras(a href), etc…

 

Sintaxe de uso :

 

HTMLElementObject.focus();

Exemplo de uso:

 

document.getElementById(“email”).focus();

• select: usado para selecionar o conteúdo de um campo inpu text

 

Sintaxe de uso:

 

HTMLElementObject .select();

Exemplo de uso:

 

document.getElementById("email").select();

Explicado o que faz os métodos focus() e select() vamos ao que interessa. Para dar foco em um campo input text e selecionar todos o seu conteúdo confira abaixo o código de exemplo:

 

 

<html>
    <head>
        <script type="text/javascript">
            function selecionaTexto()
            {
                document.getElementById("email").select();
            }
 
            function getfocus()
            {
                document.getElementById('nome').focus();
            }
            function losefocus()
            {
                document.getElementById('nome').blur();
            }
 
            function setFocoESelecionaTextoCampo(){
                document.getElementById('email').focus();
                document.getElementById("email").select();
            }
 
        </script>
    </head>
    <body>
 
        <form>
            email: <input type="text" id="email" value="someone@example.com" size="30" />
            <br>
            nome: <input type="text" id="nome" value="ricardo spinoza" size="30" />
        </form>
 
        <button type="button" onclick="selecionaTexto()">Selecione text campo email</button>
        <br>
        <button type="button" onclick="getfocus()">setar foco no campo nome</button>
        <button type="button" onclick="losefocus()">tirar foco no campo nome</button>
        <br>
        <button type="button" onclick="setFocoESelecionaTextoCampo()">Seta foco e seleciona texto campo email</button>

 

</body>

</html>

 

Link do exemplo rodando: exemplo_focus_select.html

 

Referencia:

W3schools. Method focus – http://www.w3schools.com/jsref/met_html_focus.asp

W3schools. Method select – http://www.w3schools.com/jsref/met_text_select.asp

Xanburzum:

Vlw por explicar pelo oque entendi e usando so o que eu tava querendo fiz assim:

 

<script type="text/javascript">

function getfocus()

{

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

}

</script>

e no campo onde quero o focus ao carregar a pagina:

CT:
<label for="ct"></label>
<input name="ct" type="text" id="ct" size="15" maxlength="6" onclick="Getfocus()" onkeypress="return EnviaFormulario(event);" onblur="buscact(this.value);"/>

 

esta correto? se a resposta for sim nao fez o esperado ao carregar a pagina preciso clicar na cx de texto ct para digitar. outra pergunta essa mesma funçao vai funcionar a na pagina em asp?

usando o document.getElementById

 

o campo tem que ter o id

 

<input type="text" name="email" id="email" value="oi@teste.com">

 

dessa forma não precisa!

 

document.form.email.focus();

 

ou se quiser deixar também o valor do campo selecionado

 

document.form.email.select();

Fala ae gustavo blz? sabe que cmg tem que ter paciencia né rsrs, entao já comecei apanhando pq ano sei onde declarar o "document.getElementById" e o "document.form.ct.focus()" é usando javascrpit? e como chamo esta ação no propiro campo de texto ct? ou ao declarar no inicio da pagina ele ja seta esse campo diretamente?

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

vc pode usar o atributo autofocus do HTML 5 ele especifica que um elemento deve receber automaticamente o foco quando a página é carrega. Permitindo que o usuário comece digitar sem ter que manualmente dar o foco (clicar) no elemento. Tipo o campo de busca no google

<input maxlength="25" name="código" value="" autofocus>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gilberto Jr    26

Gilberto Jr
Postado

Faz assim

<script>
function foco()
	{
		document.nomeformulario.nomecampo.focus();	
	}
</script>

E no body da pagina coloca assim.

<body onload="foco();">

Att;

Compartilhar este post

Link para o post
Compartilhar em outros sites

rafaeldupalio    5

rafaeldupalio
Postado

<body onload=“Document.getElementById("ct").focus();”>

Ronaldo mas antes eu tenho que criar o script? pq fiz direto no body

<body onload="Document.getElementById("ct").focus();">

e nao deu foco no campo txtbox(quando eu digo foco eu quero dizer o cursor piscando no txtbox.

 

você pode usar o atributo autofocus do HTML 5 ele especifica que um elemento deve receber automaticamente o foco quando a página é carrega. Permitindo que o usuário comece digitar sem ter que manualmente dar o foco (clicar) no elemento. Tipo o campo de busca no google

<input maxlength="25" name="código" value="" autofocus>

neste caso o name="codigo" é o nome do meu txtbox certo? no meu caso ct.

hoje ele esta assim:

<input name="ct" type="text" id="ct" size="15" maxlength="6" onkeypress="return EnviaFormulario(event);" onblur="buscact(this.value);"/>

 

e com a sua dica ficaria assim???

<input name="ct" type="text" id="ct" size="15" maxlength="6" onkeypress="return EnviaFormulario(event);" onblur="buscact(this.value); autofocus"/>

 

Faz assim

<script>
function foco()
	{
		document.nomeformulario.nomecampo.focus();	
	}
</script>

E no body da pagina coloca assim.

<body onload="foco();">

Att;

Vlw gilberto resolvido com a sua dica! pow esse é o melhorforum de asp que tem na net agalera participa e ajuda espero estar um dia no nivel de vcs para ajudar os outros tbm! mais uma vez obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

<input maxlength="6" name="código" id="ct" size="15" autofocus onkeypress="return EnviaFormulario(event);" onblur="buscact(this.value);"/>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos ASP Clássico
×

Informação importante

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

  Aceito