Tutorial: Realizziamo una chat per il nostro sito (Lesson 3)

L’ultima lezione per la realizzazione della nostra chat sviluppata in Flash per il nostro sito, ci permetterà di renderla più simpatica e gradevole dal punto di vista estetico, infatti doneremo un tocco di colore.

Secondo quanto abbiamo predisposto in precedenza (vedi lezione 1), oltre ai controlli di testo ed il pulsante invia, avremo altri controlli tra cui: pulsanti di selezione “refresh time” di 5 e 10 secondi. Il refresh da 5 secondi verrà inserito sul fotogramma numero 58-60 (è consigliabile il 60 per avere unaparità di valori durante l’utilizzo), mentre quello da 10 secondi sul fotogramma 118-120 (consigliabile 120 per le motivazioni di prima).
Il codice ActionScript che utilizzeremo per il refresh sarà il seguente:

Tutorial: Realizziamo una chat per il nostro sito (Lesson 2)

Cominciamo la nostra seconda lezione sulla creazione di una piccola chat da inserire in un box del nostro sito web, spiegando a cosa servono le righe di comando che abbiamo utilizzato nell’Action Script del pulsante Invia.

 

L’azione:

 

loadVariablesNum (“resp.asp”, 0, “POST”);

 

da l’avvio al inserimento del nuovo messaggio, effettua il refresh dei messaggi e pulisce il nostro campo di testo per inserire i nuovi messaggi.

Lo script di resp.asp, va comunque inserito in codice. Di seguito vedremo l’inserimento effettuato con i commenti per capire meglio passo passo cosa stiamo facendo:

Tutorial: Realizziamo una chat per il nostro sito (Lesson 1)

Oggi vedremo come realizzare una simpatica chat da inserire in un box del nostro sito web. Uno strumento leggero e utile per chi vuole cominciare ad entrare nel mondo della comunicazione virtuale.

Essendo alle prime armi utilizzeremo come supporto software un programma abbastanza comune e di semplice utilizzo: Adobe Macromedia Flash (il tutorial si basa sulla versione CS4). Questo per realizzare un’applicazione chat di piccole dimensioni e soprattutto semplicistica. Ovviamente riporto a guide più approfondite per la creazione di chat professionali.

Cominciamo preparando la base e quindi avviando il software dal menu Start, Tutti i programmi, Adobe, Macromedia Flash CS4.

Nel nostro scenario creato a piacere dall’utente con colori di sfondo, immagini roteanti o semplicemente testuale avremo bisogno di inserire: