Comunidad de diseño web y desarrollo en internet online

Crear listas ordenadas en Flash con Actionscript

Flash player interpreta ciertas etiquetas HTML, pero no así una de las más básicas y útiles: <ol></ol> para crear listas ordenadas. Honestamente nunca había necesitado de la etiqueta en cuestión, hasta ayer... Y debo confesar, que siendo diseñadora, me tomó más de 1/2 hora el encontrar el aproach adecuado para manejar datos de un XML e interpretarlos como una lista.

Alcance


Únicamente enseñaré cómo hacer listas ordenadas a a partir de datos contenidos en un arreglo. El cómo leer un XML en flash, ya está muy hablado.

Los tipos de listas


Se pueden manejar todo tipo de listas, simplemente hay que declararlas en un arreglo, a continuación, manejaremos cuatro tipos:

Código :

//TIPOS DE LISTAS

//Numérica
listaOrdenadaNumeros = new Array("1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20");

//Alfabética Minúsculas
listaOrdenadaMinusculas = new Array("a","b","c","d","e","f","g","h","i","j","k","k","m","n","ñ","o","p","q","r","s","t","u","v","w","x","y","z");

//Alfabética Mayúsculas
listaOrdenadaMayusculas = new Array("A","B","C","D","E","F","G","H","I","J","K","L","M","N","Ñ","O","P","Q","R","S","T","U","V","W","X","Y","Z");

//Numérica Romana Mayúsculas
listaOrdenadaRomanos = new Array("I","II","III","IV","V","VI","VII","VIII","IX","X","XI","XII","XIII","XIV","XV","XVI","XVII","XVIII","XIX","XX");

//Numérica Romana Minúsculas
listaOrdenadaRomanitos = new Array("i","ii","iii","iv","v","vi","vii","viii","ix","x","xi","xii","xiii","xiv","xv","xvi","xvii","xviii","xix","xx");


Los datos


Como mencioné, partiremos del hecho de que tenemos una serie de datos, que contendremos en un arreglo llamado, en nuestro caso, datosXML:

Código :

datosXML = new Array("Decimal","Maya","Romano","Egipcio");


El escenario


Necesitamos tener preparados 5 campos de texto dinámico, con la opción de "<>" (texto HTML) activada, en donde se formará cada lista.

Los nombres (instancia) de cada uno debe ser, correspondientemente:
lista_ordenada_numeros
lista_ordenada_minusculas
lista_ordenada_mayusculas
lista_ordenada_romanos
lista_ordenada_romanitos

¿Y la lista?


Ahora, sólo nos resta combinar los datos entre si, para que se creen 'automágicamente' nuestras listas! :D

Código :

for (i=0;i<datosXML.length;i++) { //Verificamos cuántos elementos hay en el arreglo que contiene los datos, ya que ese será el número hasta donde llegue la lista
lista_ordenada_numeros.htmlText += listaOrdenadaNumeros[i] +". " + datosXML[i] + "<br>";
lista_ordenada_minusculas.htmlText += listaOrdenadaMinusculas[i] +") " + datosXML[i] + "<br>";
lista_ordenada_mayusculas.htmlText += listaOrdenadaMayusculas[i] +") " + datosXML[i] + "<br>";
lista_ordenada_romanos.htmlText += listaOrdenadaRomanos[i] +". " + datosXML[i] + "<br>";
lista_ordenada_romanitos.htmlText += listaOrdenadaRomanitos[i] +". " + datosXML[i] + "<br>";
}


Lo que hacemos, es ir juntando cada elemento de la lista ordenada que queremos, más un puntito o un paréntesis, según el formato que queramos, con su correspondiente elemento de los datosXML y un salto de línea.

El resultado, debe ser algo así:


DISCLAIMER: Este tip es muy básico, se que pudiera estar más simplificado, usando fors para los arreglos de las listas numéricas, y toUpperCase / toLowerCase para los Alfabéticos, pero aún así, decidí hacerlo lo más fail proof y entendiblemente posible Espero que alguien le sirva ñ_ñ

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate