Joomla.it Forum
Componenti per Joomla! => Gestione Form => : abombazza 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.
<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"> <>
<>
<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"> <>
<>
<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"> <>
<>
<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"> <>
<>
function updatethis(form) {
form.elements['area'].value = form.elements['base'].value * form.elements['altezza'].value;
}
Grazie
-
vai nel Wizard del form, poi in events, nella sezione On Load ci metti un Load JS e ci incolli il codice