Autore Topic: Preventivo real time con chronoforms  (Letto 836 volte)

Offline abombazza

  • Appassionato
  • ***
  • Post: 493
    • Mostra profilo
    • La Bottega del WEB - realizzazione siti internet e molto di più
Preventivo real time con chronoforms
« il: 08 Mar 2013, 16:09:37 »
Ciao a tutti ho letto questo post interessante: http://forum.joomla.it/index.php/topic,98717.0.html


Installando l'ultima versione di chronoforms su j 2.5, non riesco a trovare il punto dove inserire il codice della funzione che tu Vales scrivi in basso:


Ho inserito alcune modifiche.

1) è necessario inizializzare i valori dei campi altrimenti javascript non funziona
2) ho modificato i valori dei nomi dei campi per rendere più comprensibile il codice
3) il calcolo avviene se dopo l'inserimenti si clicca conil mouuse in qualsiasi punto del form, quindi o dovremo esplicitare questa cosa oppure si inserisce un bottone "calcola" da premere per fare il conto.

Codice: [Seleziona]
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Base</label>
    <input class="cf_inputbox required validate-number" maxlength="10" size="10" title="inserire un numero" id="text_0" name="base" type="text" onChange="updatethis(this.form);" value=""/>
  <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/>[/url]
                <div class="tooltipdiv">Base :: inserire la misura della base<>
  <>
  <div class="cfclear">&nbsp;<>
<>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Altezza</label>
    <input class="cf_inputbox required validate-number" maxlength="10" size="10" title="Inserire un numero valido" id="text_1" name="altezza" type="text" onChange="updatethis(this.form);" value=""/>
  <a class="tooltiplink" onclick="return false;"><img height="16" border="0" width="16" class="tooltipimg" alt="" src="components/com_chronocontact/css/images/tooltip.png"/>[/url]
                <div class="tooltipdiv">Altezza :: Inserire la misura dell'altezza<>
  <>
  <div class="cfclear">&nbsp;<>
<>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Area</label>
    <input class="cf_inputbox" maxlength="10" size="10" title="" id="text_2" name="area" type="text" value="0" readonly="readonly"/>
 
  <>
  <div class="cfclear">&nbsp;<>
<>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="Invia" name="button_3" type="submit" /><input type="reset" name="reset" value="Reset"/>
  <>
  <div class="cfclear">&nbsp;<>
<>

Codice: [Seleziona]
function updatethis(form) {
      form.elements['area'].value = form.elements['base'].value * form.elements['altezza'].value;
      }


Grazie

Offline berry

  • Appassionato
  • ***
  • Post: 660
  • Sesso: Maschio
    • Mostra profilo
    • Appartamenti e Hotel in Val di Sole Trentino
Re:Preventivo real time con chronoforms
« Risposta #1 il: 09 Mar 2013, 14:09:04 »
vai nel Wizard del form, poi in events, nella sezione On Load ci metti un Load JS e ci incolli il codice

 

Torna su