Visualizzazione dei risultati da 1 a 3 su 3

Discussione: fare conti con onblur

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    487

    fare conti con onblur

    ciao, ho uno script del tipo:
    <?php
    for($i=0;$i<20;$i++){
    <input type="text" name="quantita_$i"><input type="text" name="prezzo_$i">
    }
    <div id='conto_totale'></div>
    quindi mi si creano dei campi input text chiamati :
    quantita_1,prezzo_1
    quantita_2,prezzo_2
    quantita_3,prezzo_3
    etc..
    vorrei che quando lascio uno dei due input text (quindi con onblur) mi partisse una funzione javascript che faccia il calcolo:
    quantita_1 * prezzo_1
    +
    quantita_2 * prezzo_2
    +
    quantita_3 * prezzo_3
    ...
    e mi passasse il risultato dentro il div "conto_totale".
    come posso fare la funzione?
    Vivi intensamente, muori giovane e sarai un cadavere di bell' aspetto.

  2. #2
    I due input diventano:

    codice:
    <input type="text" name="quantita_$i" onblur="calcolaTot()"><input type="text" name="prezzo_$i" id="prezzo_$i" onblur="calcolaTot()">
    E poi all'inizio della pagina metti questa funzione:

    codice:
    <script language="javascript">
      function calcolaTot() {
         var inputs = document.getElementsByTagName('input');
         var tot = 0;
         for(var i=0; i<inputs.length; i++) {
    	if (inputs[i].name.indexOf('quantita_') == 0) {
    		var qta = inputs[i].value;
    		var price = document.getElementById('prezzo_' + inputs[i].name.substring('quantita_'.length)).value;
    		if (qta.length > 0 && price.length >0 && !isNaN(qta) && !isNaN(price)) {
    			tot += parseInt(qta,10) * parseFloat(price);
    		}
    	}
         }
         
         document.getElementById('conto_totale').innerHTML = tot + '';
      }
      </script>
    \Backslash\

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    487

    ok

    grazie mille
    Vivi intensamente, muori giovane e sarai un cadavere di bell' aspetto.

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.