Ir para conteúdo

POWERED BY:

Arquivado

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

Fabrici0

Limpar apenas input text selecionado

Por , em Javascript

Recommended Posts

Fabrici0    0

Fabrici0
Postado

Pessoal, tenho vários inputs text, precisava inserir um botão que quando clicado o input text que tivesse selecionado assumisse value="".

 

Em teoria acho que precisava passar para esse botão os dados do input que esta selecionado, como faço isso?

 

...<td class="dir"><input type="text" maxlength="1" value="" id="7-9" onclick="java script:this.select();"  onchange="java script:chama(this);"/></td></tr><tr><td class="esq"><input type="text" maxlength="1" id="8-1" value="" onclick="java script:this.select();"  onchange="java script:chama(this);"/></td>...

OBS.: Além do botão limpar o campo selecionado, precisava que ele fizesse o equivalente ao enter pressionado, para que o campo assumisse o valor ""

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabrici0    0

Fabrici0
Postado

Quando o usuário clica em um input text a função this select seleciona todo o conteúdo dele. Válido para qualquer um desses inputs.Precisava de um botão que quando clicado, apagasse o valor do último input text selecionado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

pq q você precisa disso??naum estou encontrando a aplicabilidade!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabrici0    0

Fabrici0
Postado

Isso substitui o tab ou o enter caso o jogador do joguinho que eu estou fazendo não saiba. Além de substituir o valor do input text o que desbloqueará todos os campos input.Acho que ajuda na acessibilidade.OBRIGADO!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

newrcc    0

newrcc
Postado

Fabricio, não irei responder isso hoje, mas se você tiver um pouco de paciencia, irei tentar em casa, é que estou no trabalho e estou de saida jájá, até mais... valeu...

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

então você terá um botão por input ou um botão para todos??

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabrici0    0

Fabrici0
Postado

Tipo a idéia era um botão 'apaga' quando clicado ele pega o input text que está com select e atribui value=""Tipo eu sei como faço para pegar o input text (por id ex.: 1-8), só não sei como faço o botão receber o id... Se é que é dessa forma...

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><script>var obj;function setInput(input){	obj = input;}function mostra(){	if(obj.value!="")		alert(obj.value);}</script></head><body><input  type="text" name="name1" id="name1" onblur="setInput(this)"/><br /><input  type="text" name="name2" id="name2" onblur="setInput(this)"/><br /><button type="button" onclick="mostra();">apaga</button></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

newrcc    0

newrcc
Postado

Olha fabricio não sei se é o que você deseja, mas acho que o caminho é por ai:

 

<html><head><title>Input's-NEORCC</title><script>var selec;function last_select(oBj) {	selec = oBj;}function clear_select() {	var oBv = document.getElementById(selec);	oBv.value = "";}	</script></head><body>NEORCC_-_-_-_-_-_-_-_-_-_-_--------------------<p>  <input type="text" id="texto1" onclick="this.select(), last_select(this.id);" value="input text" maxlength="10"/></p><p>  <input id="texto2" type="text" onclick="this.select(), last_select(this.id);" value="input text" maxlength="10"/></p><p>  <input id="texto3" type="text" onclick="this.select(), last_select(this.id);" value="input text" maxlength="10"/></p><p>  <input type="submit" name="Submit" value="OK" onclick="clear_select();" /></p></body></html>
ok? qualqur duvida me fala xauuuuuuuuuu!

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

Olha fabricio não sei se é o que você deseja, mas acho que o caminho é por ai:<html><head><title>Input's-NEORCC</title><script>var selec;function last_select(oBj) { selec = oBj;}function clear_select() { var oBv = document.getElementById(selec); oBv.value = "";} </script></head><body>NEORCC_-_-_-_-_-_-_-_-_-_-_--------------------<p> <input type="text" id="texto1" onclick="this.select(), last_select(this.id);" value="input text" maxlength="10"/></p><p> <input id="texto2" type="text" onclick="this.select(), last_select(this.id);" value="input text" maxlength="10"/></p><p> <input id="texto3" type="text" onclick="this.select(), last_select(this.id);" value="input text" maxlength="10"/></p><p> <input type="submit" name="Submit" value="OK" onclick="clear_select();" /></p></body></html>ok? qualqur duvida me fala xauuuuuuuuuu!

naum desmerecendo teu código até pq é igual!!pq você postou um código igual??

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabrici0    0

Fabrici0
Postado

Agradeço aos dois!!

 

Fiz uma pequena modificação no código mas era isso que eu queria mesmo!!

var obj;function setInput(input){	obj = input;}function mostra(){	if(obj.value!="")	{		obj.value = "";		chama(obj);		}}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabrici0    0

Fabrici0
Postado

Pessoal, testei chamar a função com: <button type="button" funciona numa boa, mas se tentar usar: <input type="image" ele funciona similar ao submit... tem como chamar apenas a função usando uma img ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabrici0    0

Fabrici0
Postado

bem descobri que o type="image" submete o formulário, consegui resolver meu problema, buscando no google. Segue:<img src="Imagem.jpg" onClick="mostra();" style="cursor: pointer">

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