[Tutorial]Selecionando um Campo

**~ Heatlex.** · 7 de Setembro 2011

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 !!

**PoweR BoLT** · 12 de Setembro 2011

Tópico em area errada.

Trancado

Entrar

Quem está por aqui 0 membros estão online

[Tutorial]Selecionando um Campo

Posts Recomendados

~ Heatlex. 11

Link para o comentário

Compartilhar em outros sites

PoweR BoLT 92

Link para o comentário

Compartilhar em outros sites

Fóruns

Todas Atividades

Lojinha WC

Informação Importante