jQuery mobile e Geonames...come collegarli insieme?

[nicolaesse]

jQuery mobile e Geonames...come collegarli insieme?

Ciao, sto cercando realizzare una pagina per dispositivi mobili in cui immettendo le prime 2-3 lettere di una località, appaia la lista dei risultati presenti in Geonames.

In altre parole qualcsa di molto simile a questo esempio jqueryui.com/demos/autocomplete/#remote-jsonp
con la differenza che i risultati, anzichè apparire nel menu a tendina, dovrebbero apparire in un elenco formattato secondo jQuery Mobile (come in qeusto esempio raymondcamden.com/demos/2012/mar/27/).

Sapete indicarmi qualche esempio o tutorial che spieghi come fare una cosa del genere, per favore?

Personalmente partirei dall'esempio sul sito di jQuery UI e cambierei la parte

success: function( data ) {                         response( $.map( data.geonames, function( item ) {                             return {                                 label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,                                 value: item.name                             }                         }));

in modo che generi la lissta di elementi tra due tag <ul> con uno specifico id. E' in questa fase che non saprei nemmeno come partire nè quali funzioni utilizzare...potete darmi una mano?