Javascript | TechWave

Ajax Push Engine (APE): un framework javascript per gestire streaming di dati in real-time

7 luglio 2011Categoria:javascript | open source

APE (Ajax Push Engine) è una tecnologia open source e gratuita (sia per scopi commerciali che non commerciali) che permette di scambiare dati tramite browser tra un elevato numero di utenti in real time utilizzando solo javascript, senza la necessità di plugin aggiuntivi (Flash, Silverlight, …).
La tecnologia si basa sul concetto di ajax push, ovvero il client (browser) resta in attesa dei dati dal server senza dover effettuare delle richieste in continuazione per cercare eventuali aggiornamenti, diversificandosi quindi dal metodo tradizionale richiesta-risposta.

OpenLayers: nascondere il popup di Google Maps API v3

19 giugno 2011Categoria:javascript

Utilizzando le API di Google Maps v3 con OpenLayers viene visualizzato un popup con le informazioni sulla mappa, il quale anche se chiuso ritorna ad essere visualizzato dopo ogni spostamento o zoom della mappa.

OpenLayers: trasformazione delle coordinate di un punto da WGS84 a Spherical Mercator e viceversa

10 giugno 2011Categoria:javascript | open source

Per visualizzare dei punti con coordinate gps (WGS84) su un layer Google Maps con OpenLayers è necessario eseguire la trasformazione delle coordinate da EPSG:4326 (ovvero WGS84) a EPSG:900913 (Spherical Mercator).

Ecco le 2 funzioni per eseguire la traformazione diretta e inversa:

Facebook Like Button: gestione degli eventi con JavaScript SDK

4 giugno 2011Categoria:javascript

Facebook mette a disposizione un’SDK per javascript tramite la quale è possibile gestire le interazioni degli utenti con i widget inseriti in un sito web. Uno degli eventi che possono maggiormente interessare è il click di un utente sul pulsante “Like”.

Qui è disponibile una dimostrazione: DEMO .

Ed ecco il codice completo:

Javascript snippet: codifica completa di una stringa (full encode)

5 giugno 2010Categoria:javascript

La funzione javascript escape() non codifica i caratteri + e / e può essere un problema quando si devono salvare dati testuali ad esempio tramite una funzione ajax.

Ecco quindi una funzione per eseguire la codifica completa di una stringa:

/**
 * Codifica completa di una stringa. Esegue l'escape e codifica anche i
 * caratteri + e / .
 *
 * @param txt Stringa da codificare.
 * @return encodedTxt Stringa codificata.
 */
function fullEncode(txt){
	var encodedTxt = escape(txt);
	encodedTxt = encodedTxt.replace("+", "%2B");
	encodedTxt = encodedTxt.replace("/", "%2F");
	return encodedTxt;
}

Redirect temporizzato – html + javascript

29 aprile 2010Categoria:javascript

Per eseguire un redirect dopo un tempo prestabilito in puro html è sufficiente aggiungere all’interno dell’header un meta tag specifico:


<meta http-equiv="REFRESH" content="10; url=http://www.techwave.it" />

Per informare l’utente del redirect che sta per essere eseguito solitamente si utilizza una funzione javascript per visualizzare un countdown. Ecco il codice completo di una pagina di redirect che utilizza php e javascript, in modo da poter essere riutilizzata molto semplicemente:

JSLint : controllare la qualità del codice javascript

4 febbraio 2010Categoria:javascript | servizi web

JSLint è un servizio online creato da Douglas Crockford (Javascript Architect per Yahoo) per controllare e convalidare il codice javascript.
Il programma prende spunto da Lint, un validatore di codice sorgente in linguaggio C dal quale ne ricava il nome e le funzioni.

L’utilizzo del servizio è molto intuitivo, basta copiare il codice sorgente nell’area di testo bianca e premere il pulsante “JSLint”.
Modificando le opzioni sarà possibile ottenere una validazione “soft” che cercherà gli errori più importanti (funzioni utilizzate prima di essere dichiarate, variabili inutilizzate, terminazioni di blocco non corrette) oppure una valutazione completa del codice fino a dirvi che avete sbagliato l’identazione di un “break” o che manca uno spazio tra la parola chiave “function” e la parentesi. Leggi tutto…

Usare markers personalizzati in Google Maps

6 gennaio 2010Categoria:javascript

Attraverso le API di Google Maps è possibile visualizzare sulla mappa dei markers personalizzati.

Visualizza l’esempio

Ecco lo script da inserire all’interno del tag body:

Controllare un indirizzo email con JavaScript e le espressioni regolari

28 dicembre 2009Categoria:javascript

Una semplice funzione per controllare la validità di un indirizzo email con javascript:

Automatizzare la creazione di files javascript compressi con YUI Compressor in Windows

23 dicembre 2009Categoria:javascript

Lo YUI Compressor è un JavaScript Minifier, ovvero un tool che permette di ridurre le dimensioni dei files javascript eliminando tutto ciò che non è necessario (come ad esempio spazi e ritorni a capo) e offuscando il codice rinominando le variabili con nomi più corti. Il software, scritto da Julien Lecomte, è in Java per avere la massima portabilità tra i vari sistemi operativi ed è opensource.

Post precendenti

Post recenti