Programmatore PHP | Programmatore Javascript | Realizzazione di Carrelli elettronici, Ecommerce e Portali Dinamici | Programmatore Freelance | Esempi di Script Javascript | Programmatore Javascript

Semplice Script Base per Realizzare un semplice carrello elettronico con Javascript



In questo articolo presento un interessante piccolo Script Javascript che può essere usato da ogni Programmatore PHP Come base per piccoli CMS o Ecommerce dedicati ad aziende commerciali per la gestione di un carrello elettronico.

Tale script è semplice e intuitivo e permette in tempo reale di aggiornare il costo totale di un ordine in base alla numero di articoli selezionati, un Programmatore PHP o Programmatore Javascript potrà intuitivamente ampliare e completare tale script per renderlo ancora più funzionale alle esigenze della costruzione di un Ecommerce PHP o di un Portale Dinamico

Il risultato di questo Script Javascript è visibile a QUI, inoltre consiglio ad ogni Programmatore Javascript di approfondire la conoscenza di alcune funzionalità Javascript per comprendere meglio le funzionalità di questo esempio, ad esempio è consigliata la lettura delle proprietà dell’Oggetto Math ora passiamo in dettaglio allo Script:

Queste sono le 2 Funzioni Javascript che servono per effettuare un aggiunta di 0 dopo le cifre decimali e ad aggiornare la somma degli articoli selezionati in tempo reale

//Funzione per arrotondamento a due cifre decimali e aggiunta di zeri
function cifre_decimali(x) {
var c = String(Math.round(x*100));
while (c.length < 3) c = '0' + c;
return c.replace(/([0-9][0-9])$/,".$1");
}
//Funzione per l'aggiornamento in tempo reale del costo totale degli articoli
function calcola () {
//Prelevo il prezzo
var prezzo = parseFloat(document.modulo.prezzo.value);
//Prelevo il numero articoli
var articoli = parseFloat(document.modulo.articoli.value);
var calcola_somma = 0.00;
//Calcolo la somma
calcola_somma = Math.round(prezzo * articoli * 100)/100;
//Scrivo la somma nel campo aggiungendo zero qual'ora non ci fossero
document.modulo.somma.value=cifre_decimali(calcola_somma);
}
//-->

Il form invece è semplice ed intuitivo l’unica particolarità è l’invocazione onChange della funzione calcola() ogni qual volta modifichiamo il numero di articoli selezionati

<FORM NAME="modulo" METHOD="get" ACTION="">
<p>Prezzo Articolo =
<INPUT NAME="prezzo" TYPE="TEXT" value="19.90" SIZE="5" maxlength="5" readonly id="prezzo"><br />
Numero Articoli =
<select name="articoli" id="articoli" onChange="calcola();">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select><br />
Costo Totale = <INPUT NAME="somma" TYPE="TEXT" value="19.90" SIZE="5" maxlength="5">
</p>
</FORM>

Spero ancora una volta grazie a questo Script Javascript di aver aiutato qualche Programmatore JavascriptProgrammatore PHP per la realizzazione del proprio progetto o per la realizzazione di un sito internet.

PER ULTERIORI INFORMAZIONI:

Daniele Tabacco
Programmatore PHP | Web Developer | Consulente Web e SEO

PHP - MySql - AJAX - HTML5 - JAVASCRIPT - CSS - JSON/XML - JQuery
WebApps, Applicazioni, Realizzazione Siti Mobile per iPhone e Android
Programmatore PHP - Consulente Web Marketing Napoli, Roma, Milano, Firenze.
Tel.+39 329.11.73.918
email: daniele.tabacco[at]gmail.com
skype: daniele.tabacco

Il tuo nome (richiesto)

La tua email (richiesto)

Oggetto

Il tuo messaggio

captcha
Inserisci i caratteri che vedi nell'immagine

 


POTREBBE INTERESSARTI ANCHE:
Come un Programmatore JQuery può realizzare un Conto alla Rovescia in perfetto stile Groupon
La Creazione di un Progetto Web, può passare da 2 figure professionali distinte Sviluppatori Web e Creatori di Siti Internet, ma attenzione alle insidie.
Vuoi condividere i commenti Facebook sul tuo sito? utilizza questo semplice Plugin realizzato in PHP/JQuery da Daniele Tabacco Programmatore PHP, Consulente WEB
Ecco dei Semplici consigli per poter progettare e realizzare al meglio Siti Internet Mobile di Successo, scritta da un Programmatore PHP e Consulente Web Marketing specializzato nello sviluppo di Siti Internet Mobile
Grazie ad una simpatica applicazione Google promuovi il tuo sito in maniera gratuita e simpatica, io ad esempio l'ho utilizzato per promuovermi come Programmatore PHP


buzzoole code
Leggi altro:
Strategia SEO Mobile e Consulente SEO Mobile: Ecco perchè.

I Cambiamenti del Web, spingono sempre più sulla necessità di Realizzare un Sito Web Mobile e di avere una Buona...

Chiudi