Componentes Flash

Este es uno de los componentes más sencillos que hay , su declaración es muy sencilla, y apenas consta de propiedades. Obviamente podemos personalizarlo como los demás, pero sus clases internas, son muy sencillas.
Pon un componente CheckBox en tu biblioteca, y luego copia en el fotograma 1, el siguiente texto:
//Atacheamos la checkbox
attachMovie("CheckBox", "mi_checkbox", 1);
//Ponemos suspropiedades
mi_checkbox.label = "Clicame";
mi_checkbox.labelPlacement = "left";
//Listener para el evento click
alClicar = new Object();
alClicar.click = function(evento) {
trace(evento.target.selected);
};
mi_checkbox.addEventListener("click", alClicar);
Con este código podemos ver todas las funciones de este componente. Estos son:
Estilo Descripción/Uso
label Texto que saldrá en elCheckBox.
labelPlacement Posición del texto que haya en nuestro CheckBox. Podemos posicionar a la izquierda, a la derecha, encima o debajo de la casilla nuestro texto mediante "left", "right", "top" y "bottom" respectivamente.
selected Booleano que nos dice si nuestro CheckBox está pulsado en este momento o no.
Luego tenemos el evento click, que es el único que posee este componente.DateChooser es un bonito componente que nos permite tener un calendario fácil de personalizar, y con el que podremos controlar la interactividad que tenga el usuario con el. Con DataChooser podremos saber si el usuario está escogiendo un día en nuestro calendario, si cambia de mes, desactivar días en concreto o rangos de días enteros, entre otras cosas.
Primero vamos a ver unas cuantas propiedades, comoes costumbre, pon un componente DateChooser en tu librería, y veamos que podemos hacer con este componente. Copia este código:
//Atacheamos el componente
attachMovie("DateChooser", "mi_calendario", 1);
//Nombres de los dias y los meses que mostrará el calendario
mi_calendario.dayNames = ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa"];
mi_calendario.monthNames = ["Enero", "Febrero", "Marzo","Abril",
"Mayo", "Junio", "Julio", "Agosto",
"Septiembre", "Octubre", "Noviembre", "Diciembre"]
//Propiedades
mi_calendario.disabledDays = [0, 6];
mi_calendario.showToday = false;
mi_calendario.firstDayOfWeek = 1;
Con este sencillo código hemos configurado nuestro calendario para que se vea de una forma más "europea". Primero, hemos traducido los nombres en el calendario mediantedayNames y monthNames. Es importante saber que el array de dayNames empieza por el domingo y acaba en el sábado, ya que está basado en el calendario Inglés.
Lo siguiente que hemos hecho ha sido desabilitar los dias 0 y 6, que son domingo y sábado respectivamente, ahora estos días no se podrán seleccionar. Con showToday lo que hacemos es deseleccionar el día en el que estamos actualmente. Si noponemos esa línea, de inicio nos aparece seleccionado el día de hoy. Por último, mediante firstDayOfWeek podemos cambiar cual será el primer día de la semana. En este caso si ponemos 1, lunes será el primer día de la semana, el valor predeterminado es 0, siendo así el domingo como en los calendarios ingleses.
¿Qué más podemos hacer en nuestro calendario? Pues vamos a desactivar las vacaciones deagosto, que en mi caso particular son del 1 al 15, cada uno que se lo personalize como quiera, jeje. Añadamos estas lineas:
//Vacaciones de Agosto 8D
mi_calendario.disabledRanges = [{rangeStart: new Date(2004, 7, 1),
rangeEnd: new Date(2004, 7, 15)}];
Bien, ahora los días de agosto del 1 al 15 están desactivados de forma que no se pueden clicar y así no me dan la vara en el trabajo XD.Fijaos que agosto es el mes 7, ya que enero es el mes 0, esto es típico de los arrays, ya que todos estan indexados desde 0, y no desde 1.
Ahora añadiremos el típico listener para cuando cambiamos la fecha seleccionada. Añadir esto al final del código:
//Listener para mostrar la fecha
alCambiar = new Object();
alCambiar.change = function(evento) {
//Cogemos la fecha y la partimos en tres...