Script ajax: Calcolare il percorso con google maps sul sito

difficoltà:  script script script script script

5/4/2009

Attraverso questo script sarà possibile visualizzare un punto sulla mappa google maps sul vostro sito. Sarà inoltre possibile calcolare direttamente sul sito il percorso, con tanto di indicazioni e tragitto, per arrivare a destinazione da qualunque punto di partenza inserito direttamente dall'utente. leggi


Script ajax: Trovare la posizione di un IP su google maps

difficoltà:  script script script script script

29/9/2008

Utilizzando le API di Google maps, versione 2, potremo trovare la posizione corrente dell'utente attraverso l'uso della nuova proprietà ClientLocation (google.loader.ClientLocation) che ci permette di localizzare l'IP dell'utente. leggi


Script ajax: Risolvere problemi di charset ajax

difficoltà:  script script script script script

16/6/2008

Ci sarà capitato di dover stampare a video del testo recuperato con ajax tramite una chiamata asincrona, e spesso abbiamo avuto problemi di charset ed il testo recuperato ci sarà stampato con caratteri incomprensibili.
La soluzione che al momento ho trovato per ovviare al problema è di bufferizzare l'output della pagina chiamata con ajax e di encodare l'output in utf8 tramite la funzione utf8_encode prima di stampare a video il risultato. leggi


Script ajax: Caricare librerie ajax dai veloci server di google

difficoltà:  script script script script script

30/5/2008

Bella novità da parte di google. E' infatti ora possibile caricare le maggiori librerie javascript e ajax direttamente dai loro server. In questo modo abbiamo dei forti vantaggi. Innanzitutto risparmieremo la banda del nostro server, inoltre essendo utilizzata da altri c'è la possibilità che un utente arrivando sul nostro sito abbia già caricato in cache la libreria, quindi non dovrà ricaricarla, con vantaggi nella velocità di caricamento della pagina.
Al momento google da la possibilità di caricare le librerie ajax: jQuery, prototype, script.aculo.us, MooTools e dojo leggi


Script ajax: Mappe Google maps sul proprio sito metodo veloce in iframe

difficoltà:  script script script script script

19/10/2007

Abbiamo visto nei precedenti articoli su google maps come inserire sul proprio sito e personalizzare una mappa google maps, anche con l'uso delle mapplets. Questi sistemi hanno però il problema di dover per forza richiedere una key api per ogni directory in cui si desidera usare la mappa e una buona dose di javascript. Se si desidera inserire invece una mappa senza dover richiedere la key api e senza doversi imbattere in codice javascript, Google da la possibilità, copiando e incollando un piccolo codice, di inserire la mappa direttamente sul proprio sito all'interno di un iframe. leggi


Script ajax: Form method post e chiamata asincrona con ahah

difficoltà:  script script script script script

1/10/2007

Abbiamo visto nello script di esempio sull'utilizzo di Ahah come realizzare una chiamata ajax tramite la libreria Ahah. L'invio dati avveniva via querystring, quindi con method get. In questo caso vedremo invece come effettuare una chiamata asincrona inviando i dati da un form con method post. leggi


Script ajax: Esempio base ajax con ahah

difficoltà:  script script script script script

23/9/2007

Abbiamo visto nei precedenti articoli come utilizzare ajax con la libreria script.aculo.us. Vedremo in questo articolo l'uso di un'altra libreria che non contiene tutti gli effetti di script.aculo.us, ma se dobbiamo solamente utilizzare chiamate asincrone è molto comoda per la sua leggerezza. La libreria in questione è ahah. leggi


Script ajax: Drag and drop con scriptaculous in orizzontale

difficoltà:  script script script script script

11/9/2007

Abbiamo visto negli script sul drag and drop con script.aculo.us come, avendo 3 colonne, spostare i 3 elementi di ciascuna colonna in un'altra, oppure cambiare semplicemente l'ordine in una colonna. Si poteva anche aggiungere e rimuovere finestre e ricordare la posizione delle finestre aperte tramite cookies. Con questo script potremo disporre gli elementi in modo orizzontale permettendo solo lo spostamento degli elementi per riga. leggi


Script ajax: Drag and drop scriptaculous con memoria posizione in asp

difficoltà:  script script script script script

24/7/2007

In molti mi hanno chiesto di riprodurre con l'uso di asp lo script per il drag and drop con ajax e script.aculo.us in cui avevamo 3 colonne con la possibilità di spostare i 3 elementi di ciascuna colonna in un'altra colonna, oppure cambiare l'ordine in una colonna. Questo script da anche la possibilità di aggiungere e rimuovere le finestre e la possibilità di ricordare la posizione delle finestre aperte tramite cookies. leggi


Script ajax: Mappe personalizzate kml su google maps con georss e Mapplets

difficoltà:  script script script script script

16/7/2007

Abbiamo già visto come inserire una mappa di google sul proprio sito e caricare segnaposto prelevando le coordinate dei punti da un file xml in formato georss. Non sempre però è semplice e veloce reperire tutte le coordinate dei punti da inserire nel file xml.
Con le Mapplets di google maps potremo fare molto di più in modo molto semplice e veloce. Quello che vogliamo fare in questo script è disegnare con 'le mie mappe' di google maps la nostra mappa personalizzandola in ogni elemento. Disegnando i percorsi inserendo semplici righe, Inserendo segnaposti con semplici click direttamente sulla mappa, e addirittura visualizzare immagini nelle descrizioni o disegnare forme geometriche o altro.
Una volta disegnata per bene la nostra mappa semplicemente cliccando sulla mappa potremo prelevare il link da divulgare oppure inserire la nostra mappa direttamente sul nostro sito. Basterà infatti scaricare il file kml e utilizzare georss per indicargli da dove prelevare coordinate, percorsi e altro. leggi


Script ajax: Caricare su Google maps coordinate da xml o feed rss con georss

difficoltà:  script script script script script

4/7/2007

Abbiamo visto negli articoli precedenti su Google maps come inserire nel proprio sito una mappa di google maps inserendo segnaposti per i punti da segnalare tramite le coordinate o l'indirizzo da cercare.
Con questo script impareremo a usare Georss, cioè a caricare l'elenco delle coordinate da visualizzare tramite segnaposto sulla mappa da un file xml, nel formato Georss.
Questo è utile perchè potremo creare il file xml in modo dinamico prelevando ad esempio l'elenco delle coordinate e le descrizioni da un database. leggi


Script ajax: Visualizzare sul proprio sito un indirizzo con Google maps

difficoltà:  script script script script script

25/4/2007

Vedremo in questo script come inserire nel proprio sito una mappa personalizzata prelevata da google maps. In questo esempio vedremo come visualizzare nella mappa un indirizzo, inserendo non le coordinate, ma più semplicemente l'indirizzo stesso, comprendente via, città e numero civico. leggi


Script ajax: Inserire una mappa di google maps nel proprio sito

difficoltà:  script script script script script

19/4/2007

Vedremo in questo script come inserire nel proprio sito una mappa personalizzata prelevata da google maps. leggi


Script ajax: Suggerimenti autocomplete con scriptaculous

difficoltà:  script script script script script

20/3/2007

Con questo script vedremo come implementare un completamento automatico su un campo di testo di un form usando la libreria script.aculo.us. Inserendo parte del testo da cercare in un campo di testo verrà visualizzata una tendina con i suggerimenti pertinenti al testo digitato. leggi


Script ajax: Drag and drop scriptaculous con aggiunta finestre e memoria posizione

difficoltà:  script script script script script

23/1/2007

Questo script si pone a conclusione di una serie di script atti a riprodurre l'home page personalizzata di google, in cui avremo 3 colonne e sarà possibile spostare i 3 elementi di ciascuna colonna in un'altra colonna, oppure cambiare semplicemente l'ordine in una colonna. Questo script finale permette l'aggiunta e rimozione delle finestre e la possibilità di ricordare la posizione delle finestre aperte tramite cookies. leggi


Script ajax: Aggiungere e rimuovere elementi ordinabili con scriptaculous

difficoltà:  script script script script script

15/1/2007

Questo post è un elemento che ci consentirà in seguito di migliorare Drag and drop con scriptaculous e salvataggio posizione. In particolare vedremo come aggiungere dei box alle liste ordinabili e come in seguito rimuoverli con l'aiuto della libreria cript.aculo.us e l'elemento builder. leggi


Script ajax: Aggiungere elementi a una pagina web con scriptaculous

difficoltà:  script script script script script

9/1/2007

Questo post è un elemento che ci consentirà in seguito di migliorare Drag and drop con scriptaculous e salvataggio posizione. In particolare vedremo come aggiungere dei box alle liste ordinabili. Abbiamo già visto come Aggiungere elementi a una pagina web con javascript, ora vediamo come puo' aiutarci la libreria script.aculo.us e in particolare l'oggetto builder di prototype. leggi


Script ajax: Drag and drop con scriptaculous e salvataggio posizione

difficoltà:  script script script script script

24/10/2006

Questo script riprende Script ajax: Drag and drop con scriptaculous. In questo script avevamo visto come spostare e ordinare i contenuti in 3 colonne, ora vedremo come poter salvare la posizione nuova in modo tale che alla prossima apertura della pagina ci ritroveremo gli elementi nella stessa posizione in cui li abbiamo lasciati. leggi


Script ajax: Drag and drop con scriptaculous

difficoltà:  script script script script script

20/10/2006

Con questo esempio riprodurremo la possibilità di muovere le finestre della home page personalizzata di google. Avremo 3 colonne e sarà possibile spostare i 3 elementi di ciascuna colonna in un'altra colonna, oppure cambiare semplicemente l'ordine in una colonna. leggi


Script ajax: Edit in place e modifica dati in loco

difficoltà:  script script script script script

12/10/2006

Lo script presentato è un esempio base che mostra come poter realizzare in ajax un sistema "Edit in place", cioè la modifica di dati di un form senza dover cambiare pagina. Il sistema permette di aggiornare uno alla volta i campi di un form senza dover far cambiare pagina all'utente, utile in particolare se si prevede che l'utente possa avere la necessità di editare una sola voce del form, continuando a lavorare sulla pagina in questione. leggi


Script ajax: Esempio base ajax con scriptaculous

difficoltà:  script script script script script

6/9/2006

Un esempio molto semplice per imparare ad usare ajax con la libreria script.aculo.us. leggi


Script ajax: Esempio base ajax

difficoltà:  script script script script script

19/7/2006

Esempio base ajax: con questo semplice script  invieremo via querystring  una variabile da una pagina, la quale elaborerà il risultato, che verrà scritto in un div della pagina leggi