Script ASP, Ajax, Javascript

Traduzione automatica google code diverse lingue

2010-06-30T07:02:00.000-07:00

Traduzione automatica in diverse lingue by Google

Come inserire nel proprio sito la possibilità di tradurre da/in tutte le lingue in diretta mentre scriviamo

Nel pochissimo tempo a disposizione rispunto con qualche piccolo post...

Già vi ho parlato di quanto siano utili tutte quelle belle cosette che trovate in Google Code Playground...ne ho usate parecchie in questi mesi, e vi lascio un piccolo esempio su come sfruttare il servizio di traduzione in diretta.

Con questo servizio si potranno tradurre tutte (o quasi) le lingue in tutte le altre...e ci si può sbizzarrire su come applicare questi script.
Io ad esempio, lo uso nel pannello di amministrazione di un sito, dove scrivo la versione italiana dei menu e dei testi, e mentre scrivo Google mi traduce nelle lingue che voglio. Ovvio che si parla sempre di traduzioni non proprio "umane"..ma comunque stanno raffinando molto le traduzioni (Google lo fa anche con l'aiuto degli utenti volontari che vogliono dare versioni + corrette delle traduzioni).

Atri campi di applicazioni potrebbero ad esempio essere le chat...sto chattando con una persona inglese...scrivo in italiano..e l'altra persona vede già la traduzione.

Comunque passiamo allo script: io ho fatto solo qualche piccola modifica per lanciare lo script mentre digito il testo ed inserire la traduzione in automatico.

Questo è lo script: vediamo prima un link alla libreria "jsapi" dal server Google e poi uno script javascript.


<script type="text/javascript" src="http://www.google.com/jsapi"> 
    </script><script type="text/javascript">
 
    google.load("language", "1"); 
 
    function initialize() { 
      var text = document.getElementById("sezione_it").value; 
      google.language.detect(text, function(result) { 
        if (!result.error && result.language) { 
          google.language.translate(text, result.language, "en", 
                                    function(result) { 
            var translated = document.getElementById("translation_en"); 
            if (result.translation) { 
              translated.innerHTML = '<input type="text" name="sezione_en" id="sezione_en" value="'+result.translation+'" />';
            } 
          }); 
        } 
      }); 
    } 
     
 
    </script>

Ecco l'esempio funzionante:

E qui potete scaricare l'esempio: milanositi: traduzione in diretta con Google

Nell'esempio ho solo messo la possibilità di tradurre dall'italiano nelle altre 3 lingue...ma si può fare veramente di tutto.

Google e anniversario 30 anni Pac-Man

2010-05-21T14:57:00.003-07:00

Gioca a Pac-Man sulla Home page di Google!

Per l'anniversario dei 30 anni di Pac-Man, Google cede addirittura lo spazio del proprio logo per far giocare gli utenti a Pac-Man!

A volte Google ci stupisce anche con piccole cose...è proprio il caso della Home page dedicata all'anniversario dei 30 anni della nascita di Pac-Man... Quando apri quella Home page...ti fermi a guardare il logo...ma non penseresti mai di poter fare una partita al vecchio Pac-Man!!!....e invece no!..Per incanto, aspettando qualche secondo, riportandoci nei primi anni 80, ecco iniziare una nuova partita!

Dopo i primi secondi di stupore...mano sulle frecce della tastiera...e si comincia a scappare dai fantasmini!

Vabbè...piccolo post "off-topic" per una delle tante cose carine di Google!

Google supporta le Rich Snippets anche nelle serp italiane

2010-04-27T12:06:00.000-07:00

Finalmente Google supporta le Rich Snippets nelle Serp Italiane!

Arriva dal Blog Ufficiale di Google la notizia del supporto dei "Microformats" anche nelle Serp di altre Nazioni...tra le quali anche l'Italia

Per chi non sapesse cosa siano i Microformats, brevemente si tratta di un protocollo riconosciuto dagli spider di Google, attravrso il quale si può arricchire il risultato del nostro sito su Google, fornendo un sacco di altre informazioni non visibili apparentemente agli utenti, ma che invece appariranno nei risultati di ricerca.

Attualmente sono supportate:

Ricette di cucina

Commenti e recensioni

Profili di Attività

Profili personali

Prodotti

Ad esempio si potranno arricchire i Prodotti con delle recensioni e votazioni, che verranno riconosciute da Google, e che verranno poi visualizzate sinteticamente, nella pagina dei risultati della ricerca, differenziando sicuramente l'aspetto del risultato dall'aspetto degli altri risultati...forse spingendo anche l'utente a cliccare su questo risultato arricchito.

In contesti come Profili di Aziende o Personali, si potrà dare a Google ufficialmente, l'indicazione degli indirizzi, dei numeri di telefono...ecc...

Infine anche per i prodotti si potranno fornire un sacco di altre informazioni...lo proverò subito nel mio software per ecommerce...

Secondo me siamo solo all'inizio, e verranno supportati un sacco di altri elementi!

Marketing o Remarketing con Google Adwords?

2010-04-26T01:09:00.000-07:00

Marketing o Remarketing?

Il nuovo strumento per raggiungere gli utenti che hanno già visitato il nostro sito

Nuovo strumento a disposizione in Google Adwords: fare "Remarketing"!

Con questo strumento Google ci da la possibilità di "inseguire" gli utenti che hanno già visitato il nostro sito, e riproporre nuovamente i nostri annunci, per farli rientrare e raggiungere il nostro obiettivo.

Tecnicamente si dovrà aggiungere uno script (tipo quello di Google Analytics), in tutte le pagine del nostro sito, per le quali vogliamo ne vengano tracciati i visitatori.

In Adwords invece aggiungero una voce nel menu "pubblico", e gli dirò quale gruppo di annunci riproporre agli utenti che ci hanno già visitato.

Un esempio di Remarketing efficacie: dopo aver salvato la visita di un utente, l'utente esce ed accede ad un altro sito concorrente(magari sta cercando un prodotto trovato sul nostro sito, ma cerca un prezzo inferiore), possiamo proporgli messaggi diversi del tipo "Hey, non ti ha soddisfatto il prezzo sul mio sito? Allora ti faccio uno sconto del 10%!"...probabilmente l'utente vorrà tornare...e noi, inserendo un parametro nel link di questo annuncio, possiamo proporre all'utente che rientra, un prezzo scontato! (questo è solo un esempio di applicazione del servizio...)

Secondo me non è male!...voi che dite?

Google Suggest in base alla propria zona geografica

2010-04-16T13:25:00.000-07:00

Google Suggest localizzato

I suggerimenti di Google pertinenti anche alla zona geografica della ricerca

Nell'ultimo post del blog ufficiale di Google, ci rivelano alcune future modifiche nel restituire risultati di ricerca, e nei suggerimenti che compaiono mentre si scrive nella input di ricerca (Google Suggest):

Suggerimenti localizzati: Google terrà presente la zona geografica dalla quale partirà la ricerca, e verranno suggerite query più targettizzate. Quindi un utente di Milano, vedrà comparire diversi suggerimenti, rispetto ad un utente di Roma o Palermo. Questo ovviamente per parole che possano generare suggerimenti utili più per una zona che per un'altra.
Quindi ad esempio, se stessi cercando informazioni su un monumento della mia città, inserendo "Duomo", l'utente di Milano si vedrà proporre in prima posizione il "Duomo di Milano", un utente di Firenze vedrà "Duomo di Firenze", uno di Modena "Duomo di Modena"..ecc...

L'obiettivo dovrebbe essere quello di ridurre ancora il tempo che l'utente deve impiegare per trovare ciò che gli interessa.

Ricerca di persone migliorata: la seconda modifica, riguarda la possibilità di trovare più facilmente persone sul Web. Capita infatti spesso, di cercare una persona con nome e cognome, ma non riuscire poi a trovare la persona desiderata a causa dell'omonimia di tante altre persone.
Google quindi implementerà maggiormente l'abbinamento del nome e cognome, ad esempio alla professione. Quindi se sto cercando Mario Rossi, e so che è un Dottore, abbinerò nella query il termine "Dottore", e Google, che con i suoi algoritmi avrà già selezionato i vari Mario Rossi che hanno pertinenza anche con la parola Dottore, mi proporrà direttamente risultati più precisi.

Errori di scrittura nella query

Upload Persits Aruba - Proprietà dei file caricati

2010-04-16T08:31:00.000-07:00

Upload Persits su Aruba

Elenco delle informazioni che possiamo ricavare dai file caricati

In questo post, vorrei iniziare ad elencare le varie proprietà che possiamo ricavare con la libreria Persits, dai file che stiamo caricando sul nostro server.

Dopo le prime due righe tipiche per richiamare l'oggetto, e per comunicargli dove andare a caricarlo:


<%
Set Upload = Server.CreateObject("Persits.Upload")
percorso = Server.MapPath("/public/")
Upload.Save (percorso)
%>

settiamo "File"


Set File = Upload.Files("nomedellainput") 'il nome della input, è quello della input di tipo "file" della form che chiama lo script

possiamo iniziare ad estrarre tutte le informazioni che ci servono:

Per ottenere il nome del file: File.filename

Per ottenere l'altezza se fosse un'immagine: File.ImageHeight

Per ottenere la larghezza se fosse un'immagine: File.ImageWidth

Per controllare il tipo di immagine, se carico un'immagine: File.ImageType

Se non ho caricato un file "immagine", mi restituisce la stringa "UNKNOWN" (utile per fare eventuali controlli)

Per controllare la dimensione del file: File.Size

Se poi dalla form, voglio passare altre informazioni con altre input, posso recuperarle in questo modo:

valoredellainput=Upload.Form("nomedellainput")

Google Code Playground Ajax Javascript Apis

2010-03-19T07:48:00.000-07:00

Google Code Playground

Le librerie Javascript/Ajax messe a disposizione da Google

Vi siete mai chiesti se ci fosse la possibilità di utilizzare una mappa come quella di Google Analytics come questa?

Oppure come questa?

Un grafico popolato dal nostro database, magari prelevando i dati con ASP?

Beh...la risposta ovviamente è sì!

E ovviamente è come al solito "San Google" a venirci incontro e metterci a disposizione un mondo che ancora pochi Webmaster conoscono...ma che quando seguiranno il link che troverenno in fondo a questo post, in molti ne saranno entusiasti!

Questi sono solo 3 piccoli esempi!

Troverete mille altri esempi, oltre alle oramai famosissime api per Google Map:

Traduzioni nelle varie lingue

Ricerca di post dei blog

Ricerca delle News

Ricerche di libri o brevetti

Google Earth

Ricerca di immagini con vari filtri

Ricerca di video da YouTube

Ricerche classiche dal Web

Collegamenti Friend Feed

Ed infine le importantissime librerie Javascript come Scriptaculous, Dojo, Mootools, Prototype...

In sostanza abbiamo anche la possibilità di sfruttare queste librerie, scaricandole dai server super-veloci di Google!!!

Quello che farò io, (nel pochissimo tempo che ho a disposizione....), sarà proporre post nei quali userò l'interazione tra queste librerie ed il codice di programmazione server-side ASP.

Quindi vedremo come popolare dinamicamente le mappe, i grafici...prelevando dati con ASP...e cose del genere...

Siete impazienti?

Ecco il link: Google Code Playground Apis Ajax Javascript

Mi raccomando...fatene buon uso...e divertitevi!

Validare campi form con asp e ajax (ajax form validator)

2010-02-25T14:38:00.000-08:00

In questo post, voglio presentare un "form validator" che ho realizzato con il caro ASP classico, e l'aiuto di Ajax.

La finalità del sistema, è quello di ottenere una risposta immediata dal nostro server, sulla validità e formattazione o meno, dei dati inseriti nei campi della nostra form.

Alcuni esempi potrebbero essere: ottenere subito la risposta della validità o meno di un indirizzo email (si intende la validità del formato, non che poi la mail sia reale o no), oppure la ricerca nel nostro database della presenza o meno di un dato, ad esempio nella form di registrazione di un utente, controllare subito se la username inserita sia già presente....piuttosto che controllare la validità di formattazione di una data.

Ovviamente il sistema è poi aperto all'eventuale aggiunta di altri tipi di controlli, oltre a quelli che ho già inserito io.

Sostanzialmente lo script è costituito da:
- un file Javascript, che contiene il codice Ajax con la chiamata XmlHttpRequest
- un file ASP, che contiene tutti i tipi di controlli gestiti per ora, che restituirà il messaggio positivo o negativo dopo il controllo del dato passato
- ed infine la pagina che contiene la form, della quale vogliamo gestire i campi

Ora spiego il codice Ajax, e di seguito do un breve cenno su quello ASP, ma se volete scaricare direttamente l'esempio, andate a fondo post....

Codice Ajax usato:


var check;
var valore
var valore2
   
function check_valore(input, tipo_controllo, n, segno, tabella, campo, n1, n2, n3) 
{

valore=document.getElementById(input).value;
    // branch for native XMLHttpRequest object
    if (window.XMLHttpRequest) {
        check= new XMLHttpRequest();
        check.onreadystatechange =  function () {if (check.readyState == 4){ricevi_valore(input);}};
        check.open("GET", "asp-validator.asp?tipo_controllo="+tipo_controllo+"&valore="+valore+"&n="+n+"&segno="+segno+"&tabella="+tabella+"&campo="+campo+"&n1="+n1+"&n2="+n2+"&n3="+n3, true);
        check.send(null);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        check= new ActiveXObject("Microsoft.XMLHTTP");
        if (check) {
         check.onreadystatechange =  function () {if (check.readyState == 4){ricevi_valore(input);}};
            check.open("GET", "asp-validator.asp?tipo_controllo="+tipo_controllo+"&valore="+valore+"&n="+n+"&segno="+segno+"&tabella="+tabella+"&campo="+campo+"&n1="+n1+"&n2="+n2+"&n3="+n3, true);
            check.send();
        }
    }
}

function check_valore2(input, tipo_controllo, n, segno, tabella, campo, n1, n2, n3, input2) 
{

valore=document.getElementById(input).value;
valore2=document.getElementById(input2).value;
    // branch for native XMLHttpRequest object
    if (window.XMLHttpRequest) {
        check= new XMLHttpRequest();
        check.onreadystatechange =  function () {if (check.readyState == 4){ricevi_valore(input);}};
        check.open("GET", "asp-validator.asp?tipo_controllo="+tipo_controllo+"&valore="+valore+"&n="+n+"&segno="+segno+"&tabella="+tabella+"&campo="+campo+"&n1="+n1+"&n2="+n2+"&n3="+n3+"&valore2="+valore2, true);
        check.send(null);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        check= new ActiveXObject("Microsoft.XMLHTTP");
        if (check) {
         check.onreadystatechange =  function () {if (check.readyState == 4){ricevi_valore(input);}};
            check.open("GET", "asp-validator.asp?tipo_controllo="+tipo_controllo+"&valore="+valore+"&n="+n+"&segno="+segno+"&tabella="+tabella+"&campo="+campo+"&n1="+n1+"&n2="+n2+"&n3="+n3+"&valore2="+valore2, true);
            check.send();
        }
    }
}

     
  function ricevi_valore(val) {   
    var risposta;       
   if (check.readyState == 2) {     
    risposta=check.responseText;

   document.getElementById('re_'+val).innerHTML = '';
    }
   if (check.readyState == 4) {     
    risposta=check.responseText;

   document.getElementById('re_'+val).innerHTML = risposta;
    }
 }

Partiamo dalla funzione principale, che si chiama "check_valore": tra paretesi vedete i parametri che posso passare alla funzione per poi eseguire i controlli nel file ASP.
I parametri che posso passare sono:

parametri obbligatori:
- input: contiene il nome del campo nel quale verrà inserito il valore da controllare
- tipo_controllo: qui dico che tipo di controllo voglio fare.
I valori possibili attualmente sono:
- testo: controlla che il valore sia una stringa
- numero_intero: controlla che il valore sia un numero intero
- numero_decimale: controlla che il valore sia un numero decimale con virgola o punto
- valuta: controlla che il valore sia un numero decimale con virgola o punto
- lunghezza: controlla la lunghezza del valore, e qui entrano in gioco due parametri opzionali, cioè "n" che conterrà il numero di caratteri da controllare in base al parametro "segno", che invece indicherà se il valore dovrà essere "minore o uguale", "maggiore o uguale" o "uguale" al numero impostato nel parametro "n"
- data: controlla che il valore sia una data
- email: che valida il formato dell'email inserita
- presenza_db_access_testo: controlla la presenza del valore in un database Access, e qui entrano in gioco altri due parametri che sono "tabella" che indica la tabella nella quale cercare, e "campo" che indica il campo nel quale cercare (il nome del database si inserisce nelle prime righe di configurazione del database, nel file ASP. Ovviamente nulla vieta di aggiungere anche un parametro per gestire anche il nome del database, nel caso ne avessimo più di uno)
- presenza_db_access_numero: cerca un valore numerico nel database
- presenza_db_mysql_testo: cerca un valore di testo in un database MySql
- presenza_db_mysql_numero: cerca un valore numerico in un database MySql
- sicurezza_password: infine in questo controllo, entrano in gioco i tre parametri "n1", "n2" e "n3", che servono a definire gli intervalli di numero di caratteri, per poi ricevere il livello di sicurezza del valore inserito
- sicurezza_password_img: come il controllo precedente, ma con una risposta di tipo visuale, come un'immagine(io ho messo un div con un colore di sfondo, ovviamente può essere sostituito con un'immagine diversa per le tre risposte "password poco sicura", "password abbastanza sicura" e "password molto sicura")
- controllo_uguaglianza_stringa: questo tipo di controllo, fa un confronto al volo di due valori in due diverse input. Quindi può servire in casi come l'inserimento di Password e reinserimento della Password per controllo, oppure per altri tipi di dati numerici, valute o date.

parametri opzionali:
- n: per indicare un numero di caratteri da controllare
- segno: indica il segno da utilizzare nel controllo del numero (valori possibili "<=", ">=", "=")
- tabella: indica la tabella del database nella quale cercare
- campo: indica il campo della tabella, nel quale cercare
- n1: indica l'intervallo per ottenere la prima risposta (es. password poco sicura)
- n2: indica l'intervallo per ottenere la seconda risposta (es. password abbastanza sicura)
- n3: indica l'intervallo per ottenere la terza risposta (es. password molto sicura)
- input2: invia un valore da una seconda input, da utilizzare per fare controlli al volo tra diverse input

Definiti i parametri della funzione, passiamo a vedere cosa fa la funzione: il corpo è la classica richiesta Ajax, con le due modalità in base al tipo di browser, che controlla se gestisce o meno l'ActiveX.

I parametri vengono inviati tramite URL, con metodo "Get" (si potrebbe fare anche la versione che invia i dati con metodo "Post"), e si ottiene la risposta dal server, che avrà eseguito i controlli richiamando il nostro file ASP, chiamato "asp-validator.asp".
La risposta verrà gestita nella seconda funzione, cioè "ricevi_valore": come vedete, anche questa funzione riceve un parametro, che non è altro che l'id del campo che stiamo controllando, e servirà per indicare l'id dell'elemento nel quale vogliamo inserire la risposta.
Io nell'esempio ho creato, a fianco della cella che contiene l'input, una seconda cella, che ha come id, un prefisso "re_" e poi lo stesso nome della input. A questo punto, posso indicare alla mia funzione Javascript, di inserire la risposta del controllo, nella cella che ha come id "re_" + "nome input da controllare".

Gli eventi gestiti per lanciare il controllo sono "onblur", che viene avviato quando si lascia la input, e "onkeyup", che viene avviato mentre si scrive, ogni volta che viene aggiunto un carattere(questo evento è usato nel controllo della sicurezza della password)

Fate attenzione a dare il giusto nome della form, nella funzione javascript. (io nell'esempio l'ho chiamata "form").

Qui potete testare l'esempio:

Qui potete scaricare lo zip con l'esempio: milanositi: Form Validator Asp Ajax

Ovviamente, se avete voglia di aggiungere qualche controllo fatelo...che magari poi aggiorniamo il file...se volete che ne aggiunga io....fatemelo sapere!

Se avete problemi nell'utilizzare il codice, fatemi sapere.

Come controllare il numero degli utenti realmente online (anche se escono chiudendo il Browser)?

2009-09-28T14:52:00.000-07:00

Un problema che spesso si presenta, quando si vuole tenere sotto controllo il numero di utenti online sul proprio sito, è rilevare se l'utente è uscito dal nostro sito chiudendo direttamente il Browser.
Non esiste infatti un modo per rilevare l'evento che l'utente abbia abbandonato il nostro sito portandosi su un altro sito, oppure che l'utente sia uscito chiudendo direttamente il Browser.

Vi presento quindi una soluzione a questo problema, realizzata con ASP ed Ajax.

Per prima cosa vi spiego la teoria, poi vi illustro il codice (molto semplice). Se qualcuno volesse saltare la spiegazione, in fondo trovate lo zip con gli script.

Io ho risolto il problema prendendolo al contrario: non sono io che devo vedere se l'utente è online..o se è uscito...o se ha cambiato sito... Ma è l'utente che deve segnalarmi di essere ancora sul mio sito.
Quindi ogni tot minuti, secondi o quello che vorremo, il nostro utente, con una richiesta asincrona fatta con ajax, comunicherà al nostro server, di essere ancora sul sito. E quando segnala la sua presenza, mi salverò il minuto della sua segnalazione....a questo punto, se l'ultima segnalazione di un utente dovesse essere più vecchia del numero di minuti che io imposto, elimino semplicemente l'utente dalla mia variabile che contiene gli utenti reali sul sito.

TEORICAMENTE IL GIOCO FINISCE QUI!
Ovviamente, tra il dire ed il fare...

La prima operazione, è quella tipica di creare la variabile "application", che conterrà le informazioni che mi interessano sugli utenti online.

La variabile Application (che per chi non lo sapesse, è una variabile comune a tutti gli utenti, e che rimane attiva finchè tutti gli utenti non sono usciti dal mio sito), viene in genere creata o nel global.asa (nell'ASP (il global.asa è il primo file che viene letto all'entrata sul sito)), oppure possiamo decidere di crearla dove e come vogliamo. Io in questo esempio la variabile application, che chiamerò "utenti", la creo quando un utente registrato del mio sito effettua il Login.(volendo si può creare prima ancora, tenendo come riferimento per l'utente la sua sessionID)

Nell'esempio creeremo un sistema generico che conta tutti gli utenti entrati sul sito, non solo quelli che effettuano il login, quindi terremo come punto di riferimento la sessionID dell'utente. La sessionID è una variabile session, che viene creata automaticamente dal server, ogni volta che entra un utente, è univoca e dura per tutto il tempo che l'utente gira sul nostro sito. Questa variabile puù essere utile ad esempio, in siti ecommerce, per riempire il carrello temporaneo, senza che l'utente si sia ancora registrato o abbia effettuato il login.

Per prima cosa dobbiamo creare la variabile application, se non esiste ancora, oppure accodarci alla variabile già esistente:

Per il codice di questa prima parte, aprire il file "test.asp", all'interno dello Zip.

Il risultato sostanzialmente sarà un array con "SessionID---minuto della segnalazione della propria presenza o della propria entrata"

A questo punto, in ogni pagina del mio sito, avrò un piccolo script, che tramite l'oggetto XMLHttpRequest, che è la base per le richieste asincrone di Ajax, che con un intervallo fissato da noi, segnalerà la nostra presenza, ed andrà ad aggiornare l'orario nella variabile application.

Nella pagina test.asp, trovate il codice Ajax che aggiorna la nostra presenza, richiamando la pagina "presenza.asp", e che legge l'elenco attuale degli utenti dalla pagina "utenti-online.asp".

La tabella degli utenti online viene poi inserita, sempre con una richiesta asincrona, nella pagina test.

Nella pagina "utenti-online.asp", che è la pagina che mi conta gli utenti, e che mi genera l'elenco, ho lo script che controlla se gli utenti presenti nella variabile application, hanno segnalato la loro presenza negli ultimi n minuti, che ho impostato.

Se ho impostato 2 minuti, quando la differenza tra il minuto attuale e quello dell'ultima segnalazione di presenza è maggiore di 2, l'utente viene eliminato.

Questa soluzione ovviamente funziona anche quando l'utente esce senza il tipico Logout, perché non essendo più sul sito, non segnalerà più la propria presenza...e quindi verrà tolto dalla variabile application.

Nello zip troverete 4 pagine:
- test.asp: che contiene il codice iniziale da inserire nella pagina di entrata
- presenza.asp: è la pagina nella quale viene segnalata la propria presenza
- utenti-online.asp: è la pagina che genera la tabella con l'elenco degli utenti, che conta gli utenti, e che elimina gli eventuali utenti usciti.
- esci-test.asp: la pagina per l'uscita tipo Logout.

Se volete fare una prova, accedete a questa pagina utenti realmente online (magari accedete con due o tre browser contemporaneamente così simulate l'entrata di diversi utenti)

Se volete scaricarvi lo zip clicca qui >> Utenti realmente online by alessio_1976

Lo script funziona con IE dal 7 in su, Firefox, Google Chrome, Safari.(testati da me)
Spero che possa esservi utile, e se qualcuno ha da apportare migliorie e modifiche, ben venga!

Attenzione!
Aggiornamento in data: 14/01/2010
Aggiunta: molti utenti mi hanno chiesto come sfruttare lo script per visualizzare lo username degli utenti.

Aggiungo un secondo Zip, che contiene lo script modificato, in modo che venga usata la variabile session che contiene lo Username degli utenti che accedono al sito, al posto della variabile che contiene l'Id della sessione, del precedente script.

Nello Zip, ci sono un paio di file in più, che servono a simulare un Login:
- "login.asp": che ha il modulo per entrare
- "crea-session.asp": che crea la variabile session chiamata "username", che poi verrà utilizzata nello script, per tenere traccia della presenza dell'utente. Ovviamente il mio consiglio è sempre quello di usare l'id dell'utente, e poi con quello, ricavare eventualmente gli username da visualizzare sul sito.

Vi metto il link per fare prima delle prove: controllo username realmente online

Vi allego lo zip qui... milanositi:utenti-realmente-online

Una mappa in ASP per il tuo sito

2009-09-10T03:28:00.001-07:00

Vi presento ora un piccolo script che ho realizzato per avere la classica mappa che ti dice in che posizione sei sul sito tipo:

Home >> Prodotti >> Sony >> Playstation 3

All'interno del file dovrete solo impostare quale pagina è impostata sul vostro server come home page.

Per quanto riguarda invece le home di ogni directory, in genere quando si accede ad una cartella, senza mettere direttamente il nome della pagina finale, il server punta ad una pagina impostata di default...che potrebbe appunto essere default.htm...o index.htm...o index.asp...o index.php...ecc..assicuratevi che ogni directory abbia la propria home page...altrimenti , cliccando il link alla directory, vi potrebbe dare il messaggio tipico "directory listing denied"

Anche quando un utente accede al nostro sito inserendo solo l'indirizzo, comunque il server punta alla nostra home page.

Lo script in sostanza lavora sulla url visualizzata in quel momento, e non come in genere questi script fanno, direttamente sul server controllando i file all'interno delle cartelle.

Con una serie di split, si rileva così la root principale, tutte le eventuali directory, e la pagina finale nella quale ci si trova.
Lo script sostituisce il simbolo "-" con lo spazio, perché io ho l'abitudine di mettere al posto degli spazi il carattere "-" che viene interpretato dai motori come uno spazio.

Io in genere sostituisco anche l'anchor text "home" che mi riporta alla home page, con una keyword più appropriata: potete vedere l'esempio che gira su questo sito:
Software ecommerce
..e sui siti creati con quel software.

Lo script è all'interno di un div che potrete includere ovunque sul vostro sito(in pagine ovviamente .asp)

Scaricate lo Zip e provate: milanositi: Mappa del sito in ASP

Include dinamici con ASP

2009-09-01T14:36:00.001-07:00

Spesso ci accade di dover includere nelle nostre pagine sezioni della pagina che si ripetono, per creare nel sito una sorta di omogeneicità.
Ad esempio, una struttura abbastanza comune potrebbe essere:

<div id="testa"></div>
<div id="menu"></div>
<div id="corpo"></div>
<div id="piede"></div>

ed all'interno di ogni div il contenuto viene incollato con un include.
Esistono due tipi di include: include file ed include virtual.
I due comandi servono esattamente allo stesso scopo, solo che l'include file ha il limite di poter includere solo file che risiedono nella sua stessa directory (a meno chenon abbiate abilitato i "parent path" sul vostro server, allora potrete riferirvi a file in altre directory usando "../" al posto del nome della cartella)
Se infatti provate ad inserire uno slash(/) prima del nome del file vi restituirà errore.

L'include virtual invece è molto più pratico, permettendo di inserire i precorsi assoluti (che io preferisco a quelli relativi), e di conseguenza poter utilizzare l'include in qualunque pagina del sito senza preoccuparsi di cambiargli il percorso.

La sintassi dell'include file e virtual è la seguente:




Esiste però a volte la necessita di includere dinamicamente i file...cioè in base a certi fattori includere un file piuttosto che un altro.
Nella sintassi dell'include non si possono inserire variabili in modo da cambiare ad esempio dinamicamente il nome della pagina collegata.

Una soluzione è l'uso del comando server.execute.
La sintassi è la solita dell'ASP, ed al suo interno potro inserire le mie variabili:

<%server.execute "tuofile.htm"%>

Posso ovviamente inserire la variabile con la solita sintassi:

<%server.execute ""&nomefiledinamico&".htm"%>

Creare un file XML con Asp

2009-09-01T00:50:00.000-07:00

Uno dei linguaggi più interessanti per la sincronizzazione di dati da diverse fonti, e ad esempio, usato anche per la sincronizzazione di dati da locale a remoto, è l'XML.

La prima riga fondamentale di un file XML, indica la versione e la codifica del file e sarà:

"<?xml version=""1.0"" encoding=""UTF-8""?>"

Poi inizia l'XML.

L'XML è molto simile all'HTML, è infatto strutturato in "tag". Tutti i tag dell'XML vanno però chiusi.
L'XML ha un tag principale, detto anche nodo principale, che conterrà al suo interno tutti i nodi figli.

Esempio:

<nodoprincipale>
<nodo>Contenuto 1</nodo>
<nodo>Contenuto 2</nodo>
<nodo>Contenuto 3</nodo>
</nodoprincipale>

Vediamo come creare un file sul nostro server, con estensione xml:
per la creazione di questo file useremo un oggetto "FileSystemObject"

<%
Dim OggFile, origine, OggTextStream
origine=server.Mappath("/public/file.xml")
Set fso = CreateObject("Scripting.FileSystemObject")
fso.CreateTextFile (origine)
Set OggFile = fso.GetFile (origine)
Set OggTextStream = OggFile.OpenAsTextStream(2)
OggTextStream.WriteLine "<?xml version=""1.0"" encoding=""UTF-8""?>"
OggTextStream.WriteLine "<fotos>"
OggTextStream.WriteLine "<foto photo=''>Immagine 1</foto>"
OggTextStream.WriteLine "<foto photo=''>Immagine 2</foto>"
OggTextStream.WriteLine "<foto photo=''>Immagine 3</foto>"
OggTextStream.WriteLine "<foto photo=''>Immagine 4</foto>"
OggTextStream.WriteLine "</fotos>"
OggTextStream.close
response.write "Scrittura eseguita correttamente. <a href="/public/file.xml">Visualizza</a>"
%>

Il link proposto alla fine della creazione, aprirà il file creato.

Popolare dinamicamente select asp ajax

2009-09-01T00:42:00.004-07:00

Una delle più efficaci applicazioni di Ajax, è il popolare le select di una form html, senza dover ricaricare la pagina. Soprattutto quando esistono diverse opzioni per ogni valore nella prima select, risulta molto pratico questo sistema, rispetto ai tipici sistemi con Javascript, che pur non ricaricando la pagina, dovevano avere già incluso nel codice della pagina, tutti gli elementi di ogni possibile scelta.

L'altro sistema è quello di inviare al server il valore della select scelta, ed estrarre lato server i corrispondenti valori dal database, per poi ricaricare la pagina ed elencarli. Anche questa operazione a volte risulta scomoda, soprattutto in moduli che hanno diversi campi, con diversi valori che vanno riportati ogni volta che si ricarica.

La soluzione che offre Ajax, sfruttando qualunque linguaggio lato server, è sicuramente la più pratica.

Sostanzialmente il concetto è: quando scelgo il primo valore nella select, invio una richiesta al server per ottenere l'elenco dei valori appartenenti al gruppo scelto, ed inserisco il nuovo contenuto nella pagina.

In questo esempio vedremo come popolare le tipiche select Regione >> Provincia >> Comune, considerando di avere tutti i valori in relazione tra loro in un database:

Tabella regioni:

id_regione - regione

Tabella provincie:

id_provincia - provincia - id_regione

Tabella comuni:

id_comune - comune - id_provincia

Inizialmente avremo la nostra select(che potremmo creare dinamicamente con il nostro linguaggio lato server, oppure creando manualmente le 20 option che avranno come valore l'id della regione e come testo il nome della regione) che conterrà le 20 Regioni italiane. Al tag "select", che avrà come nome "id_regione", abbinerò il codice javascript che all'evento "onchange" della select, invierà l'id della Regione al mio script che risiede in una normalissima pagina. La pagina chiamata nello zip estrai-province.asp, riceverà l'id della regione ed estrarrà tutte le provincie appartenenti a quella regione. Il contenuto di questa pagina, che sarà in pratica la select che contiene tutte le provincie, verrà incollato nella mia pagina, nella posizione opportuna, con la funzione Javascript chiamata innerHTML.

La select che verrà incollata, che si chiamerà id_provincia, avrà a sua volta del codice Javascript che all'evento "onchange", invierà l'id della provincia scelta alla pagina successiva chiamata estrai-comuni.asp, che provvederà a filtrare i comuni della provincia inviata, e genererà la select con tutto l'elenco dei comuni, ed i relativi id.

A questo punto, con innerHTML, incollerò anche questa select nella mia form. Potrei andare avanti così all'infinito.

Ecco il risultato:

Il browser in uso non supporta frame non ancorati oppure è configurato in modo che i frame non ancorati non siano visualizzati.

Qui invece trovate lo zip, che contiene anche il database Access aggiornato con le nuove province della Sardegna, di Monza, Fermo e Barletta:Popolare dinamicamente select ajax javascript

Ricordate di spostare il database nella directory mdb-database (o se lo mettete in altre directory, aggiornate il percorso...e assicuratevi che la directory abbia permessi di esecuzione)

Come fare l'upload su Aruba di file superiori ai 4 MB?

2009-09-01T00:42:00.003-07:00

Questa domanda ha popolato migliaia di thread nei Forum per Webmaster più famosi in rete...e la risposta è una...CERTO CHE SI PUO'!!!

Cercando bene nel "vademecum" di Aruba, si può trovare un fantastico zip da scaricare che contiene un sacco di cosette utili per chi sviluppa siti hostati su Aruba, programmando in ASP o ASP.net.

Questi script sono stati creati da Persits e sono semplicissimi da utilizzare e molto efficaci.
Nel file che trovate su Aruba (a questo indirizzo) , trovate quattro componenti, chiamati:

- AspEmail , componente che si affianca a Cdosys e consente l'invio di mail con varie opzioni. Usato in congiunzione con AspUpload rende molto facile l'invio di allegati via mail tramite pagina web
- AspUpload, componente per facilitare l'invio di files tramite form. Molte le opzioni, possibilita' di salvare il file su disco o su database.
- AspJpeg, componente per la manipolazione "al volo" delle immagini : dimensionare, ruotare, crop, risoluzione, salvataggio in database.
- AspPdf, componente per la creazione "al volo" di files PDF, la sorgente puo' essere un file di testo, un'immagine, una pagina web, un form, ecc. ecc

All'interno trovate un sacco di esempi.

In questo post stiamo parlando però di upload di file di qualunque dimensione, quindi vi descrivo come farlo:

Per prima cosa inserite nella cartella "CGI-BIN" del vostro spazio Aruba, la .dll chiamata "ASPUPLOADLib.dll", che trovate nello zip.

Poi avrete una vostra form con la quale caricare il file tipo:

<form enctype="multipart/form-data" method="post" action="Upload.asp">
<input type="file" name="file">

<input value="Carica il file" type="submit">
</form>

la pagina upload.asp, sostanzialmente dovrà contenere 2 sole righe:

Set Upload = Server.CreateObject("Persits.Upload")
Upload.Save(Server.MapPath("/public")) 'qui impostate il percorso dove finirà il file
response.write "File caricato con successo!"

e con queste sole due righe, voi potrete caricare sul vostro server file di qualunque dimensione!!

Se poi avete bisogno di ricavare il nome del file, magari per inserirlo nel vostro database, aggiungete queste righe:

Set File = Upload.Files("file") ' qui metterete al posto di "file", il nome della input che avete nella vostra form dove caricate il file

If Not File Is Nothing Then
filename=File.FileName
end if

ed ecco che la variabile "filename" conterrà il nome del file completo di estensione.

Infine, se avete la necessità di rinominare il file, potete mettere queste righe:

Set File = Upload.Files("file") ' qui metterete al posto di "file", il nome della input che avete nella vostra form dove caricate il file

If Not File Is Nothing Then
filename=File.FileName

nuovo_filename="testo_"&filename&""
Dim fsoMyFile
Set fsoMyFile = Server.CreateObject("Scripting.FileSystemObject")
fsoMyFile.MoveFile (Server.MapPath("/public/"&filename&"")), (Server.MapPath("/public/"&nuovo_filename&""))
Set fsoMyFile = nothing

end if

ed il gioco è fatto!!

Spero possa esservi utile.