Ir para conteúdo
Faça parte da equipe! (2024) ×

[Tutorial]Selecionando um Campo

~ Heatlex.

Por ,
em JAVA

 Compartilhar

Posts Recomendados

~ Heatlex. Novato

~ Heatlex. 8

Postado
Denunciar
Postado

Selecionar um campo inteiro para textos que são grande facilita a vida do usuário do seu site, sendo assim trouxe esse script para vocês.

 

Vamo começar. Adicione na sua página:

 

Um "formulário" com um "link" que retorna à função para selecionar o seu "textarea".

 

Vai ficar assim:

 

<html>

<body>

<formname="form1">

<ahref="#">Selecionar Tudo</a><br>

<textareaname="campo1">Aulto - Visite ProfessionalCode.Net</textarea>

</form>

</body>

</html>

 

 

 

No link tem um "#" pois ainda definiremos o link. Agora adicione o seguinte script:

 

<script>

function selecionaTudo(campo)

{

var seleciona=eval("document."+campo)

seleciona.focus()

seleciona.select()

}

</script>

 

 

 

script determina que a variável é igual a "document." mais o parâmetro "campo". Este parâmetro ficará valendo como o nome do formulário(form1) que você por. Logo após, ele determina o cursor do mouse dentro do campo determina e seleciona todo seu conteúdo.

 

Isso tudo será feito através destas determinações dadas ao link:

 

<ahref="java script:selecionaTudo('form1.campo1')">Selecionar Tudo</a><br>

 

 

 

ele retorna à função "selecionarTudo" e dá como referência o "form1.campo" que será interpretado junto com o "document." subistituindo o lugar do parâmetro "campo".

 

Tudo que será selcionado será determinado no "Link", não no "script", pois no script ficaria limitado apenas à seleção de um campo. Já feito desta maneira, é possível selecionar quantos campos você quiser. Basta refazer o mesmo código(link e textarea) dando outro nome ao textarea e também no link o nome do textarea no lugar do "campo1".

 

Sua página pronta ficará assim:

 

<html>

<script>

function selecionaTudo(campo)

{

var seleciona=eval("document."+campo)

seleciona.focus()

seleciona.select()

}

</script>

<body>

<formname="form1">

<ahref="java script:selecionaTudo('form1.campo1')">Selecionar Tudo</a><br>

<textareaname="campo1">Aulto - Visite ProfessionalCode.Net</textarea>

</form>

</body>

</html>

 

 

 

E finalmente você fez um link que retorna a seleção do campo que você determinar.

 

Qualquer coisa pessa ajuda na área correta.

 

E bom proveito !!

ﾠﾠTroféus e Medalhasﾠﾠ
Link para o comentário
Compartilhar em outros sites
Este tópico está impedido de receber novos posts.
 Compartilhar
Ir para a lista de tópicos

  • Quem Está Navegando   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.
×
×
  • Criar Novo...

Informação Importante

Nós fazemos uso de cookies no seu dispositivo para ajudar a tornar este site melhor. Você pode ajustar suas configurações de cookies , caso contrário, vamos supor que você está bem para continuar.

 Accept Cookies  Reject Cookies