Crear una caja de busqueda en Flash (2)

*Creación de las funciones de búsqueda;
*Código para accionar las búsquedas con el teclado.

En primer lugar creamos una capa llamada Componentes. Luego llevamos al escenario 2 componentes Buttons, 2 Radio Buttons y 1 Text input. Lo siguiente será darles nombre de instancia:

A los Buttons los nombraremos buscar_btn y suerte_btn respectivamente. A los Radio Buttons www_rb y pagina_rb. Finalmente al Text Input le daremos el nombre caja_ti.

A continuación creamos una capa llamada Acciones y escribimos el código para formatear y cargar de datos a los componentes:

//La variable "donde" nos servirá para especificar donde buscar al seleccionar los Radio Buttons
var donde:String = "";
//Datos y formateo de los Radio Buttons
www_rb.label = "Búsqueda en WWW";
www_rb.data = "";
www_rb.selected = true;
www_rb.groupName = "donde_buscar";
pagina_rb.label = "Búsqueda en www.leandrodonofrio.com.ar";
pagina_rb.data = "&domains=www.leandrodonofrio.com.ar&sitesearch=www.leandrodonofrio.com.ar";
pagina_rb.groupName = "donde_buscar";
//Datos de los Buttons
buscar_btn.label = "Búsqueda en Google";
suerte_btn.label = "Voy a Tener Suerte";

//Código para los Radio Buttons
//Al cliquear en alguno de ellos, asignamos a "donde" la data que contiene cada radio button
listener = new Object();
listener.click = function(evento) {
donde = evento.target.selection.data;
};
donde_buscar.addEventListener("click", listener);

Lo primero que se hizo fue asignar las etiquetas que mostrarán los Radio Buttons y los Buttons. También fue asignado a cada Radio Button datos específicos que sirven para realizar las búsquedas en determinadas páginas. Finalmente se creó una función la cual al seleccionar alguno de los Rudio Buttons, asignarán sus datos a la variable donde.

Creación de las funciones de búsquedas:

Para crear estas funciones se tomó las direcciones específicas de Google para realizar búsquedas. La dirección dicha es "http://www.google.com/search?hl=es&q=", en donde hl=es es el idioma (español) y q será la / las palabras a buscar. Por otro lado la búsqueda a través del botón Voy a Tener Suerte se realizó agregando "&btnI=Voy+a+Tener+Suerte" a la dirección de búsqueda normal. El código vá debajo del puesto anteriormente:

buscar_btn.onRelease = function() {
getURL("http://www.google.com/search?hl=es&q="+_root.caja_ti.text+donde, "_blank");
};
suerte_btn.onRelease = function() {
getURL("http://www.google.com/search?hl=es&q="+_root.caja_ti.text+
donde+"&btnI=Voy+a+Tener+Suerte", "_blank");
};

El contenido escrito dentro de caja_ti (el componente Text Input del escenario) será q. Además dependiendo del contenido que tenga la variable donde (que depende de los Radio Buttons) podremos buscar dentro de una pagina especifica o realizar la búsqueda normal.

Finalmente queda el código para accionar la búsqueda con el teclado, para eso nos podemos guiar del artículo utilización de la clase Key :

var flag:Boolean = false;
caja_ti.onKeyDown = function() {
//Si mantenemos apretado ENTER solo se abrirá una sola pagina
if (flag == false) {
flag = true;
if (Key.isDown(Key.ENTER)) {
getURL("http://www.google.com/search?hl=es&q="+_root.caja_ti.text+donde, "_blank");
}
}
};
caja_ti.onKeyUp = function() {
flag = false;
};
Key.addListener(caja_ti);

Al apretar Enter se podrá realizar la búsqueda. Además si se le mantiene apretado solo se abrirá una sola página (la variable flag impide la apertura de más páginas hasta que no se suelte la tecla).

Eso es todo!, queda solo buscar algún logo de Google y disponer de la mejor forma los componentes sobre el escenario.

 

Autor: leandrodonofrio.com
http://www.leandrodonofrio.com/tutoriales/flash/crear-una-caja-de-busqueda-en-flash/

Usuarios que han visto este tema también han visto...

- Ejecutar código ActionScript en función del formato de publicación
- Cómo optimizar nuestros SWF para Google en Flash
- Distorsionar clips con ActionScript en Flash
- Agrupar paneles en Flash
- Manejando Texto en Flash

- Versión imprimible de este documento
- Enviar por e-mail este documento