Somma dati utilizzando evento onchange

**cavicchiandrea** · 23-02-2017, 13:02

E' easyphp che formatta tutto di seguito prova: Copi e incolli il codice* in blocconote se non lo sistema automaticamente dovrai formattarlo tu riga per riga.
Ti consiglio di aprire uno spazio gratuito su altervista per testare il sito online per non avere sorprese quando pubblicherai la versione definitiva.

*Per postare codice html che è quello che riceve il browser lanci la pagina > tasto destro mouse poi copi codice sorgente

**Kdes** · 23-02-2017, 13:30

Originariamente inviata da cavicchiandrea

E' easyphp che formatta tutto di seguito prova: Copi e incolli il codice* in blocconote se non lo sistema automaticamente dovrai formattarlo tu riga per riga.
Ti consiglio di aprire uno spazio gratuito su altervista per testare il sito online per non avere sorprese quando pubblicherai la versione definitiva.

*Per postare codice html che è quello che riceve il browser lanci la pagina > tasto destro mouse poi copi codice sorgente

Grazie per la tua pazienza.
Riposto il codice.

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Language" content="it" />
    
    <script type='text/javascript'>
//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 indice
var indice = parseFloat(document.modulo.indice.value);
//Prelevo il prezzo
var prezzo = parseFloat(document.modulo.prezzo[indice].value);
//Prelevo il numero articoli
var articoli = parseFloat(document.modulo.articoli[indice].value);
var calcola_somma[indice] = 0.00;
//Calcolo la somma
calcola_somma = Math.round(prezzo[indice] * articoli[indice] * 100)/100;
//Scrivo la somma nel campo aggiungendo zero qual'ora non ci fossero
document.modulo.somma.value=cifre_decimali(calcola_somma);
}
//-->
    </script>
<style type="text/css">
</style>
</head>


<?php
header('Content-type: text/html;charset=utf-8');
$contatore  = 0;
require ("conf.php");
$link = mysql_connect($server,$utente,$password) 
  or die
  ("<br><strong>Non posso connettermi al Server</strong><br>".mysql_error());
$conn=mysql_select_db($datab, $link) or die("<br><strong>Non riesco a connettermi al Database.</strong><br>".mysql_error());
$i = 0;
$quantita = 0;
$result = mysql_query("select * from listino where (id_cliente = 'CL0001')");
    while ($row = mysql_fetch_array($result))
        {
        $prezzo[$i]            = $row['prezzo'];
echo "<FORM NAME='modulo' METHOD='get' ACTION=''>
<p>
<input type='hidden' name='indice' value='$i'>
Prezzo Articolo = <INPUT align='right' NAME='prezzo[]' TYPE='TEXT' value='$prezzo[$i]' SIZE='5' maxlength='5' disabled='disabled' id='prezzo'>
Numero Articoli = <input name='articoli[]' id='articoli' value='$articoli[$i]' size=5 maxlength='5' onChange='calcola();'>
Costo Totale = <INPUT NAME='somma[]' TYPE='TEXT' value='0.0' SIZE='5' maxlength='5' disabled='disabled'><br>
</p>
</FORM>";
}
?>

**Kdes** · 24-02-2017, 10:00

Grazie Andrea, quindi la definizione degli 'id' va fatta in quel modo!
Grazie tantissimo per quanto hai descritto.
Lo proverï¿½ immediatamente e ti farï¿½ sapere.

**Kdes** · 24-02-2017, 14:04

AGGHHHHH!!!!!!!!!
Ho parlato troppo presto!!!!
Funziona solo con la prima riga e se uso i decimali non calcola la somma correttamente.
Se ci sono altre righe non funziona.
Andrea provi a chiarirmi dove bisogna intervenire?
Grazie.

**Kdes** · 24-02-2017, 14:18

Risolto.
Mi mancava l'incremento del $i.

Comunque grazie per avermi stimolato a verificare meglio quello che avevo copiato !!

**Kdes** · 24-02-2017, 23:15

Buona sera Andrea,
in funzione di quello che mi avevi risolto nei post precedenti ho rielaborato il codice PHP e Javascript inserendo il tutto in una tabella per intestare il FORM e allineare i dati, ma non riesco a far funzionare i calcoli che mi avevi fatto vedere che utilizzavo in modoon riesco a capire se errato.
Non riesco a capire cosa cambia se i dati sono in tabella (TABLE e TD) mentre in precedenza non erano 'intabellati'.

Per comoditï¿½ allego il codice che ho prodotto:

codice:

<?php
require ("conf.php"); 
$link = mysql_connect($server,$utente,$password)  
  or die 
  ("<br><strong>Non posso connettermi al Server</strong><br>".mysql_error()); 
$conn=mysql_select_db($datab, $link) or die("<br><strong>Non riesco a connettermi al Database.</strong><br>".mysql_error()); 
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" lang="it"> 
<head> 
    <title>Nuovo Ordine</title> 
    <meta name="viewport" content="width=device-width"> 
    <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" /> 
    <meta http-equiv="Content-Language" content="it" /> 
    <link rel="stylesheet" type="text/css" href="image/template.css" /> 
<style type="text/css"> 
</style> 
</head> 
 
<body> 
<script type='text/javascript'> 
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(row){ 
    var qta = (document.getElementById("quantita"+row).value=="")? 0 : document.getElementById("quantita"+row).value; 
    var pz = (document.getElementById("prezzo"+row).value=="")? 0 : document.getElementById("prezzo"+row).value; 
    var subtotale = (parseFloat(qtz)*parseFloat(pz)); 
    if(subtotale==0){document.getElementById("somma"+row).value="0.0";}else{document.getElementById("somma"+row).value=subtotale} 
} 
</script> 
<hr width="50%" align="left"> 
<form action="action.php" method="get" name='modulo'> 
<table width="50%"> 
<th>Prodotto</th> 
<th>Unitï¿½</th> 
<th>Quantitï¿½</th> 
<th>Prezzo</th> 
<th>IVA</th> 
<th>Importo</th><tr>  
<?php 
$data=date('Y-m-d'); 
$azione = "scrivi"; 
$i = 0; 
$quantita = 0; 
$result = mysql_query("select * from listino"); 
    while ($row = mysql_fetch_array($result)) 
        { 
        $i = $i+1; 
        $descrizione[$i]    = $row['descrizione']; 
        $unita[$i]        = $row['unita']; 
            $id_listino[$i]        = $row['id_listino']; 
            $prezzo[$i]        = $row['prezzo']; 
            $iva[$i]            = $row['iva']; 
            $sconto[$i]        = $row['sconto']; 
        echo "<td>$descrizione[$i]</td> 
            <td>$unita[$i]</td>
        <td><input name='quantita[]' id='quantita$i' value='$quantita[$i]' size=5 maxlength='5' onChange='calcola($i);'></td>
        <td><INPUT NAME='prezzo[]' TYPE='TEXT' value='$prezzo[$i]' SIZE='5' maxlength='5' disabled='disabled' id='prezzo$i'></td> 
            <td><input name='iva[]' id='iva$i'disabled='disabled' SIZE=3 value='$iva[$i]'></td> 
            <td><INPUT NAME='somma[]' TYPE='TEXT'  id='somma$i' value='' SIZE='5' maxlength='5' disabled='disabled'><br></td>
        <td><input type='hidden' name='id_listino[]' value='$id_listino[$i]'></td> 
                <tr>"; 
        } 
echo "<td align='center' colspan='7' bgcolor='green'><input type='submit' name='Ordina' value='Ordina' ></td>"; 
 
?> 
</table> 
<td><a href="nuovo_ordine.php"</a><img src="./image/indietro.jpeg"></td> 
 
<br /><br /><br /> 
</form> 
</body> 
</html>

Discussione: Somma dati utilizzando evento onchange

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Permessi di invio