J
<form class="form">
</form>
<script type="text/javascript">
var inputFieldStates = [false,false,false];
// Def of Text
var translations = {
de : {
title : "Aquarium Gravel Calculator",
width : "Width (A) in cm",
depth : "Depth (B) in cm",
heigth : "Gravel height (C) in cm",
recommendation : "6",
button : "Calculate",
result : "You will require $1 liters of gravel.",
error : "Please enter a number.",
decimalSeparator: "."
}
};
var textToUse = translations.de;
//
function replaceTranslations() {
document.getElementById("aquaGravelCalcTitle").innerHTML = textToUse.title;
document.getElementById("aquaGravelCalcWidthLabel").innerHTML = textToUse.width;
document.getElementById("aquaGravelCalcDepthLabel").innerHTML = textToUse.depth;
document.getElementById("aquaGravelCalcHeightLabel").innerHTML = textToUse.heigth;
document.getElementById("aquaGravelCalcWidthInputAdvice").innerHTML = textToUse.error;
document.getElementById("aquaGravelCalcDepthInputAdvice").innerHTML = textToUse.error;
document.getElementById("aquaGravelCalcHeightInputAdvice").innerHTML = textToUse.error;
document.getElementById("aquaGravelCalcHeightInput").value = textToUse.recommendation;
document.getElementById("aquaGravelCalcRefreshButton").value = textToUse.button;
}
replaceTranslations();
var aquaGravelCalcWidthId = "aquaGravelCalcWidthInput";
var aquaGravelCalcDepthId = "aquaGravelCalcDepthInput";
var aquaGravelCalcHeightId = "aquaGravelCalcHeightInput";
var aquaGravelCalcWidthInput = document.getElementById(aquaGravelCalcWidthId);
var aquaGravelCalcDepthInput = document.getElementById(aquaGravelCalcDepthId);
var aquaGravelCalcHeightInput = document.getElementById(aquaGravelCalcHeightId);
function refresh() {
checkValue(aquaGravelCalcWidthInput);
checkValue(aquaGravelCalcDepthInput);
checkValue(aquaGravelCalcHeightInput);
}
function placeAdvice(htmlObj, result) {
var adviceStyle = document.getElementById(htmlObj.id+'Advice').style;
switch (result) {
/*
case null:
adviceStyle.setProperty ("display", "none", null);
//document.getElementById(htmlObj.id+'Advice').style="display:none;";
break;
*/
case true:
adviceStyle.setProperty ("display", "none", null);
//document.getElementById(htmlObj.id+'Advice').style="display:none;";
break;
default:
adviceStyle.setProperty ("display","block",null);
//document.getElementById(htmlObj.id+'Advice').style="display:block;";
break;
}
}
function checkValue(htmlObj) {
hideResult();
if (
typeof(htmlObj) == "object"
&& htmlObj.value == ""
) {
placeAdvice(htmlObj, null);
setInputFieldStates (htmlObj.id, false);
} else if (
typeof(htmlObj) == "object"
&& htmlObj.value != ""
&& /^([0-9]+)$/.test(htmlObj.value)
) {
placeAdvice(htmlObj, true);
setInputFieldStates (htmlObj.id, true);
} else {
placeAdvice(htmlObj, false);
setInputFieldStates (htmlObj.id, false);
}
}
function setInputFieldStates (id, value) {
switch (id) {
case aquaGravelCalcWidthId:
inputFieldStates[0] = value || false;
break;
case aquaGravelCalcDepthId:
inputFieldStates[1] = value || false;
break;
case aquaGravelCalcHeightId:
inputFieldStates[2] = value || false;
break;
}
if (inputFieldStates.indexOf(false) == -1) {
calcResult();
}
}
function calcResult() {
var result = (aquaGravelCalcWidthInput.value * aquaGravelCalcDepthInput.value * aquaGravelCalcHeightInput.value / 1000).toFixed(2);
var resultText = textToUse.result.replace(/\$1/g, result.replace(/\./,textToUse.decimalSeparator));
document.getElementById("aquaGravelCalcResult").innerHTML = resultText;
var resultStyle = document.getElementById("aquaGravelCalcResult").style;
resultStyle.setProperty('display', 'block', null);
resultStyle.setProperty('font-size', '200%', null);
}
function hideResult() {
var resultStyle = document.getElementById("aquaGravelCalcResult").style;
resultStyle.setProperty('display', 'none', null);
}
</script>
sera Gravel Ocher
Ocher colored natural gravel (Ø 0 - 2 mm) for all freshwater and marine aquariums
sera Gravel Ocher is CO2 proof and neutral towards water, i.e. it has no influence on water parameters and does not tint the water. Due to a grain size of 0 - 2 mm, plants can grow on excellently. Due to being round grained, the natural gravel is also suitable for keeping bottom oriented fish such as catfish.
sera Gravel Ocher is evaluated according to DIN 38415-6 / EN ISO 15088 by an independent institute, and is proven to be pollutant free. It is therefore also suited for keeping and breeding sensitive animals.
Aquarienkies Rechner
<label for="aquaGravelCalcWidthInput" id="aquaGravelCalcWidthLabel">Breite in cm</label> <input class="form-control" id="aquaGravelCalcWidthInput" onchange="refresh();" onfocusout="refresh();" type="text" />
Hinweis
<label for="aquaGravelCalcDepthInput" id="aquaGravelCalcDepthLabel">Tiefe in cm</label> <input class="form-control" id="aquaGravelCalcDepthInput" onchange="refresh();" onfocusout="refresh();" type="text" />
Hinweis
<label for="aquaGravelCalcHeightInput" id="aquaGravelCalcHeightLabel">gewünschte Kieshöhe in cm:</label> <input class="form-control" id="aquaGravelCalcHeightInput" onchange="refresh();" onfocusout="refresh();" type="text" />
Hinweis
<input class="btn btn-primary form-control" id="aquaGravelCalcRefreshButton" onclick="refresh();" type="button" value="Aktualisieren" />
Sie benötigen x Liter Kies.
| Product name | Content | Comment | Item no. |
|---|---|---|---|
|
sera Gravel Ocher |
3 l | Ø 0 - 2 mm | 32269 |
|
sera Gravel Ocher |
6 l | Ø 0 - 2 mm | 32270 |