sabato 13 novembre 2010

Calcolo del percorso su GoogleMaps nel sito

E possibile inserire nel sito un'applicazione che consente di calcolare il percorso da un punto all'altro del pianeta utilizzando le mappe di Google.
Ecco un esempio

Altre risorse
Esempi con API V2
Esempi con API V3

Window Vista Recovery CD

Un CD di recovery gratuito (e ci mancherebbe altro!!) per il sistema operativo Window Vista che non viene consegnato con l'acquisto del computer e che può essere ed è stato estremamente utile ...

Download: Vista Recovery CD

Inserire testo e codice javascript nel blog

Per inserire testo con copia ed incolla in questo blog occorrere essere in modalità "Modifica Html".

Per inserire codice javascript e in certi casi anche HTML occorre fare ricodificare tutti i caratteri speciali con le relative entità HTML.
A tal fine è posibile utilizzare HTML encoder online come questo.

Aggiungere Google Maps ad una pagina web

Come incorporare in una pagina web? Ecco il codice allineato alla seconda versione delle API di GoogleMaps.

PRIMO STEP
Il servizio è disponibile gratuitamente ma occorre avere una API Key, ovvero un codice alfanumerico che identifica univocamente l'URL (o una sottopagina di questo URL) che andrà ad utilizzare le mappe.

È possibile richiedere una API Key tramite la pagina Sign up for the Google Maps API (http://maps.google.com/apis/maps/signup.html), indicando l'indirizzo per il quale si ha intenzione utilizzare il servizio (per es. danilofolli.it/) e cliccare Generate API Key. Verrà generata una stringa di lettere e numeri piuttosto lunga, è consigliabile tenerla a portata di mouse, ci servirà a breve.

SECONDO STEP
Apriamo la nostra pagina web, e nel tag HEAD inseriamo il seguente codice:

<script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=xxxxx"></script>

Dove "xxxxx" sarà la chiave che ci ha appena dato Google.
Subito sotto inseriamo il codice:

<script type="text/javascript">
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}
</script>

Dove i "numeri" all'interno delle parentesi saranno le coordinate del nostro indirizzo, che abbiamo calcolato grazie a http://www.addressfix.com/ e 13 sarà il livello di zoom (0 è il minimo e 17 è il massimo).

TERZO STEP
A questo punto potremmo forse voler inserire un "segnalino" che indichi esattamente il nostro indirizzo sulla mappa.
Per fare ciò, aggiungiamo queste righe subito sotto a

map.setCenter(new GLatLng(37.4419, -122.1419), 13);
prima della chiusura delle parentesi grafe.
Ecco il codice:

// Crea un nuovo marker nel punto specificato con una descrizione HTML associata
function createMarker(point, description) {
var marker = new GMarker(point);
GEvent.addListener(marker, "mouseover", function() {
marker.openInfoWindowHtml(description);
});
return marker;
}
// Aggiungi il marker alla mappa
map.addOverlay(createMarker(new GLatLng(37.4419, -122.1419), "La mia casa<br />Via Nazionale, 1<br />00000 Roma"));

Con la prima funzione abbiamo creato la variabile marker, che è una nuova istanza dell'oggetto GMarker. Inoltre le abbiamo associato un evento: al passaggio del mouse si apre una "nuvoletta" con una breve descrizione, che può contenere anche tag HTML.
Con la seconda funzione aggiungiamo il marker creato alla mappa, passandogli anche stavolta le coordinate corrette, e di seguito il messaggio HTML che vogliamo visualizzare nella nuvoletta.

QUARTO STEP
Inserire nella vostra pagina un div con id "map", nel quale verrà visualizzata la mappa di Google:

<div id="map" onload="load()" onunload="GUnload()"> </div>


LINK IMPORTANTI
- esempi ufficiali
- demo ufficiali
- documentazione ufficiale
- guida ufficiale per gli sviluppatori
- guida completa

domenica 16 maggio 2010

Menu orizzontali e verticali con TAB

Attraverso l'uso di semplici liste e dei CSS2 è possibile formattare un numero indefinito di menu orizzontali e verticali. Grazie a CSI a questo indirizzo è possibile trovere una piccola galleria di menù e la possibilità di scaricare l'esempio completo di codice, immagini e foglio di stile associati

URL:
http://lau.csi.it/risorse/menu/index.shtml

mercoledì 21 aprile 2010

Shadowbox una web-based media viewer application molto versatile

Shadowbox è una web-based media viewer application che supporta tutti i più diffusi media publishing formats.
Shadowbox è scritto interamente in JavaScript e CSS ed è altamente personalizabile.
Usando Shadowbox è possibile includere nel sito un ampio range si contenuti media in modo compatibile a tutti i più comuni browser senza richiedere l'utilizzo di altri programmi o dover linkare altri indirizzi.

Esempi e downloads:
http://www.shadowbox-js.com/

martedì 16 marzo 2010

Overlay images on the current page con lightbox2

Uno script semplice per "zoomare" le immagini della pagina in modo sovrapposto alla pagina corrente che lavora bene con i moderni browser.

Esempi e downloads: http://www.lokeshdhakar.com/projects/lightbox2/

martedì 9 febbraio 2010

F-Secure Rescue CD

Un elemento che non può mancare nella propria cassetta degli attrezzi è un disco salvavita per il PC (CD/DVD gratuiti prodotti da importanti software house). Si tratta di elementi che, volta impostati come fonte per il boot, permettono di rimuovere virus e malware di varia natura, riportando quasi sempre in vita dei sistemi operativi che, per un motivo o l’altro, non ne volevano più sapere di avviarsi correttamente.

Il software provato nello specifico è F-Secure Rescue CD, che analizza in maniera del tutto automatica gli hard disk, i dispositivi USB e gli altri drive collegati al computer sul quale viene eseguito. Supporta il file system FAT, così come quello NTFS ed è scaricabile gratuitamente cliccando qui.

giovedì 4 febbraio 2010

Slideshow con icone orizzontali o verticali

Una semplice ma efficace galleria di immagini con icone scorrevoli in orizzontale la troviamo sul dito dhtmlgoodies.com con la sua omologa verticale
Senza utilizzare nessun "corposo" framework javascript di appoggio possiamo ottenere una pagina leggera e funzionale.

DOWNLOADS
http://www.dhtmlgoodies.com/index.html?whichScript=image_slideshow

mercoledì 3 febbraio 2010

Fotogallery con effetto slide senza usare flash

Grazie a jquery e a jCarousel Lite è possibile realizzare una fotogallery con effetto slide senza usare flash.
Ecco una pagina di esempio.

Downloads
jCarousel Lite: http://www.gmarwaha.com/jquery/jcarousellite/#download

Slideshow con jquery e cycle plugin

jquery associato al suo plugin cycle consente di realizzare slideshow con "effetti speciali" con poche righe di codice.
Ecco dove trovare una pagina di esempi.

Downloads
jquery: http://docs.jquery.com/Downloading_jQuery
cycle plugin: http://malsup.com/jquery/cycle/download.html

giovedì 14 gennaio 2010

Attivare super amministratore in vista

Per abiliatre la funzione di Super Admin, è necessario accedere al rompt dei comandi con i privilegio di Amministratore
quindi faccimo menu windows in inzio ricerca scriviamo cmd quando esce in alto andimo sopra e:

[tasto dx->Esegui come amministratore].

Una volta che si è aperto il prompt dei comandi digitare al suo interno , quanto segue:

Net user administrator /active:yes

Al riavvio successivo, Vi apparirà nella finestra di accesso, la possibilità di avviare il s.o. come super Amministratore, assieme degli altri utenti normalemente presenti sul Vs pc..

IMP: Il super administrator che avete appena creato, NON contiene alcuna Password, ergo consigliamo di inserirla immediatamente.

Il Super Administrator si rivela utile per l'installazione di programmi che non vogliono saperne di installarsi da utente normale , o per accedere a processi cui normalmente non siete abilitati, per disattivarli o modificarli.


--------------------------------------------------------------------------------

Per disattivare l`account Super Admin, in modo simile a quanto descritto precedentemente, dovrete digitare al prompt dei comandi (start - esegui), la stringa che segue:

Net user administrator /active:no

Sconsigliamo di mantenere attivato il Super Administratore una volta eseguite le modifiche del caso, in quanto potrebbe essere preda di Malware o di errori da parte di utenti maldestri.

Creare un gruppo su facebook

Segui questa procedura:
- Clicca su "GRUPPI" (è la funzione nella barra in basso a sinistra rappresentata da 2 omini)

- Ora ti appare una pagina in cui a sinistra vedi i gruppi dei tuoi amici, a destra quelli in cui sei iscritto te; bene clicca su "+ CREA UN NUOVO GRUPPO" che è una funzione in alto a destra della pagina (in una specie di tasto grigio);

- Ora stai creando il gruppo: puoi scrivere il nome del gruppo e inserire informazioni aggiuntive; ricorda che PUOI modificare tutto dopo aver creato il gruppo (compreso il titolo!).

- Clicca su "crea il gruppo": appare il 2° passo che ti permetterà di aggiungere un'immagine al gruppo e di invitare amici (sennò che gruppo è!); anche questi aspetti che puoi modificare anche dopo aver creato il gruppo!

Da subito il gruppo comparirà nelle ricerche

Thunderbird - Come inserire la firma alla fine dei messaggi in uscita

Firma in formato TXT

- Utilizzare un editor testuale come il Blocco note (Notepad) di Windows (oppure PSPad, SciTE o altri) per creare la firma e salvare il documento come file di testo (ad esempio firma.txt). Non è possibile utilizzare formati diversi dal "solo testo" come .doc e .rtf

- Successivamente aprire Thunderbird, posizionarsi sul menu Strumenti --> Impostazioni Account, selezionare l'account desiderato, quindi spuntare la casella "Allega questa firma"

- Facendo clic sul pulsante "Scegli" (ora attivo), sarà possibile selezionare il file di testo precedentemente salvato.


Firma in formato HTML

E' possibile allegare come firma anche un file in formato html, quindi con immagini, link, testo formattato, ecc. ecc.
Per chi non fosse pratico di codice html è possibile creare la firma utilizzando questa procedura:

- Aprire Thunderbird e avviare la composizione di un nuovo messaggio

- Comporre la firma (è possibile anche formattare il testo e inserire immagini dal menu "Inserisci" -->"Immagine")

- Al termine dell'operazione, posizionarsi sul menu "Modifica" e fare click su "Seleziona tutto";

- Attivare il menu "Inserisci" e fare click su "HTML" - si aprirà una nuova finestra; selezionarne tutto il contenuto e copiarlo negli appunti (click destro + copia);

- Aprire l'editor testuale scelto (come il Blocco Note) e incollare il contenuto degli appunti

- Salvare il documento dando l'estensione .html (ad esempio firma.html);

- Successivamente aprire Thunderbird, posizionarsi sul menu Strumenti --> Impostazioni Account, selezionare l'account desiderato, quindi spuntare la casella "Allega questa firma";

- Facendo clic sul pulsante "Scegli" (ora attivo), sarà possibile selezionare il file HTML precedentemente salvato.

Note:

1) In fase di composizione dei messaggi la firma sarà sempre preceduta dal segno " - - " (che non deve essere cancellato)

2) E' possibile gestire più firme utilizzando l'estensione Signature Switch