Por: Elecash + Otros tutoriales de Elecash + 22 de Julio del 2004
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.
Ejemplo del tutorial
Archivos del tutorial
Si tienes alguna pregunta de este tutorial; puedes hacerla aqui en los foros
