Ir para conteúdo

POWERED BY:

Arquivado

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

Patrique

Colocar virgula quando der um espaço

Por , em Javascript

Recommended Posts

Patrique    0

Patrique
Postado

Fala ae galera, beleza.

 

Gostaria de saber se alguem ai tem algum script ou alguma solução para o seguinte.

 

Tenho um campo input aonde eu estou usando ele para cadastrar tags no banco de dados, do jeito que está eu coloco as palavras na seguinte forma:

 

humor, aventura, ação, infantil

 

estão vendo, eu vou colocando as palavras e aplicando virgula para separar uma das outras.

 

Eu gostaria de saber se existe alguma função em javascript que faça isso automaticamente para mim, ou seja quando eu colocasse a palavra humor e desse um espaço no campo input o javascript colocaria uma virgula no final da palavra dai assim o sistema iria colocar automaticamente as virgulas para mim, eu iria na verdade apenas colocar as palavras separadas por espaço.

 

e ai, alguém conhece alguma solução ou tem alguma idéia de como eu posso fazer isso?

 

desde já agradeço,

Patrique André

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

utilize os evntos:onbluronkeypressonkeyuponkeydownonfocuspra fazer chamada de uma funçaonessa funçao, crie uma rotina que verifique qual caracter foi digitado, se for espaço aplique a sua regra incrementando a virgulavocê deve capturar o KeyCode e nao o caracter

Compartilhar este post

Link para o post
Compartilhar em outros sites

Patrique    0

Patrique
Postado

Vixxi mano, hehehehe não entendi não, é que não conheço tão bem assim javascript http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

 

Poxa, se não for te pedir muito tem como você montar uma função ae para eu ter uma idéia? hehehehe se não for pedir de mais né, ou então se você souber algum script ou algum tutorial na net.

 

Mais se não der tranquilo cara, vou ficar aqui dando meus pulos

 

desde já agradeço,

Patrique

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jack McSlay    0

Jack McSlay
Postado 

[url="http-~~-//december.com/html/4/element/input.html"]<input[/url] id="tags" name="tags" />
[url="http-~~-//december.com/html/4/element/script.html"]<script[/url] type="text/javascript"><![CDATA[
 IE = false;
 document.getElementById('tags') = function (e){
  if (IE) e = event;
//alert (e.keycode); 
  if (e.keyCode == ESPACO){
   e.target.value += ',';
   return false;
  }
  return true;
 }
]]></script>
<!--[if IE]>
[url="http-~~-//december.com/html/4/element/script.html"]<script>[/url]IE=true</script><![endif]-->

é algo nessa linha. eu não sei qual é o keycode do espaço, então descomente a linha com o alert pra descobrir

Compartilhar este post

Link para o post
Compartilhar em outros sites

Patrique    0

Patrique
Postado

opa, obrigado jack

 

Um colega de um outro fórum me passou uma solução também

 

<script>function Virgulas(obj_campo) {var space = obj_campo.value.substr((obj_campo.value.length - 1), 1);if (space == " ") {  var atual_texto = obj_campo.value.substr(0, (obj_campo.value.length - 1));  obj_campo.value = (atual_texto + ", ");}} </script><input type="text" size="30" onKeyUp="Virgulas(this)">

Funciona perfeitamente em todos os navegadores!!!

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

klaygomes    0

klaygomes
Postado

Para que isso tudo? Não seria mas fácil só incluir isto

 

<input type=text onblur="this.value = this.value.replace(' ', ', ');" />

 

ps.: eu sei que não é boa prática misturar html com código javascript, mas neste caso é o melhor a fazer.

Compartilhar este post

Link para o post
Compartilhar em outros sites

vagner.net    0

vagner.net
Postado

Mais uma solução Crossbrowser não-obstrutivo.

 

<html>	<head>		<title>Fórum</title>		<script type="text/javascript">			function Virgula(e){				try{var element = e.target; var key = e.which; }catch(er){};					try{var element = event.srcElement; var key = event.keyCode; }catch(er){}					if(key==32) element.value += ',';			}						window.onload = function(){				document.getElementById('text').onkeydown = Virgula;			}		</script>	</head>	<body>	   <input type="text" id="text" />	 	</body></html>

... http://forum.imasters.com.br/public/style_emoticons/default/dormindo.gif

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