Comunidad de diseño web y desarrollo en internet online

Tutorial del componente RadioButton de Flash

RadioButton es un componente bastante sencillo, aunque de diferente uso, al tratarse de un conjunto de componentes y no de uno solo. En este ejemplo veremos como programar tres RadioButton para que nos abran una pagina web.

Veamos primero cómo configurar sus propiedades, pon un RadioButton en tu librería, y escribe este código:

//Atacheamos los componentes
attachMovie("RadioButton", "boton1", 1);
attachMovie("RadioButton", "boton2", 2);
attachMovie("RadioButton", "boton3", 3);
//Propiedades comunes de todos los botones
for (i=1; i<4; i++) {
_root["boton"+i].groupName = "webs";
_root["boton"+i].labelPlacement = "left";
_root["boton"+i]._y = _root["boton"+i]._y+(i*20);
}
//Botón 1
boton1.label = "Elecash.org";
boton1.data = "http://www.elecash.org";
//Botón 2
boton2.label = "Elecash blog";
boton2.data = "http://www.elecash.org/blog";
//Botón 3
boton3.label = "CristaLab.com";
boton3.data = "http://www.cristalab.com";

Bien, primero hemos atacheado tres RadioButton y les hemos llamado boton1, boton2 y boton3. Obviamente hay una serie de propiedades que serán comunes para todos los botones, por eso hemos creado un for donde ponerles las propiedades a los tres botones a la vez, de esta manera ahorraremos muchas líneas de código.

Las propiedades individuales para cada botón como son su texto y los datos que contienen los hemos puesto debajo y ya está.

Fijaos, que una de las propiedades comunes es el groupName, esta propiedad tiene que ser igual para todos los RadioButton, ya que lo que hace es englobar a todos los botones en un grupo. Si esta propiedad no está activada los botones serán independientes, y no servirán para nada. Es importante saber también que los listeners que crearemos serán para nuestro grupo de RadioButton, y no para uno en concreto.

Vamos a ver los listeners para este componente:

alClicar = new Object();
alClicar.click = function(evento) {
getURL(evento.target.selection.data, "_blank");
trace("Has seleccionado el botón "+evento.target.selection);
};
webs.addEventListener("click", alClicar);

Como comentabamos arriba, el listener se hace sobre "webs" que es el nombre de nuestro grupo. Luego podemos acceder a los datos mediante selection.data donde selection es el RadioButton seleccionado, y data, los datos que hay guardados en el.

Se programan un poco diferente los RadioButton, pero al fin y al cabo, son sencillos.

¿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.

Descargar Archivo

Publica tu comentario

El autor de este artículo ha cerrado los comentarios. Si tienes preguntas o comentarios, puedes hacerlos en el foro

Entra al foro y participa en la discusión

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