6/28/2008

• Crear caja de búsqueda tipo Google

Bueeno, la página original estaba en caché de Google, por tanto es cuestión de días para que esta info desaparezca del ciberespacio, como no me dejó guardar la página y no se me ocurrió otra cosa, pues por eso lo mando al mail de paso se autopostea en el Blog..... SaluuuU2...... =P´´´´

Crear una caja de busqueda tipo Google en Flash - 16-sep-2007, 06:33

Voy a explicar la realización de una caja de búsqueda de Google, con opciones avanzadas como la búsqueda específica en una determinada página y accionamiento de la búsqueda a través del teclado.

Primer paso: creamos una capa llamada Componentes.

Segundo paso: Vamos a ventana>> componentes y nos saldra una ventana como esta:






De esa ventana vamos a arrastrar hasta el escenario 2 componentes Buttons, 2 Radio Buttons y 1 Text input.


Tercer paso: Lo siguiente será darles nombre de instancia, para ello seleccionamos el componente deseado y vamos abajo de todo en la pestaña propiedades y alli le daremos el 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.

Cuarto paso: Ahora iremos a la pestaña parámetros y donde dice label al lado le daremos el nombre que queremos que tengan nuestros botones y los radio buttons. Seleccionamos uno por vez y lo vamos nombrando.







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



Código PHP:
var flag:Boolean = false;
var
donde:String = "";

//----------------FORMATEO DE LOS COMPONENTES------------------
//Datos para 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 http://www.entrebits.cl/";
pagina_rb.data = "&domains=http://www.entrebits.cl/&sitesearch=http://www.entrebits.cl/";
pagina_rb.groupName = "donde_buscar";
//Datos para los botones
buscar_btn.label = "Búsqueda en Google";
suerte_btn.label = "Voy a Tener Suerte";

//---------------CODIGO DE LOS RADIO BUTTONS-------------------
//Al cliquear en alguno de los radio buttons, 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);

//-------CÓDIGO PARA EJECUTAR BÚSQUEDA CON LOS BOTONES---------
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");
};

//----------CÓDIGO PARA EJECUTAR BÚSQUEDA CON EL TECLADO-------
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);
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 Radio 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 vendría a 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 contenido escrito dentro de caja_ti (el componente Text Input del escenario) vendría a 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
Al apretar Enter se podrá realizar la búsqueda. Además si se le mantiene apretado se abrirá solamente una página (la variable flag impide la apertura de más páginas hasta que no se suelte la tecla).

Sexto paso: elegir la imágenes adecuadas como por ejemplo el logo de google y disponer todo el diseño del escenario como les guste

Resultado final: (prueben hacer una búsqueda, realmente funciona!!)





Ojala os haya servido el tutorial, si tienen dudas postéenlas aqui

Cheers!
====================================
Se agradece al posteador original, en esta página que saqué de la caché de Google:
gkey: script "caja de busqueda" google

2 comentarios:

Anónimo dijo...

Hola, un comentario.

Como hacer una caja de búsqueda la cual va a ir colocada en un trabajo de autoplay pro
lo que quiero es que en esa caja ponga o teclee un nombre "x" de un o unos archivo que estaran en mi PC y lo ejecute al darle enter. de antemano mil gracias. como le puedo hacer gracias

arojas375@hotmail.com

Anónimo dijo...

Hola, un comentario.

Como hacer una caja de búsqueda la cual va a ir colocada en un trabajo de autoplay pro
lo que quiero es que en esa caja ponga o teclee un nombre "x" de un o unos archivo que estaran en mi PC y lo ejecute al darle enter. de antemano mil gracias. como le puedo hacer gracias

arojas375@hotmail.com

►RELEVANT, THIS WEEK