Einsatzleiterwiki Feuerwehr Lampertheim

<h1>inclform-Plugin: Einbinden von Berechnungsformularen durch Integration von PHP-, HTML- und JavaScript-Quelltext in Wiki-Seiten</h1>
<div class="level1">

<p>
Mittels des inclform-Plugins werden <a href="/doku.php?id=berechnungen:start" class="wikilink1" title="berechnungen:start" data-wiki-id="berechnungen:start">interaktive Berechnungen</a> in Wiki-Seiten eingebunden, wie beispielsweise die <a href="/doku.php?id=brand:allgemein:schaum#schaumberechnungen" class="wikilink1" title="brand:allgemein:schaum" data-wiki-id="brand:allgemein:schaum">Schaumberechnungen</a>.
</p>

</div>

<h2>Einbindung einer Datei auf einer Wiki-Seite</h2>
<div class="level2">

<p>
Die Einbindung einer Textdatei mit HTML-, PHP- oder JavaScript-Quellcode und der Dateiendung .php erfolgt mit dem folgenden Kommando:
</p>
<pre class="code">~~INCLFORM=dateiname~~

</pre><p> </p>

<p>
wobei der Dateiname ohne die Dateiendung .php angegeben wird.
</p>

<p>
Der Aufruf
</p>
<pre class="code">~~INCLFORM=gewuenschte_schaummenge~~

</pre><p> </p>

<p>
würde die Datei <code>gewuenschte_schaummenge.php</code> einbinden, die sich im entsprechenden Verzeichnis befindet. Dieses ist standardmäßig <code>/data/media/berechnungen</code>, ausgehend vom Wiki-Hauptverzeichnis. Dieses Verzeichnis kann in der <a href="/doku.php?id=wiki:hilfe:administration:konfigurations-manager" class="wikilink1" title="wiki:hilfe:administration:konfigurations-manager" data-wiki-id="wiki:hilfe:administration:konfigurations-manager">Konfiguration</a> geändert werden, beachten Sie in diesem Fall aber, dass Sie die derzeit im Verzeichnis enthaltenen Dateien ebenfalls an den neuen Ort verschieben müssen, damit die bereits integrierten Berechnungen im Einsatzleiterwiki weiterhin funktionieren.
</p>

<p>
Beachten Sie, dass in dieses Verzeichnis bzw. in diesen Namensraum auf keinen Fall in einer über das Internet von nicht registrierten bzw. nicht vertrauenswürdigen Benutzern bearbeitbaren Wiki-Version hochgeladen werden darf, da dies ein schweres Sicherheitsrisiko darstellen kann. Aus diesem Grund ist diese Funktion auch auf den Einsatzleiterwiki-Servern deaktiviert und es können von normalen Nutzern keine neuen oder geänderte Berechnungsformulare hochgeladen werden!<br/>
Wenn ihr Wiki direkt aus dem Internet erreichbar ist, sollten Sie die <a href="/doku.php?id=wiki:hilfe:administration:acl" class="wikilink1" title="wiki:hilfe:administration:acl" data-wiki-id="wiki:hilfe:administration:acl">Bearbeitungsrechte</a> für den Namensraum <code>berechnungen</code> sperren. Noch sicherer ist, den <a href="/doku.php?id=wiki:hilfe:anpassungen:mime" class="wikilink1" title="wiki:hilfe:anpassungen:mime" data-wiki-id="wiki:hilfe:anpassungen:mime">Eintrag für php aus der Datei conf/mime.conf</a> zu entfernen.
</p>

</div>

<h2>Eigene Berechnungen programmieren</h2>
<div class="level2">

<p>
Selbstverständlich können Sie auch eigene Berechnungen programmieren. Grundsätzlich können Sie dafür jede Technik verwenden, die Sie in einer php-Datei aufrufen können.
</p>

<p>
Die bestehenden Berechnungen sind in JavaScript geschrieben. Zur Demonstration hier ein vergleichsweise einfaches Beispiel, welches nur ein Eingabefeld besitzt, nämlich die <a href="/doku.php?id=cbrn:chemisch:klasse_2:fluessiggasberechnungen#sicherheitsabstaende_von_kugeltanks" class="wikilink1" title="cbrn:chemisch:klasse_2:fluessiggasberechnungen" data-wiki-id="cbrn:chemisch:klasse_2:fluessiggasberechnungen">Berechnung von Sicherheitsabständen zu Flüssiggastanks</a>. Grundlegende Kenntnisse von HTML und JavaScript sind zum Verständnis erforderlich.
</p>

</div>

<h3>Eingabeformular und Ausgabe</h3>
<div class="level3">

<p>
Zuerst wird das Eingabeformular erzeugt. Es handelt sich dabei um ein ganz normales HTML-Formular. Durch den Klick auf den Button werden die Funktionen <code>input_abstand_kugeltank()</code> zur Validierung der Eingabewerte und <code>output_abstand_kugeltank()</code> zur Berechnung der Ergebnisse und deren Ausgabe aufgerufen. Zusätzlich definieren wir gleich zwei <code>div</code>-Elemente, in denen die Ausgabe erscheinen soll.
</p>
<pre class="code html4strict">< form name="abstand_kugeltank_form">
< table>
< tbody>
    < tr>
       < td>Radius des Kugeltanks< /td>
       < td> < input name="input_abstand_kugeltank_form_d" size="10" value="" type="text"> m< /td>
    < /tr>
< /tbody>
< /table>
< !-- Aufruf der Funktionen input_abstand_kugeltank() und output_abstand_kugeltank() beim Klicken auf folgende Schaltfläche -->
< p>< input value=" Sicherheitsabstand berechnen " onclick="input_abstand_kugeltank(),output_abstand_kugeltank()" type="button">< /p>
< /form>
 
< div id="abstand_kugeltank_ueberschrift_div">< /div>
< div id="abstand_kugeltank_gefaehrdungsradius_div">< /div>

</pre><p> </p>

</div>

<h3>Globale Variablendefinition und Validierung der Eingabewerte</h3>
<div class="level3">

<p>
Zuerst wird die JavaScript-Umgebung geöffnet. Danach folgt die Definition globaler Variablen, also die auch außerhalb der Funktionen verwendet werden können.
</p>

<p>
In der <code>function input_abstand_kugeltank()</code> wird zuerst der Wert aus dem Eingabefeld des Formulars ind die Variable <code>abstand_kugeltank_d</code> übernommen und danach ein etwaiges Komma durch einen Punkt ersetzt, da die Nachkommastellen bei Zahlen in JavaScript durch einen Punkt anstelle eines Kommas abgetrennt werden.
</p>
<pre class="code">&lt;script language="JavaScript"&gt;

// Globale Variablen
var abstand_kugeltank_d;

// Ein-/Ausgabe-Funktionen
function input_abstand_kugeltank()
{
    abstand_kugeltank_d = document.abstand_kugeltank_form.input_abstand_kugeltank_form_d.value;
    abstand_kugeltank_d = abstand_kugeltank_d.replace(/,/, ".");
}

</pre><p> </p>

</div>

<h3>Berechnung und Ausgabe</h3>
<div class="level3">

<p>
Da zum Rechnen eine weitere Variable benötigt wird, muss diese als erstes nach Öffnen der Funktion definiert werden.
</p>

<p>
Danach erfolgt eine Prüfung, ob ein gültiger Eingabewert eingegeben wurde, in diesem Fall ob der Wert nicht 0 ist.
</p>

<p>
Ist dies der Fall, wird das Ergebnis berechnet (worauf an dieser Stelle nicht weiter eingegangen werden soll).
</p>

<p>
Nun folgt die Ausgabe. Hier wird mittels JavaScript das bereits auf der Seite befindliche, aber leere <code>div</code>-Element vom Anfang nachträglich geändert bzw. mit Inhalt gefüllt, und das Script danach wieder geschlossen. Das war schon alles.
</p>
<pre class="code">function output_abstand_kugeltank(){
    var abstand_kugeltank_gefaehrdungsradius;
    if (abstand_kugeltank_d == 0)
    {
        alert("Es wurde kein Wert eingegeben!");
    }
    else 
    {
        abstand_kugeltank_gefaehrdungsradius = Math.round(77*Math.pow((4/3*3.14*Math.pow(abstand_kugeltank_d,3)*0.5),(1/3)));
        // Ausgabe
        document.getElementById("abstand_kugeltank_ueberschrift_div").innerHTML = ("&lt;b&gt;Ergebnisse der Berechnung der Sicherheitsabst&auml;nde von Kugeltanks&lt;/b&gt;");
        document.getElementById("abstand_kugeltank_gefaehrdungsradius_div").innerHTML = ("Gef&auml;hrdungsradius " + abstand_kugeltank_gefaehrdungsradius + " m ");
    }
}

&lt;/script&gt;

</pre><p> </p>

</div>

<h3>Der komplette Code</h3>
<div class="level3">

<p>
Leider können die bis jetzt aufgeführten Elemente nicht einfach nacheinander auf eine Seite geschrieben werden, da die JavaScript-Funktionen vor dem Formular stehen müssen. Daher ergibt sich eine andere Reihenfolge. Hier der komplette Code:
</p>
<pre class="code html4strict">< script language="JavaScript">
 
// Globale Variablen
var abstand_kugeltank_d;
 
// Ein-/Ausgabe-Funktionen
function input_abstand_kugeltank()
{
    abstand_kugeltank_d = document.abstand_kugeltank_form.input_abstand_kugeltank_form_d.value;
    abstand_kugeltank_d = abstand_kugeltank_d.replace(/,/, ".");
}
 
function output_abstand_kugeltank(){
    var abstand_kugeltank_gefaehrdungsradius;
    if (abstand_kugeltank_d == 0)
    {
        alert("Es wurde kein Wert eingegeben!");
    }
    else 
    {
        abstand_kugeltank_gefaehrdungsradius = Math.round(77*Math.pow((4/3*3.14*Math.pow(abstand_kugeltank_d,3)*0.5),(1/3)));
        // Ausgabe
        document.getElementById("abstand_kugeltank_ueberschrift_div").innerHTML = ("< b>Ergebnisse der Berechnung der Sicherheitsabst<span class="sc1">&auml;</span>nde von Kugeltanks< /b>");
        document.getElementById("abstand_kugeltank_gefaehrdungsradius_div").innerHTML = ("Gef<span class="sc1">&auml;</span>hrdungsradius " + abstand_kugeltank_gefaehrdungsradius + " m ");
    }
}
 
< /script>
< /p>< form name="abstand_kugeltank_form">
< table>
< tbody>
    < tr>
       < td>Radius des Kugeltanks< /td>
       < td> < input name="input_abstand_kugeltank_form_d" size="10" value="" type="text"> m< /td>
    < /tr>
< /tbody>
< /table>
< !-- Aufruf der Funktionen input_abstand_kugeltank() und output_abstand_kugeltank() beim Klicken auf folgende Schaltfläche -->
< p>< input value=" Sicherheitsabstand berechnen " onclick="input_abstand_kugeltank(),output_abstand_kugeltank()" type="button">< /p>
< /form>
 
< div id="abstand_kugeltank_ueberschrift_div">< /div>
< div id="abstand_kugeltank_gefaehrdungsradius_div">< /div>

</pre><p> </p>

</div>

<h2>Installation des Plugins</h2>
<div class="level2">

<p>
Dieses Plugin ist in der Standard-Einsatzleiterwiki-Installation enthalten und sollte daher nicht erst installiert werden müssen. Eine Anleitung, wie Sie ein Plugin installieren, finden Sie auf <a href="/doku.php?id=wiki:hilfe:plugins:plugins_installieren" class="wikilink1" title="wiki:hilfe:plugins:plugins_installieren" data-wiki-id="wiki:hilfe:plugins:plugins_installieren">dieser Seite</a>.
</p>

<p>
<a href="https://www.dokuwiki.org/oIWIKIoplugin%3AinclformcIWIKIc" class="interwiki iw_doku" target="_blank" title="https://www.dokuwiki.org/oIWIKIoplugin%3AinclformcIWIKIc" rel="noopener">Dokumentation des inclform-Plugins auf dokuwiki.org</a>
</p>

</div>

Aktiviere komplexe Tabellen Editorhöhe px Zusätzliche Unterstützung beim Einfügen von Bildern aus der Zwischenablage Ein

Zusammenfassung: Kleine Änderungen

Einsatzleiterwiki Feuerwehr Lampertheim

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Seiten-Werkzeuge