3, 2, 1... CONSULTA BLOGGER!! (IMPLEMENTACIÓN API BLOGGER DE GOOGLE)

¡Hola a tod@s (Hello World!)!

En este artículo vamos a implementar ¡consultas a las noticias a partir de la librería JavaScript de Google y llamaremos a su RSS tratando la información recibida!

¡Comenzamos!

Código HTML del EJEMPLO:

<!DOCTYPE html>
<html>
 <head>
  <!-- JS API GOOGLE -->
     <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  <!-- NUESTRO SCRIPTS JS -->
     <script type="text/javascript" 
src="http://dl.dropbox.com/u/20726006/Personal/snippets/blogger.loquemesaledelospeones.js"></script>
 </head>
 <body>
  <div style="margin:20px 0px;">
   <span>Blogger: </span>
   <input id="iBlogger" type="text" 
   value="http://loquemesaledelospeones.blogspot.com" 
   style="width:400px;" />
   <input id="iConsultar" type="button" value="Consultar" 
   onclick="getFeedRSS();" class="comment-actions" />
  </div>
  <div id="contenido" style="width:660px;"></div>
 </body>
</html>
 
En la etiqueta head hemos agregado una librería de Google que nos permite capturar diversas librerías mediante llamadas desde ésta. Posteriormente hemos incluido una librería propia la cual dejo como ejercicio para intentar entender la implementación de la misma.

En la etiqueta body tenemos 3 elementos o etiquetas distinguidos, uno es la cajita de texto, otro es el botón de consulta, y otro es un div contenedor que de momento no contiene nada por lo que no se aprecia ni que existe. Cuando pulsamos sobre el botón se lanza el evento onclick que llama a la función propia cogiendo el valor de la cajita de texto y devolviendo el resultado al div contenedor donde se pinta toda la información que hemos tratado.

El HTML del ejemplo lo podeis encontrar Pulsando Aquí y la descarga de los ficheros del ejemplo Pulsando Aquí

La salida es la siguiente:

Blogger:

Good playground! Y cualquier duda, sugerencia, reclamación, etc... podéis comentar! Saludos.

2 comentarios :

  1. Reina te lo dedico este artículo y para que veas que no soy rencoroso ¡otro html mostrando los blogs murcianos! (jejeje!!!!):

    http://dl.dropbox.com/u/20726006/Personal/snippets/blogger_murcia.html

    ResponderEliminar

Facebook


Estadisticas

Envía tu torneo

Nombre

Correo electrónico *

Mensaje *