RAPIDQ

Rapid-Q:The lost files
My old library where i have collected all the rapidq scripts and italian help

Today my pagerank is:

Google Ajax Feed API - Feed esterni sul nostro sito con Javascript

Post date:01/12/2008 - Posted by

admin

Abbiamo recentemente parlato di Cross Domain Scripting con Jquery e JSON-P, una metodologia di trasporto dei dati da un dominio all'altro che sfrutta JSON.

Oggi voglio introdurvi all'uso delle Google Ajax Feed API che ci permettono di trasportare sul nostro sito qualsiasi Feed con javascript, senza avere problemi di Crosso Domain Scripting.

Iniziare ad usare Google Ajax Feed API vuol dire che qualcuno si prende cura del lavoro più crudele, ovvero il recupero e l'immagazinamento del tanto desiderato feed RSS da mostrare, il tuo compito è solo imparare ad usare JavaScript per accedere alle informazioni e mostrarle. Indipendentemente da ciò che stai cercando di fare con i conseguenti dati, il processo di base è sempre lo stesso. Lo spiego in 3 semplici passaggi:

Passaggio 1: Crea la tua (gratuita) chiave API di Google immediatamente, andando alla loro pagina di iscrizione, e digitando il dominio del sito che userai per questo script. Una chiave che è super-super-lunga ed è generata in modo che funzionerà solo per quel dominio.

Fase 2: Inserisci il seguente script nella sezione HEAD della pagina, in primis i riferimenti API di Google Code (obbligatorio), poi carichi la versione 1 (attualmente la versione più recente) del feed Ajax API:


<head>
<script type="text/javascript" src="http://www.google.com/jsapi?key=YOUR-API-KEY">
</script>
  <script type="text/javascript">
  google.load("feeds", "1") //Load Google Ajax Feed API (version 1)
  </script>
  </head>

Fase 3: Ora che hai accesso a Google Ajax Feed API sulla tua pagina, quello che devi fare è utilizzare JavaScript per caricare il feed RSS desiderato, quindi recuperare e visualizzare i risultati nel modo desiderato. Ad esempio:

<div id="feeddiv"></div>
<script type="text/javascript">
var feedcontainer=document.getElementById("feeddiv")
  var feedurl="http://rss.slashdot.org/Slashdot/slashdot"
  var feedlimit=5
  var rssoutput="<b>Ultime news da Slashdot:</b><br /><ul>"
  function rssfeedsetup(){
  var feedpointer=new google.feeds.Feed(feedurl) //Google Feed API method
  feedpointer.setNumEntries(feedlimit) //Google Feed API method
  feedpointer.load(displayfeed) //Google Feed API method
  }
  function displayfeed(result){
  if (!result.error){
  var thefeeds=result.feed.entries
  for (var i=0; i<thefeeds.length; i++  )
  rssoutput ="<li><a href='"+thefeeds[i].link+"'>"+thefeeds[i].title+"</a></li>"
  rssoutput ="</ul>"
  feedcontainer.innerHTML=rssoutput
  }
  else
  alert("Error fetching feeds!")
  }
  window.onload=function(){
  rssfeedsetup()
  }
</script>

Risultato:

È possibile sostituire l'URL del feed RSS con qualsivoglia valido, e modificare il numero di voci per mostrare il tutto in maniera lineare. Il codice in rosso comporta invocare i metodi disponibili in Google Ajax Feed API per caricare/scaricare i feed RSS prima di emettere il risultato utilizzando la funzione di call back, in questo caso, displayfeed.

Ora che si conosce la procedura di base per l'utilizzo di Google Ajax Feed API, è il momento di dare una vista a Google e studiarsi meglio l'API per vedere che cosa potete fare con essa.

Commenti

Inserisci un commento

Users

Videos

Scripts & Tutorials

Linux - I comandi principali

07/11/2010

Per i piú smemorati, una lista di comandi principali usati con linux cd : cambia la directory corrente. ls : mostra il…

in:Scripts e tutorials (0 commenti)

Search Engine Optimization - 130 parametri usati da google per valutare il tuo sito

26/08/2010

Con l'avvento di caffeine molti webmaster si sono trovati a dover rivedere tutte le strategie SEO per i…

in:Scripts e tutorials (0 commenti)

Inserisci Google BUZZ nel tuo sito con Google Buzz Widget Jquery Plugin

15/02/2010

Questo è un widget di jQuery per il nuovo social network di Google-Buzz-che è possibile incorporare ovunque per…

in:Scripts e tutorials (0 commenti)

Javascript - Codifica/decodifica di password nei file ste di Dreamweaver

17/01/2010

Questo é un pratico codificatore/decodificatore/decriptatore (chiamatelo come volete) di password inserite nei file di configurazione .ste su dreamweaver function…

in:Scripts e tutorials (0 commenti)