Campo de texto autocompletable en flash.

En realidad, son campos de texto embebidos en un clip de película. Cada instancia del componente, crea un archivo .sol (sharedObject) donde se almacenan las palabras escritas. (Parecido al sistema de los teléfonos móviles)

Por ejemplo, en un campo donde se introduce una dirección de correo, se memoriza el texto, las siguientes veces bastará con escribir la primera letra de dicha dirección para que aparezca la dirección completa. Pulsando la tecla intro el componente interpreta que es el texto buscado y lo introduce.

Si existen varias palabras que empiezan igual, se muestra la primera, por ejemplo:

Si se ha almacenado (holanda, holandeses). Cuando introduzca 'h' la primera palabra que el componente muestra es 'holanda'; para que muestre 'holandeses' el componente espera a que se introduzca la cadena 'holande'.

El componente es 'case sensitive'.

Ejemplo:

This movie requires Flash Player 8

Como usarlo

1. Copia en tu biblioteca el componente que encontrarás en el archivo de ejemplo.
2. Arrastra una copia del componente al escenario (imagen 1)

img011.png

Imagen 1

3. Selecciona el componente, haz clic en la pestaña parámetros del inspector de componentes. (imagen 2)

img021.png

Imagen 2

4. Personaliza el aspecto del componente.

El panel parámetros envia los siguientes parámetros:

  • Color texto de entrada
  • Color texto de salida
  • Color borde campo de texto de entrada
  • Color borde campo de texto de salida
  • Texto (opcional)

Si se envía una cadena en el parámetro texto, este aparece en la caja de texto mientras no se modique el contenido.

5. Modifica el tamaño del componente.

Utiliza la herramienta transformación libre para modificar el ancho del componente. (Imagen 3)

img03.png

Imagen 3

6. Puedes obtener el valor de campo autocompletable (Por ejemplo para validar el valor) siempre que asignes un nombre de instancia al componente.

Para obtener el valor introducido en un campo autocompletable con nombre de instancia my_autocompletable, escribe:

CODE:
  1. trace (my_autocompletable._text);

Descarga Autocompletable.zip

Autocompletable.zip se ha descargado 437 veces.

4 Votes | Average: 4 out of 54 Votes | Average: 4 out of 54 Votes | Average: 4 out of 54 Votes | Average: 4 out of 54 Votes | Average: 4 out of 5 (4 votos, promedio: 4 sobre 5)
Loading ... Loading ...

10 Responses to “Campo de texto autocompletable en flash.”


  1. 1 profanador Mar 20th, 2007 at 3:16 pm

    Interesante este formulario autocompletable, pero hay algo que no acabo de ver.
    Encuentro raro que las palabras luego queden autocompletadas en gris, pues debería ponerse negra sin necesidad de escribirla entera, pues así es solo como rectificándola encima.
    También se me plantea la duda, por ejemplo si se deja autocompletado el e-mail en gris este llegara a su destinatario sin problemas?
    Un saludo, y felicidades por vuestras investigaciones.

  2. 2 Eliseo Mar 20th, 2007 at 6:32 pm

    Está Genial!!, Quizá yo ordenaría las palabras alfabéticamente antes de grabarlas, pero ya sabes que soy bastante :::(

  3. 3 toni Mar 21st, 2007 at 8:08 pm

    Gracias :)

    Profanador,

    en cuanto al color, lo pongo diferente porque mientras no aceptes (pulses enter o Tab)solo se está sugiriendo esa palabra o frase, ya que pueden existir varias palabras que empiecen igual, por ejemplo:

    caraj- o
    caraj-illo

    Si escribes 'caraj' el componente te sugiere carajo, pero a lo mejor tu quieres escribir 'carajillo' por tanto hasta que no escribas 'caraji' no te sugiere la palabra 'carajillo'. Espero que esto te aclare este punto.

    En cuanto atu otra pregunta, no influye para nada el color, si envias la variable de un formulario, solo estás enviando su contenido (propiedad textField.text). Ojo! Este no es un formulario funcional, solo un ejemplo.

    Eliseo,

    me parece muy lógico lo que comentas, aunque en cierto modo ya lo hago, una vez he cargado todos los items en el Array los ordeno, pero para una posible nueva versión lo tendré muy en cuenta.

    saludos!

  4. 4 oscar rodriguez Apr 8th, 2007 at 10:44 pm

    Buenas tardes he elaborado el autocompletsble es muy bueno pero en base a esto me surge una pregunta con respecto a la caja de texto en el ejemplo dice que para optener el valor introducido se coloca trace (my_autocompletable._text); , pero no logro optener el texto introducido estoy realizando un buscador de google en flash y lo quiero con la opcion autocompletable el codigo que tengo es el siguiente..

    var flag:Boolean = false;
    var donde:String = "";
    buscar_btn.onRelease = function() {
    getURL("http://www.google.com/search?hl=es&q=" trace (my_busqueda._text) donde, "_blank");
    };

    no se si es de esta manera que se coloca el trace ya que anterirormente solo colocaba el nombre de la caja de texto...

    por favor si alguien conoce sobre este problema me puede escribir al correo..
    les agradesco de antemano y muchas gracias..

  5. 5 toni Apr 14th, 2007 at 5:37 am

    Hola Oscar,

    Bueno, para obtener el valor del campo de texto, hay muchas formas, pero para lo que tu quieres sería algo como:

    Actionscript:
    1. var url:String
    2. url = 'http://www.google.com/search?hl=es&q= '
    3. url += my_busqueda._text
    4. getURL(url,'_blank')

    Saludos

  6. 6 hola Jul 27th, 2007 at 9:01 pm

    por favor
    alguien me podria explicar brevemente algunas acciones que yo la ultima vez q use flash era version 4 y se me estan complicando algunas cosas.
    queria hacer algo basico como contar los caracteres d una caja de texto pero no me sale ni ahi
    morfeo_reversionado@hotmail.com

    bueno, gracias

  7. 7 toni Jul 28th, 2007 at 6:21 am

    Hola,

    esto te servirá:

    contar caracteres

    saludos

  8. 8 Elmercenario Sep 19th, 2007 at 1:14 pm

    Justo que andaba buscando

    Gracias

    Saludos

  9. 9 Andtt Dec 8th, 2007 at 9:30 am

    Hola Toni,
    esta magnifico el tutorial...
    solo que me surgido una duda creo indispensable.

    Si quicieramos poner un campo requerido, el AutoTextfield se lia porq no sabe q valor coger si la de output_txt o imput_txt,

    lo he probado con los dos y no funciona...
    podriais ayudarme gracias....!!

    ..........................CODIDGO......................
    comentarios_txt.borderColor = 0xCCCCCC;
    enviar_btn.tabEnabled = false;
    // --enviar_btn.onRelease = function () {
    //};
    stop();
    System.useCodepage = true;
    enviar_btn.onRelease = function() {
    my_vars = new LoadVars();
    my_vars.sender = empresa_box._text;
    my_vars.subject = persona_box._text;
    my_vars.cargo = cargo._text;
    my_vars.message = message_box.text;
    if (my_vars.sender != "" and my_vars.subject != "" and my_vars.message != "") {
    my_vars.sendAndLoad("mailer.php", my_vars, "POST");
    gotoAndStop(2);
    } else {
    error_clip.gotoAndPlay(2);
    }
    my_vars.onLoad = function() {
    gotoAndStop(3);
    };
    };
    empresa_box.onSetFocus = persona_box.onSetFocus=message_box.onSetFocus=function () {
    if (error_clip._currentframe != 1) {
    error_clip.gotoAndPlay(6);
    }
    };

    ...................END.......................

  10. 10 iMaxXx Dec 9th, 2007 at 3:59 am

    Hola me gustaria saber si se puede usar este componente con la funcionn de validar campo.

    para los campos requeridos (*)

    gracias por vuestra ayuda

Leave a Reply




Subscribe

Subscribe to my RSS Feeds