Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Calcoli in tempo reale

  1. #1

    Calcoli in tempo reale

    Ragazzi,da poco mi sto avvicinando al javascript, vengo dal php, vi spiego il mio problema:
    ho un form del genere:

    <?

    echo"<form action='prova.php' method='post'>
    <table border='1'>
    <tr>
    <td>
    Descrizione e immagine
    </td>
    <td>
    <input type='text' name='VALORE1'>
    </td>
    </tr>
    <tr>
    <td>
    Descrizione e immagine
    </td>
    <td>
    <input type='text' name='VALORE2'>
    </td>
    </tr>
    <tr>
    <td>
    Descrizione e immagine
    </td>
    <td>
    <input type='text' name='VALORE3'>
    </td>
    </tr>
    <tr>
    <td>
    Descrizione e immagine
    </td>
    <td>
    <input type='text' name='VALORE4'>
    </td>
    </tr>
    <tr>
    <td>
    Descrizione e immagine
    </td>
    <td>
    <input type='text' name='VALORE5'>
    </td>
    </tr>
    <tr>
    <td>
    Descrizione e immagine
    </td>
    <td>
    <input type='text' name='VALORE6'>
    </td>
    </tr>
    </TABLE>

    <button type='submit' class='button' name='CONFERMA' >
    conferma

    </button>";?>

    e di seguito uno script php che ha il compito di moltiplicare le quantità inserite nel form per i loro corrispettivi prezzi e fare il risultato.

    <?
    if(!isset($_POST['CONFERMA'])){
    $var1 = $_POST['VALORE1'];
    $var2 = $_POST['VALORE2'];
    $var3 = $_POST['VALORE3'];
    $var4 = $_POST['VALORE4'];
    $var5 = $_POST['VALORE5'];
    $var6 = $_POST['VALORE6'];

    $TOT1=$VAR1*800;
    $TOT2=$VAR1*2000;
    $TOT3=$VAR1*1000;
    $TOT4=$VAR1*500;
    $TOT5=$VAR1*300;
    $TOT6=$VAR1*200;

    $TOTALE=$TOT1+$TOT2+$TOT3+$TOT4+$TOT5+$TOT6;
    echo $TOTALE;
    }


    ora vorrei fare la stessa cosa però in "tempo reale" cioè lo script viene eseguito senza che venga premuto il pulsante, senza refresh della pagina, penso ci voglia javascript, ma non so come impostare il codice

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Non ti serve php per questo. Faccio un paio di esempi che poi ti puoi divertire a metterli insieme:

    codice:
    <html>
    <head>
    
    <script>
    $(document).ready(function(){
    $('input').keyup(function(){ 
        
        
        var firstValue = parseFloat($('#uno').val()) || 0; 
        var secondValue = parseFloat($('#due').val()) || 0;
        var thirdValue = parseFloat($('#tre').val()) || 0;
        
        $('#finale').html(firstValue + secondValue + thirdValue); 
    });
    //fine esempio addizione
     $('#moltiplicazione').keyup(function(){
            $('#risultato').text($('#moltiplicazione').val() * 800);
        });   
     });
    </script>
    </head>
    <body>
    <input id=uno></input>
    
    
    <input id=due></input>
    
    
    <input id=tre></input>
    
    Total:<span id=finale></span>
    
    
    
    <input name="moltiplicazione" id="moltiplicazione" type="text" />
    
    
    
    Totale:  <span id="risultato"></span>
    </body>
    </html>
    Non l'ho testato, ma dovrebbe funzionare

    Per una bella risata vai QUI

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.