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 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);
}
//-->
</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.
:
- [php] Utilizzare le API Google Maps per la Realizzazione Siti Internet Dinamici
- [consulenza] Perchè Creare una Pagina Facebook per la tua Azienda
- [iPhone] Realizzazione Siti Internet Mobile: Ecco qualche consiglio!
- [consulenza] MiniSito Facebook: Creare una Pagina Facebook efficace e di successo.
- [php] Integrare Twitter nel Proprio Sito
- [iPhone] Realizzazione Siti Internet Mobile, Siti Internet per iPhone e Android
- [php] Inserire i commenti di una Bacheca Facebook sul tuo sito
- [consulenza] Programmatore HTML 5: Semplice Guida alle SessionStorage
- [consulenza] Consulenza Web Marketing? No, Viaggio ad Amsterdam
- [php] ADServer Banner a Rotazione
- [jS] Realizzare CountDown in stile Groupon con JQuery
- [consulenza] Scegliere un Programmatore Freelance
- [php] Inserire il Meteo di Google nel tuo Sito
- [php] Applicazione Flickr per l'Upload di Foto dal tuo Sito
- [consulenza] Integrare una Fotogallery Flickr nel Proprio Sito
- [php] Leggere un file XML usando PHP e le funzioni DOM
- [php] Leggere JSON utilizzando PHP
- [php] Aggiungere il Meteo al tuo sito con Yahoo e PHP
- [consulenza] Programmatore HTML5 e LocalStorage
- [jS] Realizzare un Drag e Drop con Javascript
- [php] Arrotondare una Cifra a 2 decimali Aggiungendo gli Zeri con PHP
- [php] Creare e Inserire Grafici in una Pagina Web con PHP
- [aJax] Realizzare un Form con AJAX e PHP in maniera Semplice
- [aJax] Trasformare un Indirizzo in Coordinate Latitudine e Longitudine con AJAX e Geocoding
- [php] Generare un QRCode con PHP e le API Google Chart
- [consulenza] Interessanti Spunti dalla BTO2010 per gli Sviluppatori Web
- [consulenza] Crea il tuo Gestionale Online o Applicazione Web con PHP e MySQL
- [mySQL] Backup di un Database MySQL utilizzando PHP
- [consulenza] Aumentare la Velocità del proprio Sito Internet Grazie a mod_pagespeed di Google
- [php] Inserire Markers utilizzando API Google Maps
vittore mastrogregori - Inserito il: 22/01/10
ottimi script sei proprio bravo complimenti ...ciao