toUpperCase em textarea [RESOLVIDO]

1. toUpperCase em textarea [RESOLVIDO]

Jorge Augusto Rabello Pinto
jorgerabello

(usa Ubuntu)

Enviado em 28/04/2012 - 04:38h

Fala galera, estou comçando no javascript/html e estou enfrentando um problema tenho um formulário com uma textarea, e todo texto deste form. deve ficar em maiúscula quando o usuário digitar, então criei uma função em javascript e chamo a função no textarea, porem o problema é que quando escreve um letra ou palavra e para de digitar no textarea ele pula um caractere, formando um espaço.

Alguem poderia por favor me dizer o que estou fazendo de errado ou onde posso encontrar alguma resposta ?

Seguem fragmento do documento html para analise:

<script language="JavaScript" type="text/javascript">
function muda(qual)
{
uCase = qual.value.toUpperCase();
qual.value = uCase;
}
</script>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="263">Observa&ccedil;&otilde;es: <br />
<textarea name="observacoes" cols="73" rows="10" id="observacao" style="resize:none" onkeyup="muda(this)">
</textarea>
</td>
</tr>
</table>

Agradeço a atenção de todos desde já !







  


2. RESOLVIDO

Jorge Augusto Rabello Pinto
jorgerabello

(usa Ubuntu)

Enviado em 28/04/2012 - 04:51h

Galera seguinte acabei resolvendo aqui segue a dica para quem quiser !

Ao invez de utilizar uma função do javascript descobri que dá pra fazer com CSS, então o código ficou assim:


<script language="JavaScript" type="text/javascript">
function muda(qual)
{
uCase = qual.value.toUpperCase();
qual.value = uCase;
}
</script>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="263">Observa&ccedil;&otilde;es: <br />
<textarea name="observacoes" cols="73" rows="10" id="observacao" style="resize:none; text-transform: uppercase">
</textarea>
</td>
</tr>
</table>

Atenciosamente
Jorge Rabello


3. Re: toUpperCase em textarea [RESOLVIDO]

Perfil removido
removido

(usa Nenhuma)

Enviado em 28/04/2012 - 22:51h

E com jquery?

jQuery(function($) {
$("#observacao").keyup(function(){
$("#observacao").val($(this).val().toUpperCase());
});
});



4. Eu sei que o tópico está resolvido...mas

guilherme
silverfox

(usa Debian)

Enviado em 19/05/2012 - 22:14h

Eu sei que o tópico está resolvido...mas gostaria de saber em que navegador ocorre o problema, pois no IE,Chrome,opera,etc e funcionou normal.

Diga-me qual o navegador e versão que ocorre o problema. Pois isso me deixou intrigado.

Grato.






Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts