Kommunikation zwischen JScript und HTML

  • Hallo Community,

    ich komme hier nicht weiter und finde einfach keine Lösung. Ihr seid da sicherlich viel fitter in der Thematik als ich und erkennt sofort das Problem. Ich möchte HTML-Formulardaten zu einer js.-Datei schicken (funktioniert), dort bearbeiten und wieder zur HTML-Seite zurückschicken (funktioniert nicht). Ich weiß nicht ob die Informationen zwischendurch "sterben" oder ob es andere Gründe hat. Wäre nett wenn ihr mir da helfen könntet.

    Datei: eingabe.html
    <!DOCTYPE html>
    <html lang="de">
    <!-- ----- Titel wird gesetzt. verarbeitung.js wird in das HTML-Dokument eingebunden. -->
    <head><title>Diagramm</title><script language="javascript" type="text/javascript" src="verarbeitung.js"></script></head>
    <!-- ----- setzen der Hintergrundfarbe -->
    <body bgcolor=#C6E2FF>


    <br />
    <!-- ----- Im Formular werden die Eingaben verlangt, die danach über den Button an das verarbeitung.js-Dokument weitergeleitet werden. -->
    <form>
    <table border="1">
    <tr>
    <td><h4>Luftwiderstand</h4><td>
    </tr>
    <tr>
    <td>Luftdichte</td><td>rho</td><td><input type="text" id="id_rho" size="10"></td>
    </tr>
    <tr>
    <td>Str&ouml;mungswiderstand</td><td>cw</td><td><input type="text" id="id_cw" size="10"></td>
    </tr>
    <tr>
    <td>Stirnfl&auml;che</td><td>A</td><td><input type="text" id="id_A" size="10"></td>
    </tr>
    </table>


    <br />
    <table border="1">
    <tr>
    <td><h4>Rollwiderstand</h4></td>
    </tr>
    <tr>
    <td>Fahrzeugmasse</td><td>m</td><td><input type="text" id="id_m" size="10"></td>
    </tr>
    <tr>
    <td>Zuladung</td><td>m_zu</td><td><input type="text" id="id_m_zu" size="10"></td>
    </tr>
    <tr>
    <td>Erdbeschleunigung</td><td>g</td><td><input type="text" id="id_g" size="10"></td>
    </tr>
    <tr>
    <td>Rollwiderstandskoeffizient</td><td>f_roll</td><td><input type="text" id="id_f_roll" size="10"></td>
    </tr>
    </table>
    <!-- ----- weiterleitung mit dem Button mittels der Funktion verarbeitung() -->
    <button onclick="verarbeitung(id_rho, id_cw, id_A, id_m, id_m_zu, id_g, id_f_roll)">Absenden</button>
    </form>

    <!-- -----Testausgabe (funktioniert nicht) -->
    <script>alert(allValues);</script>


    <table border="1">
    <tr>
    <td><h4>Test-Output</h4></td>
    </tr>
    <tr>
    <td>rho = </td><td>document.write(rho);</td>
    </tr>
    <tr>
    <td>cw = </td><td><script>document.write(cw);</script></td>
    </tr>
    <tr>
    <td>A = </td><td><script>document.write(A);</script></td>
    </tr>
    <tr>
    <td>m = </td><td><script>document.write(m);</script></td>
    </tr>
    <tr>
    <td>m_zu = </td><td><script>document.write(m_zu);</script></td>
    </tr>
    <tr>
    <td>g = </td><td><script>document.write(g);</script></td>
    </tr>
    <tr>
    <td>f_roll = </td><td><script>document.write(f_roll);</script></td>
    </tr>
    </table>


    </body>
    </html>

    Datei: verarbeitung.js
    function verarbeitung(id_rho, id_cw, id_A, id_m, id_m_zu, id_g, id_f_roll){
    var allValues = new Array(document.getElementById("id_rho").value, document.getElementById("id_cw").value,
    document.getElementById("id_A").value, document.getElementById("id_m").value, document.getElementById("id_m_zu").value,
    document.getElementById("id_g").value, document.getElementById("id_f_roll").value);

    // -----Testausgabe (funktioniert)
    alert(allValues);

    return allValues;
    }

    Einmal editiert, zuletzt von meh (18. Mai 2015 um 12:11)