Salve a tutti amici di Atlantide e benvenuti in questo tutorial che si riferisce al framework Mootools, dove impareremo a usare la superclasse Fx, responsabile di tutti gli effetti di animazione che la libreria può offrire.

Sicuramente, entrando in questo sito, avrete notato l'avviso che v'invita a registrarvi o ad eseguire il login. Questo script l'ho chiamato Mooadvise, una modal window con un effetto di visualizzazione ispirato a lightbox che avverte l'utente di non essere loggato, con un overlay nero, semi-trasparente, che oscura il resto del sito.

Andiamo ad analizzare il contenuto dello script per realizzare un effetto del genere.

Lo script viene azionato al verificarsi dell'evento domready dell'oggetto window, esattamente in questo modo :

Nella creazione dei nostri script potremmo avere la necessità di verificare le caratteristiche di una stringa di caratteri per cercare una corrispondeza con un criterio specificato. Si pensi, ad esempio, ai moduli d'iscrizione in cui si deve controllare che l'utente fornisca una e-mail valida.

In questi casi si confronta la stringa fornita con uno schema, chiamato espressione regolare, anche noto come Regex. Un'espressione regolare è una stringa composta da caratteri letterali e/o caratteri speciali. I caratteri letterali sono normali caratteri, senza alcun significato particolare, una "a" è semplicemente una "a", una lettera dell'alfabeto. Invece i caratteri speciali hanno un significato particolare all'interno dello schema dell'espressione regolare.

Al di la delle opinioni personali circa le vendite effettuate attraverso Internet, un servizio di commercio elettronico può dare al sito un aspetto professionale e invitante, inoltre può portare denaro nelle tasche del webmaster, il che non guasta affatto.

Esistono molti siti che offrono un servizio di e-commerce al quale è possibile appoggiarsi e inoltre sono reperibili molti software già pronti per questa finalità, ma il problema principale quando si scelgono queste soluzioni è che si rimane in balia del fornitore. Pensiamo ad un attacco di malware al server del gestore che indubbiamente potrebbe coinvolgere i nostri clienti. Inoltre si potrebbe avere bisogno di una funzionalità non prevista nel pacchetto offerto.

Bene, con questo tutorial mostreremo come chiunque possa realizzare e gestire autonomamente il proprio sistema di spesa elettronica.

Il metodo di pagamento non sarà oggetto del tutorial, ci limiteremo a inviare una mail al proprietario del sito con gli ordini effettuati dal cliente, e memorizzarli all'interno del database. Sarà poi compito di chi legge trovare la soluzione che gli è più congeniale.

Al contrario concentreremo la nostra attenzione sull'offerta dei prodotti e sul carrello virtuale, dove saranno caricati tutti gli acquisti fatti dal cliente. Il sistema sarà composto da diversi file :

Avete mai fatto caso in alcuni siti web l'alternarsi d'immagini nell'header ? Molti webmaster sono affascinati da questa tecnica, soprattutto ai loro esordi, effettivamente si tratta di un effetto di grande 'impatto. Certo, ormai con flash si possono realizzare animazioni di gran lunga più spettacolari, ma comunque l’header con immagini a rotazione resta un evergreen della programmazione vecchia scuola.

La casualizzazione delle immagini si può ottenere sia con javascript sia con php, ma personalmente preferisco la seconda opzione che prescinde dalle impostazioni del browser dell'utente, che potrebbe avere l'esecuzione degli script disabilitata.

Cominciamo con creare il layout del nostro sito, utilizzando semplicemente html e css, non ci soffermeremo molto su questo aspetto, si da per scontato che chi legge abbia una conoscenza minima di questi due linguaggi.

La tecnica che suggerisco è di memorizzare all'interno di un'array i percorsi relativi alle immagini che si desidera mostrare nell'header e attraverso la funzione array_rand() selezionare una chiave random.