Back to top

Autore Topic: aggiungere un costo in un form di chronoform  (Letto 2109 volte)

Offline albags

  • Nuovo arrivato
  • *
  • Post: 20
    • Mostra profilo
aggiungere un costo in un form di chronoform
« il: 30 Mag 2011, 22:07:28 »
salve a tutti,
chiedo aiuto per risolvere un problema che ho incontrato nella costruzione di un form con chronoform.

Dopo aver realizzato il form per un preventivo, il cui risultato viene fuori dalla moltiplicazione della Quantità per il risultato della moltiplicazione fra Larghezza e l'Altezza per un costo fisso al metro quadro, devo aggiungere un altro costo al metro quadro, , se e solo se viene scelta la voce "si" della casella Dropdown "Plastificazione".

Il problema è che non conosco il Javascript, e quindi non ho idea del da farsi.

Spero in una vostro gentile aiuto.

P.S. aggiungo il codice HTML e Javascript per la costruzione del form.

HTML
<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Quantità</label>
    <input class="cf_inputbox required validate-number" maxlength="1000" size="30" title="" id="text_6" name="quantita" type="text" onChange="updatethis(this.form);"/>
  <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">Quantità :: inserisci la quantità</div>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Altezza in cm.</label>
    <input class="cf_inputbox required validate-number" maxlength="1000" size="30" title="" id="text_1" name="altezza" type="text" onChange="updatethis(this.form);"/>
  <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 in cm. :: inserisci l'altezza in cm.</div>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Larghezza in cm.</label>
    <input class="cf_inputbox required validate-number" maxlength="1000" size="30" title="" id="text_2" name="larghezza" type="text" onChange="updatethis(this.form);"/>
  <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">Larghezza in cm. :: inserisci la larghezza in cm.</div>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Materiale</label>
    <select class="cf_inputbox validate-selection" id="select_9" size="1" title="devi effettuare una scelta"  name="materiale">
    <option value="">Scegli</option>
      <option value="pvc adesivo bianco monomerico">pvc adesivo bianco monomerico</option>
<option value="pvc adesivo trasparente monomerico">pvc adesivo trasparente monomerico</option>
<option value="pvc adesivo bianco polimerico">pvc adesivo bianco polimerico</option>
<option value="pvc conformabile">pvc conformabile</option>

    </select>
    <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">Materiale :: scegli il materiale</div>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Plastificazione</label>
    <select class="cf_inputbox validate-selection" id="select_10" size="1" title="devi effettuare una scelta"  name="plastificazione">
    <option value="">scegli</option>
      <option value="si">si</option>
<option value="no">no</option>

    </select>
    <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">Plastificazione :: scegli se vuoi o no la plastificazione</div>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 150px;">Invio file</label>
    <select class="cf_inputbox validate-selection" id="select_11" size="1" title="devi effettuare una scelta"  name="invio_file">
    <option value="">scegli</option>
      <option value="più tardi via email">più tardi via email</option>
<option value="subito via upload">subito via upload</option>

    </select>
   
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Nome file</label>
    <input class="cf_inputbox" maxlength="1000" size="30" title="" id="text_12" name="nome_file" type="text" />
  <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">Nome file :: digita il nome del file che invierai</div>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 200px;">Totale Iva e trasporto esclusi</label>
    <input class="cf_inputbox required validate-number" maxlength="1000" size="30" title="" id="text_3" name="totale" type="text" />
  <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">Totale Iva e trasporto esclusi :: importo totale esclusi Iva e Trasporto</div>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

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

<div class="form_item">
  <div class="form_element cf_fileupload">
    <label class="cf_label" style="width: 150px;">Invia file</label>
    <input class="cf_fileinput cf_inputbox" title="" size="20" id="file_8" name="invia_file" type="file" />
    <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">Invia file :: qui puoi scegliere il file da inviarci subito</div>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>


JAVASCRIPT
function updatethis(form) {
      (form.elements['totale'].value =  form.elements['altezza'].value * form.elements['larghezza'].value * form.elements['quantita'].value /10000 * 47.00);
       }

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8012
  • Sesso: Maschio
    • Mostra profilo
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

 



Web Design Bolzano Kreatif