Comunidad de diseño web y desarrollo en internet online

Convertir entrada de un TextInput a mayúsculas al escribir

Citar            
MensajeEscrito el 27 Abr 2007 07:47 pm
¿Alguién tiene idea de cómo convertir a mayúsculas el contenido de un TextInput al momento de ir escribiendo dentro de éste? Muchas gracias de antemano, saludos.

Por drachelito

1 de clabLevel



Genero:Masculino  

México, D.F.

firefox
Citar            
MensajeEscrito el 27 Abr 2007 11:28 pm
^^ ¡Ya quedó!

De igual manera puede usarse para restringir sólo el uso de minúsculas al cambiar a nombre.text.toLowerCase() dentro de la función aMay(), y en conjunto con el atributo restrict del TextInput se puede además prohibir el uso de otros caracteres no deseados. Espero que a alguién más le sea de utilidad esta información.

Código :

<?xml version="1.0" encoding="iso-8859-1"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
   <mx:Script>
      <![CDATA[
         public function aMay():void
         {
            nombre.text = nombre.text.toUpperCase();
         }
      ]]>
   </mx:Script>
   <mx:TextInput x="132" y="205" change="aMay()" id="nombre" restrict="^0-9" />
</mx:Application>

Por drachelito

1 de clabLevel



Genero:Masculino  

México, D.F.

firefox
Citar            
MensajeEscrito el 27 Abr 2007 11:41 pm
Con esto basta:

Código :

<mx:TextInput x="132" y="205" id="nombre" restrict="A-Z"  />


saludos

Por Maikel

BOFH

5575 de clabLevel

22 tutoriales
5 articulos

Genero:Masculino   Team Cristalab

Claber de baja indefinida

firefox
Citar            
MensajeEscrito el 27 Abr 2007 11:48 pm
Pero ese método no funciona ni para la Ñ, ni para los demás caracteres acentuados del español. :wink:

Maikel escribió:

Con esto basta:

Código :

<mx:TextInput x="132" y="205" id="nombre" restrict="A-Z"  />


saludos

Por drachelito

1 de clabLevel



Genero:Masculino  

México, D.F.

firefox
Citar            
MensajeEscrito el 04 May 2007 07:31 pm

Maikel escribió:

Con esto basta:

Código :

<mx:TextInput x="132" y="205" id="nombre" restrict="A-Z"  />


saludos

Eso solo restringe el uso a "A-Z", pero no convierte a mayúsculas, si escriben "a" <- no aparecería nada en el textinput, lo que él quiere es convertir lo que escribe a mayúsculas. Además de lo ya dicho de la Ñ y acentos :wink:

drachelito, el restrict que tienes esta bien, solo el evento changue, te recomiendo que lo uses de mejor forma:

función:

Código :

private function keepToUper(event:Event):void
{
   var targetText:TextInput;
   targetText = event.target as TextInput;
   targetText.text = targetText.text.toUpperCase();
}

Uso:

Código :

change="keepToUper(event)"


Así esa misma función te servirá para varios TextInput y no solo para uno.

:wink:

Por Dano

BOFH

4273 de clabLevel

14 tutoriales
4 articulos
10 ejemplos

Genero:Masculino   Bastard Operators From Hell Premio_Secretos

Lugar estratégico para vigilarte

firefox
Citar            
MensajeEscrito el 18 May 2010 04:56 pm
OOOOO QUE GENIAL DANO , SALUDOS

Por shinodax

41 de clabLevel



 

firefox
Citar            
MensajeEscrito el 17 Jul 2011 06:08 pm
hola a todos es un buen post tengo algo para agregar y algo para preguntar

Agrego: si quieren que un restrict acepte algun caracter en particular debe agregarlo así

Código ActionScript :

restrict="0-9,A-Z,a-z,'Ñ','ñ'"

Pregunto: con cualquiera de las dos funciones para cambiar a mayúsculas queda el problema de que el cursor de escritura queda en el comienzo así que da la sensación de escribir hacia atrás que podemos hacer para corregir esto

Por thaylor0184

7 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.