Commenti: (0)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.
.png)
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 all'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 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);
}
//-->
</SCRIPT>
Il form invece è semplice ed intuitivo l'unica particolarità è l'invocazione onChange della funzione calcola() ogni qual volta modifichiamo il numero di articoli selezionati
<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 Javascript o Programmatore PHP per la realizzazione del proprio progetto o per la realizzazione di un sito internet.
Semplice Script Base per Realizzare un semplice carrello elettronico con Javascript
Perchè creare la Pagina Facebook della propria attività
Leggere una directory con PHP
Scegliere come Consulente un Programmatore PHP Freelance
Leggere XML con PHP
Php su Mac Apple
Selezionare più righe da una tabella utilizzando MySQL.
Status e URL Valide con PHP 5 e get_headers();
Guida alle Join di MySQL
Programmatore PHP e Programmazione ad Oggetti.
Un semplice esempio di AJAX
Creazione una Select Dinamica con Javascript
Scegliere un CMS Open Source per il proprio progetto.
Realizzare un Codice Captcha
Perchè Scegliere PHP? Perchè Programmatore PHP?
Restyling di un Applicazione o Portale Web con PHP
Hosting & Servizi
Directory Gratis
Gestione Banner
vittore mastrogregori - Inserito il: 22/01/10
ottimi script sei proprio bravo complimenti ...ciao