| Funziona con il Browser: |
Crediti:
Name: Portalozzo
Website: Sito scomparso dalla rete
Descrizione: Un carrello della spesa molto semplice da realizzare e da gestire, ho modificato l'invio dei dati in modo che chi dovesse compilarlo sia costretto a fare uso della propria mailbox, questo per responsabilizzare maggiormente l'acquirente e di conseguenza ridurre il numero delle ordinazioni fasulle. Ho inoltre aggiunto una funzione di arrotondamento al totale per la compatibilità con l' Euro e i campi: nome, cognome, indirizzo e-mail.
Nulla a che vedere con i carrelli che si trovano on line nei siti dove si fanno acquisti con carta di credito, questo semplicissimo script, per altro molto richiesto, ha il solo scopo di automatizzare le scelte e fare i relativi conteggi inviando il tutto tramite mailbox. Prima di passare alle varie descrizioni per la sua realizzazione, potete vederne un esempio funzionante su questo link.
I files da creare sono 5 di cui uno .js e gli altri 4 in normale formato .htm
Passo 1 :
Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nella vostra nuova pagina web e salvarla col nome index.html o come meglio preferite.
Passo 2:
Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nella vostra nuova pagina web e salvarla col nome inv.htm (non cambiate questo nome).
Passo 3:
Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nella vostra nuova pagina web e salvarla col nome scaffale.htm (non cambiate questo nome).
Passo 4:
Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nella vostra nuova pagina web e salvarla col nome carrello.htm (non cambiate questo nome).
Passo 5: Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nella vostra nuova pagina e salvarla col nome articoli.js (non cambiate questo nome).
Note : Fate attenzione a questo ultimo file che non è una pagina html come gli altri ma un semplicissimo file di testo con estensione .js potete crearlo con lo stesso editor che usate per fare pagine web, basta salvarlo con quel nome preciso e non in htm. In questo file dovrete modificare le voci esistenti ed inserire gli altri articoli sulla stessa falsa riga di quelli che avrete appena modificato, limitatevi a modificare soltanto i nomi delle tre variabili (per ogni voce) dove la prima si riferisce al nome dell'oggetto, la seconda alla sua immagine grafica ( se esiste) e la terza ed ultima al relativo prezzo.
Bene se avete fatto tutto quanto in maniera corretta dovreste avere 5 files salvati nella stessa cartella e precisamente:
index.html
inv.htm
scaffale.htm
carrello.htm
articoli.js
Non vi resta che lanciare il file index.html e verificare che tutto funzioni.