Componente ComboBox

Publicado por Carla Macías
16 Julio, 2008

FlashEn este ejercicio aprenderemos a usar el componente ComboBox que viene incluido en Flash. Este componente nos permite mostrar una lista de opciones, de la cual el usuario podrá seleccionar solamente una opción.

Para este ejemplo usaremos Flash 8. El resultado final y el archivo para descargar los encontrarás al final de este post.

Un ComboBox pertenece a la clase mx.controls.ComboBox de ActionScript.

Tutorial

1. Crea un nuevo documento de Flash de 340 x 415 pixeles.

2. A la única capa que existe ponle de nombre Forma. Coloca en el escenario un texto que diga "¿De que país nos visitas?" (sin las comillas).

3. Abre el Panel Componentes (Ctrl. + F7 o bien en el menú Window -> Components). Dentro de este panel encontrarás una sección llamada User Interface (Interfaz de usuario). Abre esa sección y selecciona el componente ComboBox.

4. Arrastra al escenario cinco de estos componentes. Por el momento no importa cómo los coloques en el escenario, más adelante pondré una imagen de cómo de quedar aproximadamente.  Además, arrastra al escenario una instancia del componente Button.

5. Al botón cámbiale su propiedad label por Aceptar. Asígnale el nombre de instancia aceptar_btn.

6. A cada uno de los combos ponles los siguientes nombres de instancia (empezando por el combo que se encuentre más arriba y terminando por el que esté más abajo):

En este ejemplo llenaremos cada uno de los combos por medio de ActionScript, por lo que no será necesario modificar las propiedades de estos combos que se encuentran en el panel Parámetros. Aún así, explicaremos qué es cada una de estas opciones:

7. Acomoda tus componentes y agrega los textos necesarios para que tu documento quede similar a la siguiente imagen:

8. De la imagen anterior puedes darte una idea de qué haremos con cada combo.  En el primer combo mostraremos las opciones como las fuimos metiendo al arreglo. En el segundo combo las opciones aparecerán en orden alfabético de acuerdo a su propiedad etiqueta (label). En el tercer combo mostraremos las opciones en orden numérico de acuerdo al valor (value) de las opciones. Para este ejemplo, en las propiedades value de las opciones usamos números (simulando que fueran los IDs de los países en nuestra base de datos); sin embargo, podemos usar textos como valores. En el cuarto combo mostraremos los países ordenados alfabéticamente y habilitaremos el combo de Estado / Provincia cuando el usuario seleccione como país a México o Perú. Dicho lo anterior y una vez que tengas tu archivo de Flash igual a la imagen de arriba es momento de entrar en terreno pantanoso. Crea una nueva capa y ponle de nombre Acciones. A continuación explicaré el código paso a paso.

9. Primero vamos a crear cuatro arreglos donde almacenaremos las opciones de los combos de países y el combo de estado / provincia. Coloca el siguiente código en la capa de Acciones.

Texto Plano
Actionscript:
  1. var paises:Array = new Array();
  2. var paisesLabel:Array = new Array();
  3. var paisesValue:Array = new Array();
  4. var estados:Array = new Array();

10. Al inicio, el combo de Estado / Provincia deberá estar desactivado, por lo que debemos poner la siguiente línea de código:

Texto Plano
Actionscript:
  1. cbo_estados.enabled = false;

11. El siguiente código muestra la función almacenaPaises, la cual se encargará de almacenar las etiquetas y los valores en un arreglo. A pesar de que en nuestro ejemplo se almacenan los datos de forma estática, hacerlo dinámicamente (extrayendo la información de una base de datos, ya sea por medio de un XML, usando AMFPHP, LoadVars, etc.) es muy fácil ya que bastará recorrer la información obtenida por medio de un ciclo for y añadirla al arreglo.

Texto Plano
Actionscript:
  1. function almacenaPaises() {
  2.     paises.push({label:"-- Selecciona --",  data:0});
  3.     paises.push({label:"México",       data:15});
  4.     paises.push({label:"Argentina",         data:12});
  5.     paises.push({label:"España",       data:24});
  6.     paises.push({label:"Venezuela",         data:5});
  7.     paises.push({label:"Colombia",      data:18});
  8.     paises.push({label:"Perú",           data:10});
  9.     paises.push({label:"Chile",           data:28});
  10.    
  11.     for(var i = 0; i <paises.length; i++) {
  12.         paisesLabel.push({label:paises[i].label, data:paises[i].data});
  13.         paisesValue.push({label:paises[i].label + " -- " + paises[i].data, data:paises[i].data});
  14.     }
  15.     paisesLabel.sortOn(["label", "data"]);
  16.     paisesValue.sortOn("data", Array.NUMERIC);
  17.    
  18.     cbo_paises0.dataProvider = paises;
  19.     cbo_paises1.dataProvider = paisesLabel;
  20.     cbo_paises.dataProvider  = paisesLabel;
  21.     cbo_paises2.dataProvider = paisesValue;
  22. }

Nota Analizando el código anterior te darás cuenta de que hicimos la inserción de los campos  para cada arreglo y NO se crearon los arreglos paisesLabel y paisesValue a partir del arreglo paises (es decir, de la forma paisesValue = paises y paisesLabel = paises). Esto se debe a que al hacer la asignación de la forma arregloA = arregloB el arregloB hace referencia a la localidad de memoria del arregloA, por lo tanto al modificar cualquiera de los dos arreglos (agregar/quitar/ordenar elementos, por ejemplo) estaríamos modificando la referencia de ambos (que es la misma) y claro que se estarían afectando los dos.

El método sortOn de un arreglo nos permite ordenarlo de acuerdo al criterio que señalemos. El primer parámetro de este método es el campo sobre el cual queremos ordenarlo (en nuestro caso es label o data). Para el caso del arreglo paisesLabel, estamos ordenando el arreglo primero por etiqueta (label) y después por su valor (data). En el caso del arreglo paisesValue, estamos ordenándolo por el valor de los registros (data). Como el valor de data es solamente numérico, debemos espercificarlo como segundo parámetro del método; ya que si no lo haces el programa primero mostrará los de valor 10 y después los de 5, por ejemplo.

Después de llenar los arreglos y ordenarlos conforme a nuestras necesidades, se los asignamos a los combos cbo_paises0, cbo_paises1, cbo_paises2 y cbo_paises por medio de la propiedad dataProvider.

12. Para poder anidar los combos de paises y Estado / Provincia debemos añadirle un listener al combo de paises. De esta forma, podremos detectar los eventos que se generan en un ComboBox. El evento que debemos detectar es el de change, el cual se produce cuando se cambia el valor del combobox cuando el usuario escoge una opción. El siguiente código añade el listener al combo cuyo nombre de instancia es cbo_paises (penúltimo combo).

Texto Plano
Actionscript:
  1. cbo_paises.addEventListener("change", eventoComboBox);
  2. function eventoComboBox(evento) {
  3.     if(evento.target.selectedItem.data == 15 ||evento.target.selectedItem.data == 10)
  4.         almacenaEstados(evento.target.selectedItem.data);
  5.     else
  6.         cbo_estados.enabled = false;
  7. }

Observando el código encontrarás que la función eventoComboBox es llamada cuando se genera el evento; y que esta función recibe como parámetro la variable evento. De esta variable podemos conocer el objeto que lanzó el evento, por medio de la propiedad target (evento.target). Debido a que el target es el combobox cbo_paises podemos hacer uso de la propiedad selectedItem.data para conocer el valor de la opción seleccionada (toma nota de que también podrías usar selectedItem.label para conocer la etiqueta de la opción elegida). Debido a que necesitamos habilitar y llenar el combo de Estado / Provincia cuando el país elegido sea México o Perú, debemos verificar si el valor regresado por selectedItem.data es 15 (valor para México) ó 10 (valor para Perú). En caso de que se cumpla esta condición, llamaremos a la función almacenaEstados, que recibe como parámetro el valor del país elegido. El código de esta función es el siguiente:

Texto Plano
Actionscript:
  1. function almacenaEstados(opc) {
  2.     estados = new Array({label:"-- Selecciona --", data:0});
  3.     if(opc == 15) {  
  4.         estados.push({label:"Aguascalientes",   data:"AGS"});
  5.         estados.push({label:"Nuevo León",   data:"NL"});
  6.         estados.push({label:"Yucatán",             data:"YUC"});
  7.         estados.push({label:"Jalisco",    data:"JAL"});
  8.         estados.push({label:"San Luis Potosí",     data:"SLP"});
  9.         estados.push({label:"Oaxaca",       data:"Oaxaca"});
  10.     }
  11.     else {
  12.         estados.push({label:"Huaraz",       data:"HUA"});
  13.         estados.push({label:"Casma",          data:"CAS"});
  14.         estados.push({label:"Ocros",          data:"OCR"});
  15.         estados.push({label:"Arequipa",         data:"ARE"});
  16.         estados.push({label:"Lucanas",    data:"LUC"});
  17.         estados.push({label:"Moho",             data:"MOH"});
  18.     }
  19.     cbo_estados.dataProvider = estados.sortOn(["label"]);
  20.     cbo_estados.addEventListener("load", estadosCargados);
  21.     cbo_estados.enabled = true;
  22. }

La primera línea de la función anterior es importante ya que estamos volviendo a llenar el arreglo estados; si no lo hiciéramos la segunda vez que entráramos a esta función  estaríamos añadiendo los datos al arreglo y por lo tanto aparecerían duplicados (si volvimos a seleccionar el mismo país) o bien revueltos los estados de México con las provincias de Perú.
Cuando la opción (variable opc) es igual a 15 (México), llenamos el combo con los estados de México; en caso contrario, llenamos el combo con las provincias de Perú. Vuelvo a señalar que dentro de esta función podríamos hacer una llamada a la base de datos para obtener los registros o bien la lectura de un XML.
Finalmente, después de llenar el arreglo se lo asignamos al combo cbo_estados. Además, le asignamos un listener del evento load (carga) para detectar cuando se terminen de cargar las opciones del ComboBox y así poner como seleccionado la primera opción del combo (cbo_estados.selectedIndex de la función estadosCargados). Posteriormente agregamos el código para habilitar el combo de estados (cbo_estados.enabled = true ;) .

Texto Plano
Actionscript:
  1. function estadosCargados() {
  2.     cbo_estados.selectedIndex = 0;
  3. }

El último código que falta por pegar es el del botón de Aceptar. Al hacer click en este botón verificamos que el usuario haya seleccionado algún país (del combo cbo_paises, o sea el penúltimo combo) y si no seleccionó alguno mostramos un mensaje de alerta. Si el usuario seleccionó los países de México o Perú, verificamos que haya seleccionado algún estado o provincia y si no fue así mostramos otro mensaje de alerta.

Texto Plano
Actionscript:
  1. aceptar_btn.onRelease = function() {
  2.     if(cbo_paises.selectedIndex == 0)
  3.         Alert.show("Por favor selecciona un país", "Aviso");
  4.     else if(cbo_paises.selectedItem.data == 15 || cbo_paises.selectedItem.data == 10) {
  5.         if(cbo_estados.selectedIndex == 0)
  6.             Alert.show("Por favor selecciona un estado", "Aviso");
  7.     }
  8. }

No olvides agregar la llamada a la función almacenaPaises para que se llenen los combos cuando se ejecute la película

Texto Plano
Actionscript:
  1. almacenaPaises();

¿Mucho rollo y ya te perdiste? No te preocupes, aquí va el código completo:

Texto Plano
Actionscript:
  1. import mx.controls.Alert;
  2.  
  3. var paises:Array = new Array();
  4. var paisesLabel:Array = new Array();
  5. var paisesValue:Array = new Array();
  6. var estados:Array = new Array();
  7.  
  8. cbo_estados.enabled = false;
  9.  
  10. almacenaPaises();
  11.  
  12. cbo_paises.addEventListener("change", eventoComboBox);
  13. function eventoComboBox(evento) {
  14.     if(evento.target.selectedItem.data == 15 ||evento.target.selectedItem.data == 10)
  15.         almacenaEstados(evento.target.selectedItem.data);
  16.     else
  17.         cbo_estados.enabled = false;
  18. }
  19.  
  20. function almacenaPaises() {
  21.     paises.push({label:"-- Selecciona --",  data:0});
  22.     paises.push({label:"México",       data:15});
  23.     paises.push({label:"Argentina",         data:12});
  24.     paises.push({label:"España",       data:24});
  25.     paises.push({label:"Venezuela",         data:5});
  26.     paises.push({label:"Colombia",      data:18});
  27.     paises.push({label:"Perú",           data:10});
  28.     paises.push({label:"Chile",           data:28});
  29.    
  30.     for(var i = 0; i <paises.length; i++) {
  31.         paisesLabel.push({label:paises[i].label, data:paises[i].data});
  32.         paisesValue.push({label:paises[i].label + " -- " + paises[i].data, data:paises[i].data});
  33.     }
  34.     paisesLabel.sortOn(["label", "data"]);
  35.     paisesValue.sortOn("data", Array.NUMERIC);
  36.    
  37.     cbo_paises0.dataProvider = paises;
  38.     cbo_paises1.dataProvider = paisesLabel;
  39.     cbo_paises.dataProvider  = paisesLabel;
  40.     cbo_paises2.dataProvider = paisesValue;
  41. }
  42. function almacenaEstados(opc) {
  43.     estados = new Array({label:"-- Selecciona --", data:0});
  44.     if(opc == 15) {  
  45.         estados.push({label:"Aguascalientes",   data:"AGS"});
  46.         estados.push({label:"Nuevo León",   data:"NL"});
  47.         estados.push({label:"Yucatán",             data:"YUC"});
  48.         estados.push({label:"Jalisco",    data:"JAL"});
  49.         estados.push({label:"San Luis Potosí",     data:"SLP"});
  50.         estados.push({label:"Oaxaca",       data:"OAX"});
  51.     }
  52.     else {
  53.         estados.push({label:"Huaraz",       data:"HUA"});
  54.         estados.push({label:"Casma",          data:"CAS"});
  55.         estados.push({label:"Ocros",          data:"OCR"});
  56.         estados.push({label:"Arequipa",         data:"ARE"});
  57.         estados.push({label:"Lucanas",    data:"LUC"});
  58.         estados.push({label:"Moho",             data:"MOH"});
  59.     }
  60.     cbo_estados.dataProvider = estados.sortOn(["label"]);
  61.     cbo_estados.addEventListener("load", estadosCargados);
  62.     cbo_estados.enabled = true;
  63. }
  64.  
  65. function estadosCargados() {
  66.     cbo_estados.selectedIndex = 0;
  67. }
  68.  
  69. aceptar_btn.onRelease = function() {
  70.     if(cbo_paises.selectedIndex == 0)
  71.         Alert.show("Por favor selecciona un país", "Aviso");
  72.     else if(cbo_paises.selectedItem.data == 15 || cbo_paises.selectedItem.data == 10) {
  73.         if(cbo_estados.selectedIndex == 0)
  74.             Alert.show("Por favor selecciona un estado", "Aviso");
  75.     }
  76. }

Nota Para ordenar los elementos de un ComboBox se pueden usar las funciones sortItems y sortItemsBy. Para este caso deberás tener, de todas formas, arreglos distintos para cada ComboBox.

Hemos llegado al final de este tutorial. Después de tanta explicación no olvides bajar los archivos y ver el archivo de ejemplo que está a continuación.


Este archivo requiere Flash Player 8
Descargar Archivo
Tags: , ,
Flash

Si te gustó esta entrada anímate a escribir un comentario o suscribirte al feed y obtener los artículos futuros en tu lector de feeds.

Comentarios
  Pingback por Enviar Formulario de Contacto | Código Metrópoli el Julio 23, 2008 @ 12:39 am

[...] en el formulario algunos de los componentes que ya vimos en los post pasados. Estos componentes son ComboBox, RadioButton y [...]

  Comentario por Manuel Galán el Julio 26, 2008 @ 10:33 am

Soy un novato de 74 años que le ha dado por aprender esto.
Voy a probar tu tutorial. Estoy muy agradecido a personas que como tú hacen esfuerzos para enseñar. Garcias
Manolo
Torrevieja España

  Comentario por Carla Macías el Julio 26, 2008 @ 9:22 pm

Estimado Manolo,

Muchas gracias por escribir.
Espero, en verdad, que estos tutoriales le sean de gran ayuda. Recuerde que nunca es tarde para aprender.

Saludos.

Carla Macías

  Comentario por Francisco Acosta el Agosto 10, 2008 @ 12:59 pm

Hola Carla, es muy interesante tu pagina y a la vez una escuela de aprendisaje. gracias por crear algo asi que te explica paso a paso lo que se debe hacer.
Disculpame mi atrevimiento, pero ya que estas en esto, Crees poder hacer que al seleccionar de un combo box, aparezca otra o un list box donde esten elementos que se filtran segun lo seleccionado en la primera y de este list box poder hacer click en uno de los elementos y que se abra un archivo?... no sera mucha molestia pedirte como se hace eso, solo quiero que al seleccionar en el segundo box, se pueda abrir un archivo como un pdf por ejemplo...
Gracias desde ya tu gentil asistencia en esta clase de Flash.
Saludos y mucha Suerte en tus proyectos

  Comentario por Carla Macías el Agosto 10, 2008 @ 3:13 pm

Hola Francisco,

Para hacer lo que necesitas debes usar el listener "change" en ambos combos (no sólo en el primer combo, que es como se muestra en el ejemplo de esta entrada). Al agregar el evento change al primer combo podremos cambiar las opciones del segundo; y al agregar el evento change al segundo combo podremos abrir la página o documento seleccionado.

Te dejo un ejemplo en esta página. Espero te sirva, ya me contarás...

Saludos.

  Comentario por ALdo el Agosto 18, 2008 @ 6:17 pm

muy bueno tu tutorial carla...mi pregunata es como podrias hacer si los datos los trajiera de un xml?? me podras ayudar con eso d antemano gracias!!

  Comentario por ALdo el Agosto 18, 2008 @ 6:18 pm

hi

  Comentario por Carla Macías el Agosto 18, 2008 @ 7:07 pm

 

 

Hola Aldo,

Es fácil, imagina que este es tu xml (opciones.xml):

Texto Plano
XML:
  1. <?xml version="1.0"?>
  2. <opciones>
  3.     <item nombre="Opción 1" id="1" url="pagina1.html" />
  4.     <item nombre="Opción 2" id="2" url="pagina2.html" />
  5.     <item nombre="Opción 3" id="3" url="pagina3.html" />
  6. </opciones>

Ahora imagina que tu combobox se llama opcion_cb. El código sería:

Texto Plano
Actionscript:
  1. var opciones:Array = new Array();
  2. var xmlFile:XML = new XML();
  3. xmlFile.ignoreWhite = true;
  4. xmlFile.onLoad = function(success)
  5. {
  6.     if(success)
  7.     {
  8.         var opcionNodo = this.firstChild.firstChild;
  9.  
  10.         while(opcionNodo)
  11.         {
  12.             if(opcionNodo.nodeType == 1)
  13.             {            
  14.                 opciones.push({label:opcionNodo.attributes.nombre, data :o pcionNodo.attributes.id, url :o pcionNodo.attributes.url});
  15.             }
  16.             opcionNodo = opcionNodo.nextSibling;
  17.         }
  18.         opcion_cb.dataProvider = opciones;
  19.     }
  20.     else
  21.     {
  22.         trace("Error al leer el archivo XML");
  23.     }
  24. }
  25. opcion_cb.addEventListener("change", infoOpcion);
  26. function infoOpcion()
  27. {
  28.     trace("Nombre: " + opcion_cb.selectedItem.label);
  29.     trace("data: " + opcion_cb.selectedItem.data);
  30.     trace("URL: " + opcion_cb.selectedItem.url);
  31. }
  32. xmlFile.load("opciones.xml");

Saludos.

  Comentario por AlexSardi el Febrero 11, 2009 @ 9:31 pm

muchas Gracias por el tutorial, realmente lo necesitaba. Es excelente...

  Comentario por AlexSardi el Febrero 12, 2009 @ 3:03 pm

Disculpa la molestia pero, si quisiera enviar un formulario como el que hiciste por medio de un mail? se puede?

  Comentario por Carla Macías el Febrero 13, 2009 @ 10:41 pm

Hola Alex,

Visita el tutorial de Enviar Formulario de Contacto.

Saludos.

  Comentario por cptn.palacios el Febrero 15, 2009 @ 11:49 am

que tal, oye necesito hacer un combox para un diccionario como le hago para que funcione con frames?

gracias

  Comentario por Carla Macías el Febrero 15, 2009 @ 9:26 pm

No entendí nada de lo que necesitas.
Por favor da más explicación.

Saludos.

  Comentario por Bodomias el Marzo 31, 2009 @ 11:00 am

Hola Carla,

Este tuto es impresionante. Te felicito por el trabajo impecable y te agradezco mucho que compartas tus conocimientos.

He probado a pasarle valores al combo desde el XML. Como no he sido capaz de realizar tu propuesta, le he hecho unos cambios que me resultan más fáciles:
var opciones:Array = new Array();
var xmlFile:XML = new XML();
xmlFile.ignoreWhite = true;
xmlFile.onLoad = function(success)
{
if(success)
{
var opcionNodo = this.firstChild.firstChild;

for(i=0; i<nodes.length; i++)
{ opciones.push({label:opcionNodo.attributes.nombre});
}
opcion_cb.dataProvider = opciones;
}
else
{
trace("Error al leer el archivo XML");
}
}

Lo malo es que el XML repite valores para el mismo atributo, con lo que se refleja en el combo. ¿Cómo podría hacer para que el combo muestre sólo valores únicos?

Un saludo maja!

  Comentario por Carla Macías el Marzo 31, 2009 @ 11:06 pm

Hola Bodomias,

Gracias por tu comentario.
¿Podrías poner tu código completo y el XML que estás llamando?
Creo que el código que pegaste está incompleto ya que no veo de dónde sale la variable nodes.

Saludos.

  Comentario por Bodomias el Abril 1, 2009 @ 3:49 am

Hola Carla,

Tienes razón, aunque el código es un churro bastante largo.
También tengo una duda básica, y es que no sé cómo recoger el dato del ítem seleccionado del combobox en la función filterFunc. Lo he conseguido con un textInput (cajaNombre) pero el combobox se me resiste.

Aquí va el código.

Texto Plano
Actionscript:
  1. var miXML:XML = new XML();
  2. var datosProcesos:Array = new Array();
  3. var ComboTipo: Array = new Array();
  4. var ComboMunicipio: Array = new Array();
  5. var ComboCategoria: Array = new Array();
  6. var ComboArquitectura: Array = new Array();
  7. var alClicar:Object = new Object();
  8.  
  9. //Cargamos el XML
  10. miXML.ignoreWhite = true;
  11. miXML.onLoad = function(success){
  12.     //Cargamos y llenamos el array
  13.     if (success){
  14.         var nodes:Array = miXML.firstChild.childNodes;
  15.                
  16.         //Carga de Combobox
  17.         for (i=0; i<nodes.length; i++) {
  18.             ComboMunicipio.push({label:nodes[i].attributes.Municipio})
  19.         }
  20.         for (i=0; i<nodes.length; i++) {
  21.             ComboTipo.push({label:nodes[i].attributes.Tipo})
  22.         }
  23.         for (i=0; i<nodes.length; i++) {
  24.             ComboCategoria.push({label:nodes[i].attributes.Categoria})
  25.         }
  26.         for (i=0; i<nodes.length; i++) {
  27.             ComboArquitectura.push({label:nodes[i].attributes.Arquitectura})
  28.         }
  29.         cbMunicipio.dataProvider = ComboMunicipio;
  30.         cbTipo.dataProvider = ComboTipo;
  31.         cbCategoria.dataProvider = ComboCategoria;
  32.         cbArquitectura.dataProvider = ComboArquitectura;
  33.        
  34.                
  35.        
  36.         //Asignamos al DataSet y al DataGrid
  37.         datos.items = datosProcesos;
  38.         datos.filtered = false;
  39.         procesos_grid.dataProvider = datos.dataProvider;
  40.        
  41.         //Propiedades del DataGrid
  42.         procesos_grid.resizableColumns = false;
  43.         procesos_grid.getColumnAt(0).width = 100;
  44.         procesos_grid.getColumnAt(1).width = 70;
  45.         procesos_grid.getColumnAt(2).width = 100;
  46.         procesos_grid.getColumnAt(3).width = 150;
  47.         procesos_grid.getColumnAt(0).setStyle("textAlign", "left");
  48.         procesos_grid.getColumnAt(1).setStyle("textAlign", "right");
  49.         procesos_grid.getColumnAt(2).setStyle("textAlign", "right");
  50.         procesos_grid.getColumnAt(3).setStyle("textAlign", "right");
  51.        
  52.         //Deshabilitamos ordenación de las columnas, pero no las columnas
  53.         for (i=0; i<nodes.length; i++){
  54.             procesos_grid.getColumnAt(i).sortOnHeaderRelease = false;
  55.         }
  56.     }
  57.     else {
  58.         trace("No se han cargado correctarmente los datos");
  59.     }
  60. }
  61. miXML.load("data2.xml");
  62.  
  63. // FILTRAMOS
  64. alClicar.click = function(){
  65.    
  66.    
  67.     //Si no hay filtro lo ponemos y cambiamos el texto en el botón
  68.     if (datos.filtered == false){
  69.         datos.filtered = true;
  70.         btBuscar.label = 'Borrar';
  71.     }
  72.     //Si hay filtro lo quitamos y cambiamos el texto en el botón e inicializamos las cajas.
  73.     else if (datos.filtered == true){
  74.         datos.filtered = false;
  75.         datos.filterFunc();
  76.         btBuscar.label = 'Buscar';
  77.         ctNombre.text='';
  78.         cbMunicipio.selectedIndex=0;
  79.         cbCategoria.selectedIndex=0;
  80.         cbTipo.selectedIndex=0;
  81.         cbArquitectura.selectedIndex=0;
  82.  
  83.     }
  84.    
  85.     //Función filterFunc de Flash
  86.         datos.filterFunc = function(registro:Object) {
  87.            
  88.            
  89.         //Caja del Nombre   
  90.         var strNombre:String=String(registro.nombres)
  91.         strNombre = strNombre.toLowerCase()
  92.         var strCajaNombre:String=String(ctNombre.text)
  93.         strCajaNombre = strCajaNombre.toLowerCase()
  94.         return(strNombre.indexOf(strCajaNombre) != -1); // No borrar
  95.        
  96.         //Combos
  97.         // AQUÍ TENGO LA DUDA
  98.        
  99.        
  100.     }
  101. }
  102. btBuscar.addEventListener("click", alClicar);

**********************

Aquí el XML:

***************************
gracias por el interés que muestras, por todo...
Un saludo

  Comentario por Bodomias el Abril 1, 2009 @ 8:14 am

Vaya! no me ha pegado el XML, aquí va:

********************
Creo que está todo.
Un saludo

  Comentario por Carla Macías el Abril 1, 2009 @ 9:58 am

Hola Bodomias,

Prueba pegando el código entre [ xml] y [ /xml], quitando el espacio que está entre el corchete que abre y la x, y entre el corchete que abre y la diagonal.

Saludos.

  Comentario por Bodomias el Abril 3, 2009 @ 5:07 am

Hola Carla, he cambiado los "<" por "[" y he hecho lo que tú dices, a ver si me lo pega. Gracias por la idea.

De todas formas, ya he encontrado la forma de solucionarlo. Ahora me he encontrado con otro tipo de problemas al combinar los combos. Lo último que me ha sucedido es que el dataGrid no me carga los datos (misterioso) y el código está igual que antes. Si es que lo mío es el diseño gráfico y esto me pasa por meterme a programar, aunque no lo estoy haciendo demasiado mal.

Bueno, eso, que me estoy enrollando, aquí te dejo el XML.
De nuevo gracias y saludos

[data]
[item nombre="nombre1" persona="persona contacto1" direccion="direccion1" localidad="localidad1" cp="32001" web="www.web.com" mail="mail@web.com" telefono="912 345 678" movil="654 321 000" fax="912 345 678" coor="???" tipo="Hotel" aforo="100" servicios="parking, piscina, spa, wifi" equipamiento="cañón, atril, audiovisuales" descripcion="descripcion1" categoria="3 estrellas" arquitectura="tradicional" image1="http://www.innotur.org/intranet/images/img_Negocio/Imagen1_22.jpg" image2="http://www.innotur.org/intranet/images/img_Negocio/Imagen2_22.jpg" /]
<item nombre="nombre2" persona="persona contacto2" direccion="direccion2" localidad="localidad2" cp="32002" web="www.web2.com" mail="mail@web2.com" telefono="987 654 321" movil="678 912 345" fax="987 654 321" coor="???" tipo="Salon" aforo="300" servicios="parking, piscina, spa, wifi" equipamiento="cañón, atril, audiovisuales" descripcion="descripcion2" categoria="2 estrellas" arquitectura="moderna" image1="http://www.innotur.org/intranet/images/img_Negocio/Imagen1_22.jpg" image2="http://www.innotur.org/intranet/images/img_Negocio/Imagen2_22.jpg" /]
[data]

  Comentario por Carla Macías el Abril 3, 2009 @ 4:21 pm

Hola Bodomias,

Te escribo varios comentarios:
- En el XML tienes los nombres de las propiedades con minúsculas (categoria, descripcion, arquitectura, etc.). Sin embargo, en el Flash lo tienes con mayúsculas (ComboCategoria.push({label:nodes[i].attributes.Categoria}), ComboArquitectura.push({label:nodes[i].attributes.Arquitectura})). Habría que cambiarlo en el Flash de tal forma que quede en minúscula.
- En tu XML no está la propiedad municipio, por lo tanto el combo muestra la palabra undefined dos veces.
- No es necesario realizar cuatro veces el mismo ciclo for para llenar los combos; por lo tanto para ahorrar tiempo y recursos tu código puede quedar de la siguiente manera:

Texto Plano
Actionscript:
  1. for (i=0; i<nodes.length; i++) {
  2.     ComboMunicipio.push({label:nodes[i].attributes.municipio});
  3.     ComboTipo.push({label:nodes[i].attributes.tipo});      
  4.     ComboCategoria.push({label:nodes[i].attributes.categoria});   
  5.     ComboArquitectura.push({label:nodes[i].attributes.arquitectura});
  6. }

- Supongo que en el DataGrid quieres mostrar estos mismos datos de Municipio, Tipo, Categoría y Arquitectura. Si es así puedes aprovechar el ciclo anterior para llenar el arreglo datosProcesos y luego establecerlo como dataProvider del DataGrid.

Texto Plano
Actionscript:
  1. for (i=0; i<nodes.length; i++) {
  2.     ComboMunicipio.push({label:nodes[i].attributes.municipio}); 
  3.     ComboTipo.push({label:nodes[i].attributes.tipo});         
  4.     ComboCategoria.push({label:nodes[i].attributes.categoria});   
  5.     ComboArquitectura.push({label:nodes[i].attributes.arquitectura});
  6.     datosProcesos.push({municipio:nodes[i].attributes.municipio, tipo:nodes[i].attributes.tipo, categoria:nodes[i].attributes.categoria, arquitectura:nodes[i].attributes.arquitectura});
  7. }

Y ya por último le asignas el arreglo al DataGrid:

Texto Plano
Actionscript:
  1. procesos_grid.dataProvider = datosProcesos;

Saludos.

  Comentario por Bodomias el Abril 6, 2009 @ 9:12 am

Vaya, muchas gracias Carla.
Es que soy novatillo en esto y la programación me hace aguas por todos lados.
Con tu ayuda he conseguido hacer el buscador como quería, y que me presente los datos de la búsqueda en unas fichas.

El último problema que me asalta es que querría tener el buscador en un fotograma y los resultados del DataGrid en otro... Voy a buscar información. Si sabes cómo hacerlo o dónde buscar te estaría eternamente agradecido. Tendré que utilizar un DataHolder para guardar la búsqueda?

Saludos e infinitas gracias.

  Comentario por Bodomias el Abril 6, 2009 @ 11:35 am

Hola, por falta de tiempo para investigar en dataHolders se me ha ocurrido un truco para visualizar los resultados del Grid en otro fotograma:

lo hago invisible en el mismo fotograma del buscador (procesos_grid.visible = false); y lo pongo en 'true' en el evento 'click' del botón 'buscar'.

Saludos

  Comentario por Carla Macías el Abril 6, 2009 @ 11:58 am

Hola Bodomias,

No entiendo tu pregunta, deberías de poder acceder al arreglo con los resultados de tu búsqueda en el siguiente frame. Ejemplo: en el frame 14 tienes el buscador, el usuario ejecuta la búsqueda por medio de un botón, obtienes los resultados, los almacenas en el arreglo, te pasas al frame 15 y ahí le asignas al datagrid como dataProvider el arreglo que llenaste en el frame 14.

Saludos.

  Comentario por Lucia el Abril 29, 2009 @ 5:17 am

Estoy empezando y hasta esto me resulta complejo. Yo sólo quiero tener una lista desplegable, y con tanta cosa me he perdido. No tendrás un tutorial de como hacer una única lista, ¿verdad?
Gracias

  Comentario por Carla Macías el Abril 29, 2009 @ 2:16 pm

Hola Lucia,

Para crear una lista desplegable fácilmente tienes dos opciones:
1) Arrastrar el componente Combobox al área de trabajo. Seleccionarlo y en el panel Parámetros puedes meter las opciones (data es el arreglo de los valores de cada opción y label es el arreglo del texto que se mostrará en la lista).
2) Arrastrar el componente Combobox, seleccionarlo y ponerle un nombre de instancia en el panel Propiedades (Ej. cbo_paises). Luego, en el panel de acciones dentro del primer frame de tu película pones el siguiente código:

Texto Plano
Actionscript:
  1. almacenaPaises();
  2. function almacenaPaises() {
  3.     paises.push({label:"-- Selecciona --",  data:0});
  4.     paises.push({label:"México",      data:15});
  5.     paises.push({label:"Argentina",   data:12});
  6.     paises.push({label:"España",      data:24});
  7.     paises.push({label:"Venezuela",   data:5});
  8.     paises.push({label:"Colombia",    data:18});
  9.     paises.push({label:"Perú",     data:10});
  10.     paises.push({label:"Chile",     data:28});   
  11.     cbo_paises.dataProvider = paises;
  12. }

Del código anterior sólo debes modificar los datos que van en label y en data de acuerdo a tus necesidades. Para saber el valor de la opción seleccionada sólo debes usar cbo_paises.selectedItem.data

Texto Plano
Actionscript:
  1. trace("Valor selecciondado: " + cbo_paises.selectedItem.data);

Saludos.

  Comentario por Lucia el Abril 30, 2009 @ 4:35 am

Muchísimas gracias.
Estaré atenta a tus publicaciones, son muy interesantes.
Saludos.

  Comentario por Lucia el Abril 30, 2009 @ 6:05 am

Perdona mi ignorancia pero lo de data:0 , ¿qué es?

  Comentario por Carla Macías el Abril 30, 2009 @ 11:36 am

Hola Lucia,

El arreglo o los valores de data puedes utilizarlos, por ejemplo, en bases de datos donde tienes una tabla de países con un ID único. Muchas veces no quieres guardar el nombre tal cual se muestra en el combobox, si no que le quieres dar un valor para que después hagas referencia a él por medio de ese valor.
Vaya, no sé si me estaré explicando bien. Otro ejemplo podría ser una tabla de divisas donde tienes:

Peso Mexicano (MXN)
Euro (EUR)
Dólar (USD)
Dólar Canadiense (CAD)

Tus etiquetas (label) serían 'Peso Mexicano', 'Euro', 'Dólar', 'Dólar Canadiense' y sus valores (data) serían 'MXN', 'EUR', 'USD', 'CAD'. Para hacer referencia al valor de data de la opción seleccionada utilizarías cbo_paises.selectedItem.data

Aún así no es necesario establecer o llenar el arreglo data, si quieres saber el valor de la etiqueta (label) de la opción seleccionada utilizarías cbo_paises.selectedItem.label

Saludos.

  Comentario por hemax el Mayo 5, 2009 @ 9:35 am

Hola mi nombre es henr,su blog es muy bueno, y necesito de su ayuda:
Tengo una tabla parecida a esta, para esto (basado en el tutorial escrito por usted sobre los COMBOBOX) he creado tres combobox, uno para seleccionar los diámetros, otro para los
grados (que son los G-34, G-40 y G-60) y otro combo para los valores de los deltaL.
El problema radica en que a cada diámetro nominal que escojo en el primer combo, en función del grado que escojo en el segundo combo me debe aparecer un valor único para cada
variante.
Por ejemplo:
Si escojo “B” en el pr -40 en el segundo combo, me debe aparecer en el tercer combo el valor “H
Aquí está el código de los tres combos, bueno como le dije basado en su tutorial de los combobox.
import mx.controls.Alert;

var grados:Array = new Array();
var gradosLabel:Array = new Array();
var gradosValue:Array = new Array();
var deltaL:Array = new Array();

cbo_deltaL.enabled = false;

almacenaGrados();

cbo_grados.addEventListener("change",eventoComboBox);
function eventoComboBox(evento) {
if (evento.target.selectedItem.data == "G-34" || evento.target.selectedItem.data == "G-40" || evento.target.selectedItem.data == "G-60") {
almacenaDeltaL(evento.target.selectedItem.data);
} else {
cbo_deltaL.enabled = false;
}
}

function almacenaGrados() {
grados.push({label:"-- Seleccione --", data:0});
grados.push({label:"G-34", data:"G-34"});
grados.push({label:"G-40", data:"G-40"});
grados.push({label:"G-60", data:"G-60"});

for (var i = 0; i<grados.length; i++) {
gradosLabel.push({label:grados[i].label, data:grados[i].data});
gradosValue.push({label:grados[i].label+" -- "+grados[i].data, data:grados[i].data});
}
gradosLabel.sortOn(["label", "data"]);
gradosValue.sortOn("data",Array.NUMERIC);

cbo_grados0.dataProvider = grados;
cbo_grados1.dataProvider = gradosLabel;
cbo_grados.dataProvider = gradosLabel;
cbo_grados2.dataProvider = gradosValue;

}
function almacenaDeltaL(opc) {
deltaL = new Array({label:"-- seleccione --", data:0});
if (opc == "G-34") {
deltaL.push({label:"10.7", data:10.7});
deltaL.push({label:"16.4", data:16.4});
deltaL.push({label:"19.7", data:19.7});
deltaL.push({label:"23.0", data:23.0});
deltaL.push({label:"26.3", data:26.3});
deltaL.push({label:"29.6", data:29.6});
deltaL.push({label:"37.2", data:37.2});
deltaL.push({label:"40.9", data:40.9});
deltaL.push({label:"46.5", data:46.5});
deltaL.push({label:"---", data:0});
deltaL.push({label:"---", data:0});
deltaL.push({label:"---", data:0});
deltaL.push({label:"---", data:0});
} else if (opc == "G-40") {
deltaL.push({label:"12.10", data:12.10});
deltaL.push({label:"17.65", data:17.65});
deltaL.push({label:"23.60", data:23.60});
deltaL.push({label:"26.00", data:26.00});
deltaL.push({label:"29.55", data:29.55});
deltaL.push({label:"33.50", data:33.50});
deltaL.push({label:"35.30", data:35.30});
deltaL.push({label:"45.60", data:45.60});
deltaL.push({label:"51.80", data:51.80});
deltaL.push({label:"64.10", data:64.10});
deltaL.push({label:"73.20", data:73.20});
deltaL.push({label:"82.40", data:82.40});
deltaL.push({label:"91.50", data:91.50});
} else {
deltaL.push({label:"---", data:0});
deltaL.push({label:"20.70", data:20.70});
deltaL.push({label:"24.90", data:24.90});
deltaL.push({label:"29.00", data:29.00});
deltaL.push({label:"33.20", data:33.20});
deltaL.push({label:"37.30", data:37.30});
deltaL.push({label:"45.80", data:45.80});
deltaL.push({label:"50.30", data:50.30});
deltaL.push({label:"57.20", data:57.20});
deltaL.push({label:"70.10", data:70.10});
deltaL.push({label:"80.10", data:80.10});
deltaL.push({label:"90.10", data:90.10});
deltaL.push({label:"100.1", data:100.1});
}
cbo_deltaL.dataProvider = deltaL.sortOn(["deltaL"]);
cbo_deltaL.addEventListener("load",deltaLCargados);
cbo_deltaL.enabled = true;
}

function deltaLCargados() {
cbo_deltaL.selectedIndex = 0;
}

aceptar_btn.onRelease = function() {
if (cbo_dnominal.selectedIndex == 0) {
Alert.show("Por favor seleccione un Diámetro Nominal","Aviso");
} else if (cbo_grados.selectedIndex == 0) {
Alert.show("Por favor seleccione un Grado de Acero","Aviso");
} else if (cbo_grados.selectedItem.data == "G-34" || cbo_grados.selectedItem.data == "G-40") {
if (cbo_deltaL.selectedIndex == 0) {
Alert.show("Por favor seleccione un Delta L","Aviso");
}
}
};

  Comentario por Carla Macías el Mayo 5, 2009 @ 10:17 pm

Hola henr,

No entendí muy bien tu pregunta, espero poder ayudarte.
En tu comentario hablas de tres combobox (diámetros, grados y deltaL). Sin embargo en tu código veo que tienes cbo_grados, cbo_grados0, cbo_grados1, cbo_grados2, cbo_deltaL y cbo_dnominal (el cual no veo que sea llenado) y no entiendo bien para que son todos ellos.
Además, dices que "a cada diámetro nominal que escojo en el primer combo, en función del grado que escojo en el segundo combo debe aparecer un valor único para cada variente"; dado lo anterior entiendo que los condicionales if deben ser con un AND de dos cosas (Si X como valor del primer combo y Y como valor del segundo combo, entonces Z).
¿Qué valores van en el primer combo (diámetros) y cuál es su nombre?
¿Qué valores van en el segundo combo (grados) y cuál es su nombre?
¿Cuáles son los condificionales para los valores del tercer combo y cómo se llama?
Ejemplo:
Valores del primer combo (cbo_diametros) = {"d1", "d2", "d3"}
Valores del segundo combo (cbo_grados) = {"G-34", "G-40", "G-60"}.
Si d1 y G-34, entonces:
deltaL.push({label:"10.7", data:10.7});
deltaL.push({label:"16.4", data:16.4});
deltaL.push({label:"19.7", data:19.7});
deltaL.push({label:"23.0", data:23.0});
deltaL.push({label:"26.3", data:26.3});
deltaL.push({label:"29.6", data:29.6});
deltaL.push({label:"37.2", data:37.2});
deltaL.push({label:"40.9", data:40.9});
deltaL.push({label:"46.5", data:46.5});
deltaL.push({label:"---", data:0});
deltaL.push({label:"---", data:0});
deltaL.push({label:"---", data:0});
deltaL.push({label:"---", data:0});
Si d1 y G-40, entonces:
deltaL.push({label:"---", data:0});
deltaL.push({label:"20.70", data:20.70});
deltaL.push({label:"24.90", data:24.90});
deltaL.push({label:"29.00", data:29.00});
deltaL.push({label:"33.20", data:33.20});
deltaL.push({label:"37.30", data:37.30});
deltaL.push({label:"45.80", data:45.80});
deltaL.push({label:"50.30", data:50.30});
deltaL.push({label:"57.20", data:57.20});
deltaL.push({label:"70.10", data:70.10});
deltaL.push({label:"80.10", data:80.10});
deltaL.push({label:"90.10", data:90.10});
deltaL.push({label:"100.1", data:100.1});

No es necesario que pongas todos los condicionales, nada más es para darme una idea y ver cómo quedaría el código.

Saludos.

  Comentario por Hemax el Mayo 7, 2009 @ 9:21 am

Gracias Carla, por responderme y compartir tus conocimientos, no se si te dije ya que no se mucho de programacion pues soy diseñador.....
entonces lo que sucede es que no habia limpiado el codigo completo, tengo documento pdf en donde te pongo una tabla e imagenes de la interface del programa, donde tal vez si me entiendas por completo lo que necesito. si puedes mandarme un correo, ya tienes el mio, espero por tu respuesta, gracias de antemano.

  Comentario por Hemax el Mayo 7, 2009 @ 11:05 am

Ok Carla, esto es lo que me pediste:

Los valores del primer combo: (cbo_dnominal)

cbo_dnominal.addItem({label:"-- seleccione --", data:0});
cbo_dnominal.addItem({label:"6.40 mm (1/4 in)", data:6.4});
cbo_dnominal.addItem({label:"9.50 mm (3/8 in)", data:9.5});
cbo_dnominal.addItem({label:"12.70 mm (1/2 in)", data:12.70});
cbo_dnominal.addItem({label:"14 mm", data:14});
cbo_dnominal.addItem({label:"15.9 mm", data:15.9});
cbo_dnominal.addItem({label:"18 mm", data:18});
cbo_dnominal.addItem({label:"19 mm (3/4 in)", data:19});
cbo_dnominal.addItem({label:"22 mm", data:22});
cbo_dnominal.addItem({label:"25.4 mm (1 in)", data:25.4});
cbo_dnominal.addItem({label:"28 mm", data:28});
cbo_dnominal.addItem({label:"32.3 mm (1 1/4 in)", data:32.3});
cbo_dnominal.addItem({label:"35.8 mm", data:35.8});
cbo_dnominal.addItem({label:"40 mm (1 1/2 in)", data:40});

Los valores del segundo combo: (cbo_grados)

grados.push({label:"-- Seleccione --", data:0});
grados.push({label:"G-34", data:"G-34"});
grados.push({label:"G-40", data:"G-40"});
grados.push({label:"G-60", data:"G-60"});

Los valores del tercer combo: (cbo_deltaL)

//PARA CUANDO SE SELECIONA G-34
deltaL.push({label:"10.7", data:10.7});
deltaL.push({label:"16.4", data:16.4});
deltaL.push({label:"19.7", data:19.7});
deltaL.push({label:"23.0", data:23.0});
deltaL.push({label:"26.3", data:26.3});
deltaL.push({label:"29.6", data:29.6});
deltaL.push({label:"37.2", data:37.2});
deltaL.push({label:"40.9", data:40.9});
deltaL.push({label:"46.5", data:46.5});
deltaL.push({label:"---", data:0});
deltaL.push({label:"---", data:0});
deltaL.push({label:"---", data:0});
deltaL.push({label:"---", data:0});

//PARA CUANDO SE SELECIONA G-40 DE ESTOS VALORES
/*A CADA DIAMETRO QUE SE ESCOGE DEBE SALIR EN EL
TERCER COMBO UN SOLO VALOR. POR EJEMPLO SI SE ESCOGE:
cbo_dnominal.addItem({label:"12.70 mm (1/2 in)", data:12.70}); EN COMBO1
grados.push({label:"G-40", data:"G-40"}); EN COMBO2
DEBE SALIR: deltaL.push({label:"23.60", data:23.60}); EN COMBO3
y no todos los valores.
Valor: 23.60 de DeltaL */

} else if (opc == "G-40") {
deltaL.push({label:"12.10", data:12.10});
deltaL.push({label:"17.65", data:17.65});
deltaL.push({label:"23.60", data:23.60});
deltaL.push({label:"26.00", data:26.00});
deltaL.push({label:"29.55", data:29.55});
deltaL.push({label:"33.50", data:33.50});
deltaL.push({label:"35.30", data:35.30});
deltaL.push({label:"45.60", data:45.60});
deltaL.push({label:"51.80", data:51.80});
deltaL.push({label:"64.10", data:64.10});
deltaL.push({label:"73.20", data:73.20});
deltaL.push({label:"82.40", data:82.40});
deltaL.push({label:"91.50", data:91.50});
//PARA CUANDO SE SELECIONA G-60
} else {
deltaL.push({label:"---", data:0});
deltaL.push({label:"20.70", data:20.70});
deltaL.push({label:"24.90", data:24.90});
deltaL.push({label:"29.00", data:29.00});
deltaL.push({label:"33.20", data:33.20});
deltaL.push({label:"37.30", data:37.30});
deltaL.push({label:"45.80", data:45.80});
deltaL.push({label:"50.30", data:50.30});
deltaL.push({label:"57.20", data:57.20});
deltaL.push({label:"70.10", data:70.10});
deltaL.push({label:"80.10", data:80.10});
deltaL.push({label:"90.10", data:90.10});
deltaL.push({label:"100.1", data:100.1});
}

  Comentario por Carla Macías el Mayo 7, 2009 @ 3:09 pm

Hola Henr,

Dos preguntas:

1) Señalas que "
//PARA CUANDO SE SELECIONA G-40 DE ESTOS VALORES
/*A CADA DIAMETRO QUE SE ESCOGE DEBE SALIR EN EL
TERCER COMBO UN SOLO VALOR. POR EJEMPLO SI SE ESCOGE:
cbo_dnominal.addItem({label:"12.70 mm (1/2 in)", data:12.70}); EN COMBO1
grados.push({label:"G-40", data:"G-40"}); EN COMBO2
DEBE SALIR: deltaL.push({label:"23.60", data:23.60}); EN COMBO3
y no todos los valores. */
¿Cada opción dependiendo de qué seleccionaron en cbo_dnominal será distinto o para todos deltaL es de 23.60?

2)¿El segundo else es para G-40 o para G-34? Ya que si fuera para G-40 nunca entraría debido a los condicionales de los que hablamos en el punto 1).

Saludos.

  Comentario por HemaX el Mayo 8, 2009 @ 3:01 pm

Saludos Carla, a cada valor de diametro nominal, le corresponde un unico valor de deltaL, en funcion del grado de acero escogido, ahora, hay que tomar los valores, no por el label ni por el data sino por como son introducidos en el array. De veras gracias por el empeño en ayudarme.

  Comentario por Carla Macías el Mayo 8, 2009 @ 3:14 pm

Hola Henr,

Te dejo parte del código para que veas cómo quedaría, faltaría ajustar bien los condicionales de acuerdo a tus necesidades.

Recuerda que puedes hacer click sobre el rectángulo café que dice Texto Plano y así copiar el código sin la numeración.

Saludos.

Texto Plano
Actionscript:
  1. import mx.controls.Alert;
  2.  
  3. var dominal:Array = new Array();
  4. var grados:Array = new Array();
  5. var deltaL:Array = new Array();
  6. cbo_deltaL.enabled = false;
  7.  
  8. almacenaDominal();
  9. almacenaGrados();
  10.  
  11. function almacenaDominal()
  12. {
  13.     dominal.addItem({label:"– seleccione –", data:0});
  14.     dominal.addItem({label:"6.40 mm (1/4 in)", data:6.4});
  15.     dominal.addItem({label:"9.50 mm (3/8 in)", data:9.5});
  16.     dominal.addItem({label:"12.70 mm (1/2 in)", data:12.7});
  17.     dominal.addItem({label:"14 mm", data:14});
  18.     dominal.addItem({label:"15.9 mm", data:15.9});
  19.     dominal.addItem({label:"18 mm", data:18});
  20.     dominal.addItem({label:"19 mm (3/4 in)", data:19});
  21.     dominal.addItem({label:"22 mm", data:22});
  22.     dominal.addItem({label:"25.4 mm (1 in)", data:25.4});
  23.     dominal.addItem({label:"28 mm", data:28});
  24.     dominal.addItem({label:"32.3 mm (1 1/4 in)", data:32.3});
  25.     dominal.addItem({label:"35.8 mm", data:35.8});
  26.     dominal.addItem({label:"40 mm (1 1/2 in)", data:40});
  27.    
  28.     cbo_dominal.dataProvider = dominal;
  29. }
  30.  
  31. function almacenaGrados()
  32. {
  33.     grados.push({label:"– Seleccione –", data:0});
  34.     grados.push({label:"G-34", data:"G-34"});
  35.     grados.push({label:"G-40", data:"G-40"});
  36.     grados.push({label:"G-60", data:"G-60"});
  37.    
  38.     cbo_grados.dataProvider = grados;
  39. }
  40.  
  41. /* Observa que ambos combos deben llevar listener, para que podamos saber si se cambio la selección de cualquiera de ellos */
  42. cbo_dominal.addEventListener("change", almacenaDelta);
  43. cbo_grados.addEventListener("change", almacenaDelta);
  44.  
  45. /* Es obligatorio recibir como parámetro el evento generado, sin embargo no lo vamos a utilizar ya que necesitamos saber los valores de ambos combos */
  46. function almacenaDelta(evento) {
  47.     if(cbo_dominal.selectedIndex != 0 && cbo_grados.selectedIndex != 0) /* Revisamos que ninguno de los combos tenga como selección la primera opción (– seleccione –) */
  48.     {
  49.         if(cbo_dominal.selectedItem.data == 12.7 && cbo_grados.selectedItem.data == "G-40") {
  50.             deltaL = new Array();
  51.             deltaL.push({label:"23.60", data:23.60});
  52.             cbo_deltaL.dataProvider = deltaL;      
  53.             cbo_deltaL.enabled = true;
  54.             cbo_deltaL.selectedIndex = 0;
  55.         }
  56.         else if(cbo_dominal.selectedItem.data == 12.7 && cbo_grados.selectedItem.data == "G-40") {
  57.             deltaL = new Array();
  58.             deltaL.push({label:"13.60", data:13.60}); /* Cambiar este valor, sólo lo puse como ejemplo */
  59.             cbo_deltaL.dataProvider = deltaL;      
  60.             cbo_deltaL.enabled = true;
  61.             cbo_deltaL.selectedIndex = 0;
  62.         }
  63.         else if(cbo_dominal.selectedItem.data == 12.7 && cbo_grados.selectedItem.data == "G-40") {
  64.             deltaL = new Array();
  65.             deltaL.push({label:"30.90", data:30.9}); /* Cambiar este valor, sólo lo puse como ejemplo */
  66.             cbo_deltaL.dataProvider = deltaL;      
  67.             cbo_deltaL.enabled = true;
  68.             cbo_deltaL.selectedIndex = 0;
  69.         }      
  70.         else if (opc == "G-40") {
  71.             deltaL = new Array();
  72.             deltaL.push({label:"12.10", data:12.10});
  73.             deltaL.push({label:"17.65", data:17.65});
  74.             deltaL.push({label:"23.60", data:23.60});
  75.             deltaL.push({label:"26.00", data:26.00});
  76.             deltaL.push({label:"29.55", data:29.55});
  77.             deltaL.push({label:"33.50", data:33.50});
  78.             deltaL.push({label:"35.30", data:35.30});
  79.             deltaL.push({label:"45.60", data:45.60});
  80.             deltaL.push({label:"51.80", data:51.80});
  81.             deltaL.push({label:"64.10", data:64.10});
  82.             deltaL.push({label:"73.20", data:73.20});
  83.             deltaL.push({label:"82.40", data:82.40});
  84.             deltaL.push({label:"91.50", data:91.50});
  85.             cbo_deltaL.dataProvider = deltaL;      
  86.             cbo_deltaL.enabled = true;
  87.             cbo_deltaL.selectedIndex = 0;
  88.             //PARA CUANDO SE SELECIONA G-60
  89.         } else {
  90.             deltaL = new Array();   
  91.             deltaL.push({label:"—", data:0});
  92.             deltaL.push({label:"20.70", data:20.70});
  93.             deltaL.push({label:"24.90", data:24.90});
  94.             deltaL.push({label:"29.00", data:29.00});
  95.             deltaL.push({label:"33.20", data:33.20});
  96.             deltaL.push({label:"37.30", data:37.30});
  97.             deltaL.push({label:"45.80", data:45.80});
  98.             deltaL.push({label:"50.30", data:50.30});
  99.             deltaL.push({label:"57.20", data:57.20});
  100.             deltaL.push({label:"70.10", data:70.10});
  101.             deltaL.push({label:"80.10", data:80.10});
  102.             deltaL.push({label:"90.10", data:90.10});
  103.             deltaL.push({label:"100.1", data:100.1});
  104.             cbo_deltaL.dataProvider = deltaL;      
  105.             cbo_deltaL.enabled = true;
  106.             cbo_deltaL.selectedIndex = 0;
  107.         }
  108.     }
  109. }

Nota: No sé en dónde entran las comprobaciones para G-34.

  Comentario por hemax el Mayo 14, 2009 @ 5:13 am

Saludos Carlas, hace unos dias le envie por email el pdf cq creo nos ayudara a resolver este problemita..bueno gracias y nos vemos.

  Comentario por hemax el Mayo 14, 2009 @ 5:27 am

disculpa yo de nuevo, ya recibi el correo respuesta....nos vemos luego. Gracias

  Comentario por Luis Gonzalez el Mayo 18, 2009 @ 12:23 pm

Buen dia a todos, los felicito por la excelente pagina que tienen y a los foreros por su educacion y ganas de trabajar, he visitado muchos foros, donde los publicantes se creen dioses y los visitantes pretenden que se les haga todo y hasta se lo envien a su correo, sin embargo visitar esta pagina lo hace a uno sentirse como en familia todos quieren trabajar y todos ayudar, la delicadeza de las explicaciones y la humildad de las preguntas, los felicito a todos y reciban de mi parte un fuerte abrazo, saludos.

p.d. disculpen por no tocar el tema pero las preguntas que tenia se contestaron solitas leyendo, muchas gracias

  Comentario por Carla Macías el Mayo 18, 2009 @ 9:58 pm

Hola Luis,

Muchas gracias por tu comentario y me da muchísima alegría que te guste el blog.

Saludos.

  Comentario por Lucia el Mayo 21, 2009 @ 5:17 am

Hola, realmente alabo tu labor y cómo ayudas a la gente con sus dudas.
Estoy empezando y mi pregunta es muy simple y quizás algo tonta: Al darle a un botón "Borrar formulario", ¿cómo vuelvo mi combo box a su estado inicial?

Muchas gracias

  Comentario por Carla Macías el Mayo 21, 2009 @ 9:11 am

Hola Lucía,

Gracias por tu comentario.
Suponiendo que el nombre de instancia de tu combobox sea cbo_paises, tendrías que hacer lo siguiente:

Texto Plano
Actionscript:
  1. cbo_paises.selectedIndex = 0;

Saludos.

  Comentario por Giovanni el Mayo 21, 2009 @ 11:35 am

Hola que buen tutorial, solamente quiero a ver si me pueden ayudar necesito hacer dos combobox cargados con informacion en xml , pero que uno dependa de otro, es decir si yo selecciono por ejemplo del primer combo, un estado que en el segundo me muestre los municipios de ese estado y cuando seleccione el municipio de ese estado en el segundo combo que me muestre los datos generales que tengo en xml , la estructura de los datos del municipio es asi

China NL
10,697
9

Espero que me ayuden Gracias

  Comentario por Giovanni el Mayo 21, 2009 @ 11:37 am

Creo que no salio mi estructura de xml como la posteo

  Comentario por Carla Macías el Mayo 21, 2009 @ 5:27 pm

Hola Giovanni,

Sube tu XML en formato .txt a algun servidor para que podamos verlo.

Saludos.

  Comentario por HemaX el Junio 4, 2009 @ 7:45 pm

Saludos Carla, como hago para que cuando abra un swf el cursor me parpadee en un cuadro de texto determinado....ah y por otro lado el setFocus que me enviaste si lo convierto en movie clic no me funciona, tengo kque dejarlo en la linea principal de la pelicula. Sin mas Henry

  Comentario por kose el Junio 7, 2009 @ 2:29 pm

Hola!! Soy aprendiz y te felicito por tus tutos.

  Comentario por kose el Junio 7, 2009 @ 2:31 pm

como puedo hacer que el boton valla a distintas url segun lo eleguido en combobox provincia.

  Comentario por Carla Macías el Junio 10, 2009 @ 9:09 am

Hola Kose,

Disculpa la tardanza.
Puedes hacerlo de dos formas:
1. Poniendo como label el nombre de la provincia y en value el URL. Ej.

provincias.push({label:"Provincia 1", data:"pagina1.html"});
provincias.push({label:"Provincia 2", data:"pagina2.html"});
cbo_provincias.dataProvider = provincias;

De esta forma tendrías que cambiar la página de la siguiente manera:

getURL(provincias.selectedItem.value, "_self");

2. Poniendo un label y data distinto al URL y de esta forma tendrías que hacer un if o un switch. Ej.

provincias.push({label:"Provincia 1", data:"P1"});
provincias.push({label:"Provincia 2", data:"P2"});
cbo_provincias.dataProvider = provincias;

De esta forma tendrías que cambiar la página de la siguiente manera:

switch(provincias.selectedItem.value)
{
case "P1": getURL("pagina1.html", "_self"); break;
case "P2": getURL("pagina2.html", "_self"); break;
default: break;
}

Saludos.

  Comentario por Carla Macías el Junio 10, 2009 @ 10:50 am

Hola Henry,

Al parecer hay un "bug" en Flash al poner el cursor en un campo de texto que está dentro de un MovieClip. Ya me había pasado que, si bien el cursor está en el campo de texto (si escribes el texto te aparecerá en ese campo) el cursor no se muestra ni "parpadea".
Aún así si quieres dejar tus campos de texto dentro de un MovieClip tendrás que cambiar el código que te envié por lo siguiente:

Texto Plano
Actionscript:
  1. var seleccion:String = Selection.getFocus();
  2. var nombre:Array = seleccion.split('.');
  3. switch(nombre[nombre.length-2])
  4. {
  5.     case 'campo1_txt': _level0.forma_mc.campo2_txt.setFocus(); break;
  6.     case 'campo2_txt': _level0.forma_mc.campo3_txt.setFocus(); break;
  7.     case 'campo3_txt': _level0.forma_mc.campo4_txt.setFocus(); break;
  8.     case 'campo4_txt': enviarForma(); break;
  9.     default: break;
  10. }

Para que al cargar un swf se ponga el cursor en un campo de texto (ej. campo1_txt) sólo deberás poner el código del setFocus en el primer frame de tu SWF. Como te decía más arriba, si está el campo de texto dentro de un MovieClip no se verá el cursor a pesar de estar en el campo de texto.

Texto Plano
Actionscript:
  1. // Si está dentro de un MovieClip forma_mx
  2.     forma_mc.campo1_txt.setFocus();
  3.     // Si no está dentro de un MovieClip
  4.     campo1_txt.setFocus();

Saludos.

  Comentario por Lucia el Junio 17, 2009 @ 5:33 am

Por segunda vez, me ha resultado súper util al necesitar hacer combos anidados.

Una pregunta, es posible poner un Combobox, con una única opción, y que no se pueda ticar (es decir, esté desactivado pero que se vea la opción primera).
Gracias.

  Comentario por Carla Macías el Junio 23, 2009 @ 3:03 pm

Hola Lucia,

Disculpa la tardanza.
Claro que es posible, si lo haces por medio de ActionScript quedaría de la siguiente forma:

Texto Plano
Actionscript:
  1. cbo_paises.addItem(label:"Argentina", data:12});
  2. cbo_paises.selectedIndex = 0;
  3. cbo_paises.enabled = false;

Saludos.

  Comentario por Mauricio el Agosto 27, 2009 @ 8:17 pm

Hola Carla, gracias por este genial tutorial, mi pregunta es como puedo insertar a un formulario de contacto dos combobox?? ambos con lista desplegable.

Saludos y muchas gracias por tu ayuda!!!!!!!!!

  Comentario por Carla Macías el Septiembre 1, 2009 @ 11:09 pm

Hola Mauricio,

Revisa el tutorial de "Enviar formulario de contacto" (http://www.codigometropoli.com/enviar-formulario-de-contacto/), ahí explico cómo enviar la información de un textarea, textfield, combobox, botones de radio, checkboxes, etc. Si lees el tutorial completo te darás cuenta de que es fácil modificarlo a tu gusto (además de que puedes bajar los archivos del tutorial).

Saludos.

  Comentario por Sol el Octubre 1, 2009 @ 11:28 am

Hola Carla,
La verdad que te felicito por el blog, me está sirviendo muchisimo ya que soy nueva en todo esto.
Perdón si es muy descolgada mi pregunta pero estoy tratando de resolver este problema hace mucho y no logro resolverlo sola!!

Mi pregunta es parecida al comentario de Francisco Acosta el Agosto 10, 2008 @ 12:59 pm
Puso esto:
"Crees poder hacer que al seleccionar de un combo box, aparezca otra o un list box donde esten elementos que se filtran segun lo seleccionado en la primera y de este list box poder hacer click en uno de los elementos y que se abra un archivo?..."

Vos dejaste un ejemplo que lo descargue y me sirve perfectamente, pero lo que quisiera saber es que cuando seleccionas uno de los subtemas no me lleve a una url sino que se cargue un movieclip en el mismo archivo, puede ser otro .swf que contenga la información según el subtema que selecciones. Lo que no logro descifrar es el código para que en vez de ir a una url vayas a otro .swf por ejemplo.

Bueno nose si he sido clara pero espero me puedas dar alguna respuesta ya que estoy desorientada, perdón por las molestias!
Desde ya muchisimas gracias y felicitaciones por la buena onda!!
Saludos

  Comentario por Carla Macías el Octubre 2, 2009 @ 3:05 am

Hola Sol,

Imaginando que el MovieClip donde vas a cargar los SWF tenga de nombre de instancia clipo_mc, tendrías que hacer los siguientes cambios:

Texto Plano
Actionscript:
  1. /* En la función almacenaSubtemas, cambiamos el valor de data por el nombre del SWF a cargar: */
  2. function almacenaSubtemas(opc) {
  3.     subtemas = new Array({label:"-- Selecciona --", data:0});
  4.     if(opc == 1) {   
  5.         subtemas.push({label:"Sección 1", data:"archivo1.swf"});
  6.         subtemas.push({label:"Sección 2", data:"archivo2.swf"});
  7.         subtemas.push({label:"Sección 3", data:"archivo3.swf"});
  8.     }
  9.     else if(opc == 2) {
  10.         subtemas.push({label:"Sección 4", data:"archivo4.swf"});
  11.         subtemas.push({label:"Sección 5", data:"archivo5.swf"});
  12.         subtemas.push({label:"Sección 6", data:"archivo6.swf"});
  13.     }
  14.     else if(opc == 3) {
  15.         subtemas.push({label:"Sección 7", data:"archivo7.swf"});
  16.         subtemas.push({label:"Sección 8", data:"archivo8.swf"});
  17.         subtemas.push({label:"Sección 9", data:"archivo9.swf"});
  18.     }
  19.     cbo_subtemas.dataProvider = subtemas.sortOn(["label"]);
  20.     cbo_subtemas.addEventListener("load", subtemasCargados);
  21.     cbo_subtemas._visible = true;
  22. }

Ahora haremos el cambio en el listener del combo subtemas y en la función que llamamos:

Texto Plano
Actionscript:
  1. cbo_subtemas.addEventListener("change", cargaSWF);
  2. function cargaSWF(evento) {
  3.     clipo_mc.loadMovie(evento.target.selectedItem.data);
  4. }

Con esos cambios debería funcionar =0)

Saludos.

  Comentario por Enrique el Enero 14, 2010 @ 2:59 pm

Hola Carla

Enhorabuena por estos magnificos tutoriales.
Mi duda es la siguiente y sobre todo esta provocada, por mi atrevida ignorancia en este tema.
Yo tengo una pagina flash en la cual he incluido una sección con varios combobox y campos de formularios a la vez. La primera cuestión es si se pueden mezclar.....??
Y mi segunda duda es, como se introduce el codigo, cuando se tienen varios combos que contienen valores alfabeticos y numericos. Te pongo un ejemplo, en mi formulario se seleccionan marcas de motos, cilidrada y años de antiguedad..y estos los quiero ordenar por orden alfabetico y los numericos en ascendente...
Te agradezco de antemano tu ayuda...Un saludo

  Comentario por Carla Macías el Enero 19, 2010 @ 9:09 am

Hola Enrique,

Perdona pero no entendí nada de tu pregunta ¿A qué te refieres con "La primera cuestión es si se pueden mezclar"? ¿Qué quieres decir con "como se introduce el codigo"?

Saludos.

  Comentario por MigUel el Febrero 5, 2010 @ 4:04 am

Hola felicito de la mejor manera por este tutorial que nos ayuda mucho a todos...

Porfavor necesito que me ayuden en el siguiete problema:
De igual manera que el Combo Box PAISES lo generan con XML; nesesito porfavor que el combo bOx de cuidades tambien este generado con XML.
Porfavor espero me ayuden
Gracias de antemano

  Comentario por Rolando el Abril 8, 2010 @ 7:49 pm

tus tutoriales son los mejores que he visto en internet te felicito y espero que sigas para adelante con esta pagina

  Comentario por Luz María Cruz Matadamas el Mayo 20, 2010 @ 2:27 pm

Ayuda!!! por favor!! estoy atorada con un combobox en la parte para editar, cuando quiero editar un registro que no tiene valor en el combo me selecciona el primer registro de cada combo, yo quisiera que cuando no traiga valor me ponga la leyenda de "Seleccionar una Opción", pero no hace caso al prompt que ya la tiene, alguna sugerencia?, para cuando es un registro nuevo no tengo problema, esto solo me pasa para la edición. ayudaaaaaaaaaa!!1

  Comentario por Carla Macías el Mayo 21, 2010 @ 12:04 pm

Hola Luz,

¿Podrías poner tu código o subir un archivo txt con tu código a un servidor para verlo?

Saludos.

  Comentario por LILIAN el Mayo 28, 2010 @ 12:00 pm

Hola Carla es muy interesante la forma en que explicas a detalle todos los elementos, te felicito!!!
Por otra parte quiero pedirte un super favor, la verdad es que apenas me estoy adentrando en flash gracias a tu tutorial pude hacer un combo, ahora el problema que tengo es que solo hice uno y el codigo para enviar no me funciona me podrias explicar como debo hacer para que funcione????
Mil Gracias!!!!

  Comentario por Carla Macías el Mayo 29, 2010 @ 9:14 am

Hola Lilian,

¿Código para enviar? Supongo que te referirás a enviar la opción seleccionada por correo electrónico.
Si es así visita mi tutorial de Enviar formulario de contacto

Saludos.

  Comentario por LILIAN el Junio 1, 2010 @ 3:21 pm

Hola Carla...
Me da muchisima pena molestarte pero la verdad es que no tengo conocimiento de Flash y se me esta complicando bastante la existencia.
Mira lo unico que necesito es un combo que me despliegue 5 canciones y que el usuario seleccione 1 es para un top 5 y entonces necesito que me mande a mi correo la opcion selecionada para llevar un conteo
la cosa es que ya hice el combo siguiendo tus instrucciones pero el Actionscript se me esta dificultando, ademas en el php no se como modificarlo para que reciba mi informacion y la envie
Te agradezco de antemano tu atencion y paciencia

  Comentario por Carla Macías el Junio 4, 2010 @ 1:13 pm

Hola LILIAN,

Visita el tutorial de Enviar formulario de contacto ahí viene cómo recibir los datos de un combo.
A grandes rasgos es algo así (imaginando que tu combobox tenga como nombre de instancia cancion_cb):

Texto Plano
Actionscript:
  1. import mx.controls.Alert;
  2. var enviar_lv:LoadVars = new LoadVars();
  3. var resultado_lv:LoadVars = new LoadVars();
  4.  
  5. enviar_btn.onRelease = function() { enviarCorreo(); }
  6. function enviarCorreo() {
  7.     enviar_btn.enabled = false;
  8.     enviar_lv.cancion = cancion_cb.selectedItem.label;
  9.     enviar_lv.sendAndLoad("enviar_formulario_de_contacto.php", resultado_lv, "POST");
  10. }
  11. resultado_lv.onLoad = function(success:Boolean)
  12. {
  13.     var respuesta = this.resultado;
  14.     if(success)
  15.     {
  16.         if(respuesta == "S")
  17.         {
  18.             Alert.show("Su mensaje ha sido enviado.", "Gracias", Alert.OK, null, "alerta", Alert.OK);
  19.         }
  20.         else
  21.         {
  22.             Alert.show("Hubo un error en el envío del mensaje, por favor intente más tarde.", "Error", Alert.OK, null, "alerta", Alert.OK);
  23.         }
  24.     }
  25.     else
  26.         Alert.show("Hubo un error en el envío del mensaje, por favor intente más tarde.", "Error", Alert.OK, null, "alerta", Alert.OK);
  27.         enviar_btn.enabled = true;
  28. };

El código del archivo PHP:

Texto Plano
PHP:
  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. <?php
  6. $cancion   = $_POST["cancion"];
  7. $formatos = array("text/html", "text/plain");
  8. $remitente = "no-reply@sudominio.com";
  9. $para = "msj1@sudominio.com,msj2@sudominio.com";
  10. $asunto = "Mensaje desde Código Metrópoli";
  11. $formato_correo = 1;
  12. $header  = "MIME-Version: 1.0\r\n";
  13. $header .= "Content-type: " . $formatos[$formato_correo] . "; charset=iso-8859-1\r\n";
  14. $header .= "From: " . $remitente . "\n";
  15. if($cancion != "") {
  16. $mensaje = "
  17. ----------------------------------------------------------------------------\n
  18. Canción: " . $cancion . "\n
  19. ----------------------------------------------------------------------------\n";
  20.     }
  21. }
  22. if($mensaje != "")
  23. {
  24.     if(mail($para, $asunto, $mensaje, $header))
  25.         echo '&resultado=S&';
  26.     else
  27.         echo '&resultado=N&';
  28. }
  29. else
  30.     echo '&resultado=N&';
  31. ?>
  32. </body>
  33. </html>

Saludos.

  Comentario por LILIAN el Junio 7, 2010 @ 2:58 pm

Hola Carla:

1000 gracias x contestarme la verdad es que eres buenisima en esto y bueno para ser sincera esta no es mi rama, pero no me quejare ya que es super interesante aprender sobre cosas que nunca imagine... es por esto que tal vez te hago preguntas super basicas o tontas (lo siento). Ya he seguido todas tus indicaciones pero aun tengo problemas ya que el correo no me llega y siempre me manda el error "Hubo un error en el envío del mensaje, por favor intente más tarde."
no tengo idea que pueda estar mal me ayudas por favor???
te pongo mis codigos y nuevamente muchas gracias por tus tutoriales que estan super y toda la ayuda....

Este es mi codigo en Flash

import mx.controls.Alert;
var canciones:Array = new Array();
var enviar_lv:LoadVars = new LoadVars();
var resultado_lv:LoadVars = new LoadVars();
initForm();
function initForm() {
llenaComboCanciones();
}
function llenaComboCanciones() {
canciones.push({label:"-- Selecciona --", data:0});
canciones.push({label:"cancion 01", data:"1"});
canciones.push({label:"cancion 02", data:"2"});
canciones.push({label:"cancion 03", data:"3"});
canciones.push({label:"cancion 04", data:"4"});
canciones.push({label:"cancion 05", data:"5"});
cbo_canciones.dataProvider = canciones;
cbo_canciones.sortItemsBy("label");
}
enviar_btn.onRelease = function() { enviarCorreo(); }
function enviarCorreo() {
enviar_btn.enabled = false;
enviar_lv.canciones = cbo_canciones.selectedItem.label;
enviar_lv.sendAndLoad("enviar_voto.php", resultado_lv, "POST");
}
resultado_lv.onLoad = function(success:Boolean)
{
var respuesta = this.resultado;
if(success)
{
if(respuesta == "SI")
{
Alert.show("Su Voto se ha enviado.", "Gracias", Alert.OK, null, "Alerta", Alert.OK);
}
else
{
Alert.show("Hubo un error en el envío del mensaje, por favor intente más tarde.", "Error", Alert.OK, null, "alerta", Alert.OK);
}
}
else
Alert.show("Hubo un error en el envío del mensaje, por favor intente más tarde.", "Error", Alert.OK, null, "alerta", Alert.OK);
enviar_btn.enabled = true;
};

Codigo en PHP

  Comentario por LILIAN el Junio 7, 2010 @ 2:59 pm

Creo que falto mi codigo PHP te lo envio

  Comentario por LILIAN el Junio 7, 2010 @ 3:03 pm

UPSSS!!!! no se que pasa que no me inserta el codigo PHP pero bueno en realidad es igual al que me pusiste como ejemplo nada mas que mi variable es "canciones"

De antemano Gracias!!!!

y disculpa lo latosa

  Comentario por Carla Macías el Junio 9, 2010 @ 1:34 pm

Hola Lilian,

Para el envío de correos necesitas tener PHP o ASP. Este ejemplo usa PHP por lo que debes probarlo en un servidor que soporte PHP. Para descartar que sea tu servidor y no el código, crea un archivo PHP (correo.php) con este código:

Texto Plano
PHP:
  1. <?
  2. $remitente = "Remitente <correo@correo.com>";
  3. $para = "Carla Macias <tocorreo@correo.com>";
  4. $asunto = "Correo de prueba";
  5. $mensaje = "Prueba de envío de correo por PHP";
  6. $header = "MIME-Version: 1.0\nFrom: " . $remitente . "\n";
  7. $header .= "Content-type: text/html; charset=iso-8859-1;";
  8. if(mail($para, $asunto, $mensaje, $header))
  9.     echo 'Correo enviado';
  10. else
  11.     echo 'Problemas al enviar el correo';
  12. ?>

No olvides cambiar los correos para probar que te llegan. Salva el archivo, súbelo a tu servidor y abre la página en el navegador para ver qué te muestra.

Saludos.

  Comentario por LILIAN el Junio 9, 2010 @ 3:08 pm

Muchas Gracias Carla lo probare y claro tratare de ya no molestarte...

Muchas gracias de nuevo

LILIAN

  Comentario por Vivi el Junio 16, 2010 @ 12:06 pm

Hola Carla, estado leyendo todo tu tutorual y me parece muy interesnate, resulta que tengo un problema y quisiera que porfavo me des una manito. Bueno te comento el problema:
Pra aempezar trabajo con Flash, amfphp, PHP y mysql
diseñe un formunario donde tengo un datagrid y dentro de uno de los campos carge un combobox, para eso utilize el cellrenderer, hice una clase para el combobox. Ahora el probelam es que no logro cargar datos en el combobox que va dentro del datagrid, teoricamente en la clase del combo es donde tengo que cargar la funcion que llena mi combobox pero no logro hacerlo, nose si tu ya manejaste eso y si me puedes ayudar, te lo agradeceria muchisimo

Escribe un comentario

Nota: Es posible que tu comentario requiera autorización, si es así tu comentario será publicado a la brevedad. Gracias.

(requerido)

(requerido)