47 666
ediciones
Cambios
sin resumen de edición
<div class="calculator-boxes">
<fieldset>
<legend>Calculate the timeCalculadora de dopihoras</legend> <label><input type="checkbox" id="roundtrip" onclick="roundTripToggle()" name="roundtrip"/>Is a round tripEs ida y vuelta</label> <br/> <label class="calculator-label">Mean altitude of the whole route:</label> <input type="text" id="altitude" name="altitude" value="" />
<br/>
<label id="horizontal-label" class="calculator-label">Distancia horizontal en metros:</label>
<input type="text" id="horizontal" name="horizontal" value="" />
<br/>
<label id="descenso-label" name="descenso-label" class="calculator-label">Metros de descenso:</label>
<input type="text" id="descenso" name="descenso" value="" />
<br/>
<label class="calculator-label">Altitud media de toda la ruta:</label>
<input type="text" id="altitude" name="altitude" value="" />
<div id="totalTime"></div>
</div>
<input type='submit' id='submit' value='SubmitCalcular' onclick="calculateTotal()" />
</div>
</form>
}
else {
total = "Total time: "+total+" dopihoras";
}
function roundTripToggle(){
var theForm = document.forms["calculator"];
var ascensoLabel = document.getElementById('ascenso-label');
var descensoLabel = document.getElementById('descenso-label');
var descenso = document.getElementById('descenso');
var horizontalLabel = document.getElementById('horizontal-label');
if(theForm.elements["roundtrip"].checked){
descensoLabel.style.display='none';
descenso.style.display='none';
ascensoLabel.innerHTML = 'Metros de ascenso solo ida + metros descenso solo ida:';
horizontalLabel.innerHTML = 'Distancia horizontal en metros (ida + vuelta, que es lo mismo que ida x 2):';
}
else {
descensoLabel.style.display='block';
descenso.style.display='block';
ascensoLabel.innerHTML = 'Metros de ascenso:';
horizontalLabel.innerHTML = 'Distancia horizontal en metros:';
}