Logo Patagonia.png

Diferencia entre revisiones de «Widget:Calculator»

De Wikiexplora
Saltar a: navegación, buscar
Línea 19: Línea 19:
 
                 <input type="text"  id="descenso" name="descenso" value=""  />
 
                 <input type="text"  id="descenso" name="descenso" value=""  />
 
                
 
                
                 <div id="totalPrice"></div>
+
                 <div id="totalTime"></div>
 
                  
 
                  
 
                 </fieldset>
 
                 </fieldset>
Línea 29: Línea 29:
 
         </div>   
 
         </div>   
 
</form>
 
</form>
 +
<script>
 +
function calculateTotal()
 +
 +
    var theForm = document.forms["calculator"]; 
 +
    var altitude= theForm.elements["altitude"];
 +
    var horizontal= theForm.elements["horizontal"];
 +
    var ascenso= theForm.elements["ascenso"];
 +
    var descenso= theForm.elements["descenso"];
 +
 +
    var total= altitude + altitude + horizontal + ascenso + descenso;
 +
   
 +
    //display the result
 +
    var divobj = document.getElementById('totalTime');
 +
    divobj.style.display='block';
 +
    divobj.innerHTML = "Total time: "+total;
 +
 +
}
 +
</script>

Revisión del 22:54 18 ago 2017

<form action="" id="calculator" onsubmit="return false;">

              <fieldset>
               <legend>Calculate the time</legend>                
               <label class='radiolabel'><input type="radio"  name="selectedcake" value="RoundTrip" onclick="calculateTotal()" />Is a round trip</label>
         
               
<label>Mean altitude of the whole route</label> <input type="text" id="altitude" name="altitude" value="" />
<label>Distancia horizontal en metros</label> <input type="text" id="horizontal" name="horizontal" value="" />
<label>Metros de ascenso</label> <input type="text" id="ascenso" name="ascenso" value="" />
<label>Metros de descenso</label> <input type="text" id="descenso" name="descenso" value="" />
               </fieldset>


           <input type='submit' id='submit' value='Submit' onclick="calculateTotal()" />
       </div>  

</form> <script> function calculateTotal() {

   var theForm = document.forms["calculator"];   
   var altitude= theForm.elements["altitude"];
   var horizontal= theForm.elements["horizontal"];
   var ascenso= theForm.elements["ascenso"];
   var descenso= theForm.elements["descenso"];
   var total= altitude + altitude + horizontal + ascenso + descenso;
   
   //display the result
   var divobj = document.getElementById('totalTime');
   divobj.style.display='block';
   divobj.innerHTML = "Total time: "+total;

} </script>