Como crear un menú dinámico con Actionscript 3.0 y XML

Etiquetas: URLLoader URLRequest currentTarget

Como crear un menú dinámico con Actionscript 3.0 y XML

Este ejemplo intenta mostrar una forma básica de hacer un menú dinámico con Flash y XML. La misma teoria que se aplica aquí para crear los elementos del menú, se puede aplicar en la creación, por ejemplo, de una galeria de imágenes o videos.

La idea es hacer un menú cuyos elementos se crean a partir de los nodos de un XML. De esta forma se hace más sencillo el mantenimiento del menú, ya que por ejemplo para añadir un botón solo habría que añadir un nuevo nodo con los contenidos necesarios. El XML que vamos a utilizar es este: 

  1.  
  2. <?xml version="1.0" encoding="utf-8" ?>
  3. <data>
  4. 	<elementos>
  5. 		<elemento>
  6. 			<titulo>Google</titulo>
  7. 			<enlace>http://www.google.com</enlace>
  8. 		</elemento>
  9. 		<elemento>
  10. 			<titulo>Yahoo</titulo>
  11. 			<enlace>http://www.yahoo.com</enlace>
  12. 		</elemento>
  13. 		<elemento>
  14. 			<titulo>Altavista</titulo>
  15. 			<enlace>http://www.altavista.com</enlace>
  16. 		</elemento>
  17. 		<elemento>
  18. 			<titulo>Lycos</titulo>
  19. 			<enlace>http://www.lycos.com</enlace>
  20. 		</elemento>
  21. 	</elementos>
  22. </data>
  23.  

Vemos que cada elemento tiene un título, que vamos a poner en el texto del botón, y un enlace, que es la url que vamos a cargar al hacer click en el botón.

Una vez que tenemos el XML, vamos a flash y creamos el botón que vamos a utilizar para crear el menú. En este caso es un fondo blanco con un campo de texto dinámico llamado "Texto_txt". Una vez creado pulsamos con el botón derecho en el símbolo que tenemos en la biblioteca y seleccionamos "Vinculación". Tenemos que asociar el botón a la clase ElementoMenu, que es el nombre de clase que vamos a utilizar para crear los botones.

Vinculacion FLash Actionscript

Ahora vamos a cargar el XML. Creamos un URLLoader, añadimos los eventos, y creamos las funciones de carga y error. Se puede ver el proceso de carga más detallado en el tutorial de carga de XML en Actionscript 3.0 . Una vez cargado el XML y almacenado en la variable datos, llamamos a la función montar, donde vamos a crear el menú. Tenemos que recorrer todos los nodos, y crear un botón por cada nodo. Para recorrer los elementos con la estructura que hemos definido en el XML, tenemos que utilizar un for con este aspecto: 

  1.  
  2. for (var i:uint = 0; i < datos.elementos.elemento.length(); i++) {
  3.  
  4. }
  5.  

En cada "vuelta" del for, vamos a crear un botón, rellenamos su campo Texto_txt con el nodo titulo, y almacenamos en una variable dentro del botón el valos del nodo enlace. Lo colocamos en "y" descendente según avanzamos para que salgan uno debajo de otro, y por último le añadimos un evento click que llama a la función navegar:

  1.  
  2. boton = new ElementoMenu();
  3. boton.Texto_txt.text = datos.elementos.elemento[i].titulo;
  4. boton.enlace = datos.elementos.elemento[i].enlace;
  5. boton.y = i * 25
  6. boton.buttonMode = true;
  7. boton.mouseChildren = false;
  8. boton.addEventListener(MouseEvent.CLICK, navegar);
  9. addChild(boton);
  10.  

Ahora, cada vez que hagamos click en un botón, se ejecutará la función navegar. En esta función recogemos el valor de la variable que hemos almacenado en enlace dentro del botón, por medio de currentTarget:

  1.  
  2. private function navegar(e:MouseEvent):void {
  3. 	navigateToURL(new URLRequest(e.currentTarget.enlace), "_blank");
  4. }

Espero haberlo explicado de una manera fácil. Para cualquier duda podéis utilizar los comentarios.

Envio del e-mails con Actionscript 3.0 y PHP

Etiquetas: URLRequest URLLoader URLVariables

Este ejemplo muestra como enviar un correo electrónico desde flash y AS3 , por medio de php. Para que funcione debemos tener un php subido en nuestro servidor con el siguiente código: 

  1.  
  2. 	$email = $_POST['email'];
  3. 	$asunto = $_POST['asunto'];
  4. 	$cuerpo = $_POST['cuerpo'];
  5. 	mail("$email","$asunto","$cuerpo");
  6. 	echo "resultado=Mensaje enviado";
  7.  

Podemos pasar los datos necesarios a este fichero desde Flash de la siguiente forma:

Recorrer XML en AS3

Etiquetas: XML URLLoader URLRequest elements

El siguiente código carga un XML y recorre sus nodos y atributos imprimiendolos en pantalla.

El XML que he utilizado es el siguiente: 

  1.  
  2. <Discos>
  3. 	<Disco puntuacion="10">
  4. 		<grupo id="20">The Knife</grupo>
  5. 		<titulo>Deep Cuts</titulo>
  6. 	</Disco>
  7. 	<Disco puntuacion="7">
  8. 		<grupo id="21">Jose Gonzalez</grupo>
  9. 		<titulo>Veneer</titulo>
  10. 	</Disco>
  11. </Discos>
  12.  

Y el código AS:

Cargar archivos de texto y XML con URLLoader

Etiquetas: URLLoader URLRequest load

El código de este ejemplo carga un XML e informa de los eventos de carga. Para cargar imágenes y SWF hay que utilizar Loader en lugar de URLLoader.

Hacer un sendAndLoad en Actionscript 3.0

Etiquetas: URLRequest URLVariables sendToURL URLLoader method load dataFormat

sendAndLoad permitía enviar información a un fichero externo (PHP, ASP o similar) y recibir después información de este. En AS3 ya no se puede utilizar esta función, pero en su lugar se puede utilizar el siguiente código (en el ejemplo envio dos numeros a un PHP, que los sumará y devolverá el resultado). El php puede ser como este: 

  1.  
  2. <?php
  3. 	$numero1 = htmlentities($_POST[numero1]);
  4. 	$numero2 = htmlentities($_POST[numero2]);
  5. 	$suma = $numero1 + $numero2;
  6. 	echo "suma=" . $suma;
  7. ?>
  8.  

Y el Actionscript: