• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Farbbedarf Rechner

T

Toretto

New member
Hallo Community :)

Ich wende mich hier jetzt mal an die jenigen die etwas von diesen Handwerk verstehen. Ich bin Maler und Lackierer und würde gerne ein Script auf meiner Homepage einbauen das den Farbbedarf ausrechnet. Viele Fragen sich ja immer wie viel Farbe Sie ungefähr für das Schlafzimmer benötigen, wenn sich einer an diese Aufgabe herantrut, dann habe ich offene Ohren, gerne kann sich auch per E-Mail an mich gewandt werden, es soll ja auch nicht umsonst sein.

Ich stelle mir das Script ungefähr so vor wie immobilienscout24 es hat: http://www.immobilienscout24.de/de/bauen/bauplaner/rechner/farbbedarf_berechnen.jsp


danke soweit
 
Für so ein kleines Progrämmchen würde ich jetzt nichts serverseitiges bemühen - JS tut's da auch (und ist sogar etwas komfortabler):
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Fenstertitel</title>
<script type="text/javascript">
var seg = 0;
function addSegment(){
	var t = document.getElementById("template");
	var newSeg = t.cloneNode(true);
	seg++;
	newSeg.firstChild.innerHTML = seg;
	newSeg.id = "";
	newSeg.style.display = "";
	t.parentNode.appendChild(newSeg);
}
window.onload = addSegment;

function calcLiter(){
	var h = document.getElementsByName("hoehe");
	var b = document.getElementsByName("breite");
	
	var sum = 0;
	
	for (var i = 0; i < h.length; i++){
		sum += parseInt(h[i].value) * parseInt(b[i].value);
	}
	document.getElementById("flaeche").innerHTML = sum;
	document.getElementById("liter").innerHTML = (sum / parseInt(document.getElementById("lpm2").value)).toFixed(2);
	
}
</script>
</head>
<body>
Farbergibigkeit: <input id="lpm2" value="5" onchange="calcLiter()">m<sup>2</sup>/l<br>

Segmente:
<table>
	<thead>
		<tr>
			<th>
				Segment
			</th>
			<th>
				Höhe
			</th>
			<th>
				Breite
			</th>
		</tr>
	</thead>
	<tr style="display: none;" id="template"><td></td>
		<td>
			<input name="hoehe" value="0" onchange="calcLiter()">
		</td>
		<td>
			<input name="breite" value="0" onchange="calcLiter()">
		</td>
	</tr>
</table>

Fläche: <span id="flaeche">0</span>m<sup>2</sup>,
benötigte Farbe: <span id="liter">0</span>l
		
<input type="button" value="Segment hinzufügen" onclick="addSegment();">
</body>
</html>
- quick, dirty und ohne irgendeine Fehlerabfangung.
 
Hab' oben Kommazahlen vergessen:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Fenstertitel</title>
<script type="text/javascript">
function inputValueToFloat(inp){
	var ret = parseFloat(inp.value.replace(",", "."));
	if (isNaN(ret)) return 0;
	return ret;
}
var seg = 0;
function addSegment(){
	var t = document.getElementById("template");
	var newSeg = t.cloneNode(true);
	seg++;
	newSeg.firstChild.innerHTML = seg;
	newSeg.id = "";
	newSeg.style.display = "";
	t.parentNode.appendChild(newSeg);
}
window.onload = addSegment;

function calcLiter(){
	var h = document.getElementsByName("hoehe");
	var b = document.getElementsByName("breite");
	
	var sum = 0;
	
	for (var i = 0; i < h.length; i++){
		sum += inputValueToFloat(h[i]) * inputValueToFloat(b[i]);
	}
	document.getElementById("flaeche").innerHTML = sum;
	document.getElementById("liter").innerHTML = (sum / inputValueToFloat(document.getElementById("m2pl"))).toFixed(2);
	document.getElementById("eimer").innerHTML = Math.ceil(sum / inputValueToFloat(document.getElementById("m2pl")) / inputValueToFloat(document.getElementById("lpe")));
	
}
</script>
</head>
<body>
Farbergibigkeit: <input id="m2pl" value="5" onchange="calcLiter()">m<sup>2</sup>/l<br>
Emergröße: <input id="lpe" value="10" onchange="calcLiter()">l<br>

Segmente:
<table>
	<thead>
		<tr>
			<th>
				Segment
			</th>
			<th>
				Höhe
			</th>
			<th>
				Breite
			</th>
		</tr>
	</thead>
	<tr style="display: none;" id="template"><td></td>
		<td>
			<input name="hoehe" value="0" onchange="calcLiter()">
		</td>
		<td>
			<input name="breite" value="0" onchange="calcLiter()">
		</td>
	</tr>
</table>

Fläche: <span id="flaeche">0</span>m<sup>2</sup>,
benötigte Farbe: <span id="liter">0</span>l,
Eimeranzahl: <span id="eimer">0</span>
		
<input type="button" value="Segment hinzufügen" onclick="addSegment();">
</body>
</html>
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben