Comunidad de diseño web y desarrollo en internet online

Cómo realizar una búsqueda de Google con PHP y JavaScript

En este Tip, veremos como hacer que un campo de texto en nuestra página utilizado para buscar, se redireccione al buscador de google y nos arroje los resultados allí encontrados.

Utilizaremos 2 documentos (campo.php y resul.php).

Para ello abrimos un documento nuevo en php, el cual yo he llamado campo.php, en donde incluiremos un formulario con un campo de texto y un botón (buscar).

Nos quedará algo como esto:



Algo muy sencillo, ahora, en las propiedades del formulario, en la parte “acción” vinculamos nuestro segundo documento llamado resul.php, debe quedar así:



Nota: nuestro campo de texto se llama textfield y esa será la variable que pasaremos por medio POST, llevando hasta resul.php el valor que ella guarda, es decir lo que el usuario ha digitado.

Ahora vamos a programar, creamos nuestro documento resul.php y pondremos este código:

En la primer línea de nuestro código php transformamos nuestra variable post y ahora se llamara $a.

Código :

$a=$_POST[textfield];


En la segunda línea la variable $url1, la utilizaremos para guardar lo siguiente: http://www.google.com.co/search?hl=es&q=

Esta parte es la que se encuentra en cualquier búsqueda que hagamos en google, de hecho no cambia y es por eso que podemos hacer esto.

Quedara así:

Código :

$url1="http://www.google.com.co/search?hl=es&q=";


Ahora la variable $url2, me almacenará el segundo valor constante en una búsqueda, el cual es el siguiente.

Código :

$url2="&btnG=Buscar&meta=";


Si nos damos cuenta, en cualquier búsqueda que hagamos en google, siempre irán estas dos composiciones, pero las separa la palabra que hemos ingresado para nuestra búsqueda, dicha palabra la hemos almacenado en la variable $a. Lo que haremos, será concatenar estas tres cadenas y crear una sola, para luego abrir nuestra página. La concatenación es muy sencilla, basta con separar cada variable con un punto ‘.’, dicho código será en su orden así:

Código :

$url=$url1.$a.$url2;


Ahora nuestro JS, el cual ira debajo de nuestro código php

Primero creamos una variable llamada pagina, en donde almacenaremos mediante php, nuestra url concatenada, así:

Código :

var pagina="<?php echo $url; ?>"


Ahora crearemos una función que cargará nuestra url para luego mostrarla

Código :

function redireccionar()
{
location.href=pagina
}


Ahora utilizaremos la funcion setTimeout la cual al hacer un llamado a nuestra funcion llamada redireccionar, mostrar la url que ella contiene.

El numero es el intervalo de tiempo que tardará nuestro resultado

Código :

setTimeout ("redireccionar()", 10);


Al final nuestro código quedara así:

Código :

<?php
$a=$_POST[textfield];
$url1="http://www.google.com.co/search?hl=es&q=";
$url2="&btnG=Buscar&meta=";
$url=$url1.$a.$url2;
?>
 


Código :

<script LANGUAGE="JavaScript">
var pagina="<?php echo $url; ?>"
function redireccionar()
{
location.href=pagina
}
setTimeout ("redireccionar()", 10);
</script>



La idea de ponerlo línea por línea era explicar paso a paso como se hacia, espero les sirva.

Saludos[/code]

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

Publica tu comentario

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