Hallo,
hier der Code für die vorher verlinkte Quader-Berechung. Wenn du HTML in der Wiki-Konfiguration eingeschaltet hast kannst du den folgenden Code einfach einfügen und an deine Bedürfnisse anpassen. Du solltest auf der Wiki-Seite zusätzlich das Kommando ~~NOCACHE~~ einfügen, da sonst evtl. deine Änderungen bei Berechnungen erst zeitverzögert bzw. vorerst gar nicht angezeigt werden.
<script language="JavaScript">
// Globale Variablen, die sowohl in der Input- als auch in der Output-Funktion verwenden werden
var volumen_quader_laenge,volumen_quader_breite,volumen_quader_hoehe,volumen_quader_dichte;
// Ein-/Ausgabe-Funktionen
function input_volumen_quader(){
// Speichern des Werts aus dem Eingabefeld in die entsprechende Variable. Man könnte auch mit dem Eingabewert weiterrechnen, aber aufgrund der Länge ist mir das etwas kompliziert
volumen_quader_laenge = document.volumen_quader_form.input_volumen_quader_laenge.value;
// Hier werden alle , durch . ersetzt. Das ist notwendig, weil die Nachkommastellen mit einem Punkt abgetrennt werden.
volumen_quader_laenge = volumen_quader_laenge.replace(/,/, ".");
volumen_quader_breite = document.volumen_quader_form.input_volumen_quader_breite.value;
volumen_quader_breite = volumen_quader_breite.replace(/,/, ".");
volumen_quader_hoehe = document.volumen_quader_form.input_volumen_quader_hoehe.value;
volumen_quader_hoehe = volumen_quader_hoehe.replace(/,/, ".");
volumen_quader_dichte = document.volumen_quader_form.input_volumen_quader_dichte.value;
volumen_quader_dichte = volumen_quader_dichte.replace(/,/, ".");
}
function output_volumen_quader(){
var volumen_quader_volumen,volumen_quader_oberflaeche,volumen_quader_gewicht;
if (volumen_quader_laenge <= 0)
{
alert("Die Länge darf nicht kleiner oder gleich 0 sein!");
}
else if (volumen_quader_breite <= 0)
{
alert("Die Breite darf nicht kleiner oder gleich 0 sein!");
}
else if (volumen_quader_hoehe <= 0)
{
alert("Die Höhe darf nicht kleiner oder gleich 0 sein!");
}
else if (volumen_quader_dichte < 0)
{
alert("Die Dichte darf nicht kleiner als 0 sein!");
}
else
{
document.getElementById("volumen_quader_ueberschrift").innerHTML = ("<b>Ergebnisse der Quaderberechnung</b>");
if (document.volumen_quader_form.input_volumen_quader_dichte_einheit[1].checked == true)
{
volumen_quader_dichte = volumen_quader_dichte * 1000;
}
volumen_quader_volumen = Math.round(( volumen_quader_laenge * volumen_quader_breite * volumen_quader_hoehe) * 1000 ) / 1000 ;
document.getElementById("volumen_quader_volumen_div").innerHTML = ("Volumen: " + volumen_quader_volumen + " m³");
volumen_quader_oberflaeche = Math.round(( 2 * volumen_quader_laenge * volumen_quader_breite + 2 * volumen_quader_laenge * volumen_quader_hoehe + 2 * volumen_quader_breite * volumen_quader_hoehe) * 1000 ) / 1000 ;
document.getElementById("volumen_quader_oberflaeche_div").innerHTML = ("Oberfläche: " + volumen_quader_oberflaeche + " m²");
if (volumen_quader_dichte > 0)
{
volumen_quader_gewicht = Math.round(( volumen_quader_dichte * volumen_quader_volumen) * 1000 ) / 1000 ;
document.getElementById("volumen_quader_gewicht_div").innerHTML = ("Gewicht: " + volumen_quader_gewicht + " kg");
}
}
}
</script>
// Eingabeformular
<form name="volumen_quader_form">
<table>
<tbody>
<tr>
<td>Länge: </td>
<td> <input name="input_volumen_quader_laenge" size="10" value="" type="text"> m </td>
</tr>
<tr>
<td>Breite: </td>
<td> <input name="input_volumen_quader_breite" size="10" value="" type="text"> m </td>
</tr>
<tr>
<td>Höhe: </td>
<td> <input name="input_volumen_quader_hoehe" size="10" value="" type="text"> m </td>
</tr>
<tr>
<td>[optional]<br />Dichte: </td>
<td> <input name="input_volumen_quader_dichte" size="10" value="" type="text"> </td>
<td><input type="radio" name="input_volumen_quader_dichte_einheit" value="kgm3" checked> kg/m³ <br />
<input type="radio" name="input_volumen_quader_dichte_einheit" value="gcm3"> g/cm³<td>
</tr>
</tbody>
</table>
<!-- Aufruf der Funktionen input_volumen_quader() und output_volumen_quader() beim Klicken auf folgende Schaltfläche -->
<p><input value=" Quader berechnen " onclick="input_volumen_quader(),output_volumen_quader()" type="button" > (auf 3 Nachkommastellen gerundet)</p>
</form>
// Ausgabe
<div id="volumen_quader_ueberschrift"></div>
<div id="volumen_quader_volumen_div"></div>
<div id="volumen_quader_oberflaeche_div"></div>
<div id="volumen_quader_gewicht_div"></div>
Wenn du die Berechnung anpasst, solltest du immer wie folgt vorgehen (das entspricht nicht der logischen Reihenfolge "von oben nach unten"!):
1. Eingabeformular festlegen, daraus ergeben sich die Variablen mit denen du in den weiteren Schritten hantierst
2. Ein- und Ausgabefunktion programmieren
3. Ausgabebereich mit den divs anpassen
Da du ja schreibst dass du Programmiererfahrung hast sollte der Code für dich eigentlich nicht besonders schwer zu verstehen sein!?
Wenn noch Fragen sind oder du lieber das incl-form-Plugin nutzen würdest als generell HTML freizuschalten, dann melde dich einfach nochmal.
Viele Grüße,
Christoph