Thomsen: Problem mit Formular

Beitrag lesen

Moin, ich habe folgendes Problem:
Ich habe ein Javascript Formular geschrieben, welches sich in mehrer Formulare untergliedert. Erreichen möchte ich nun, das die Daten der einzelnen Formulare mit hilfe eines Absendebuttom an eine E-Mail Adresse geschickt werden werden. Ist das möglich und wenn ja wie?

So sieht die Kurzform des Quelltextes aus:

---------------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>

<TITLE> Produktfindung </TITLE>

<style type="text/css">
#formular1{visibility:hidden;position:absolute;}
#formular2{visibility:hidden;position:absolute;}
#formular3{visibility:hidden;position:absolute;}
#formular4{visibility:hidden;position:absolute;}

</style>

<script type="text/javascript">
<!--
ns = document.layers ? true : false;
ie = document.all ? true : false;
dom = document.getElementById ? true : false;

function ein(divid){
 if(ns){document.layers[divid].visibility="show";}
 if(ie){document.all[divid].style.visibility="visible";}
 if(dom){ document.getElementById(divid).style.visibility="visible";}

}
function aus(divid){
 if(ns){document.layers[divid].visibility="hide";}
        if(ie){document.all[divid].style.visibility="hidden";}
 if(dom){ document.getElementById(divid).style.visibility="hidden";}
}

// -->
</script>
</HEAD>

<BODY>

<form action="mailto:g.j.thomsen@web.de" method=post enctype="text/plain">

<br>

<B>Vorname Nachnahme&nbsp;&nbsp;&nbsp;</B><input name="Pflanze" size=30 maxlength=40>
<br>
<B>Unternehmen&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</B><input name="Pflanze" size=30 maxlength=40>
<br>
<B>E-Mail Adresse&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</B><input name="Pflanze" size=30 maxlength=40>
<br>
<br>
<HR>
<br>
<input name="Pflanze" size=30 maxlength=40>&nbsp;&nbsp;&nbsp;<B>Geben Sie hier den Namen des gewünschten Pflanzenextrakt ein</B>
<p>
<input type="checkbox" name="ba">&nbsp;&nbsp;&nbsp;<B>Aus biologischem Anbau?</B>

<br>
<br>

<form>
<INPUT type="radio" value="thema1" name="test" onclick="ein('formular1'),aus('formular2'),aus('formular3'),aus('formular4')">Lipophil

<br>
</form>

<div id="formular1"><form><input type="radio" name="f1" onclick="ein('formular1'),ein('formular3'),aus('formular2'),aus('formular4')">Synthetisch
<input type="radio" name="f1" onclick="ein('formular1'),aus('formular2'),aus('formular3'),ein('formular4')">Pflanzlich&nbsp;&nbsp;&nbsp;<B>Welche Eigenschaft soll das Öl haben?</B></div>

<div id="formular2"><form><input type="radio" name="f2" onclick="ein('formular2'),aus('formular1'),aus('formular3'),aus('formular4')">Farbig
<input type="radio" name="f2" onclick="ein('formular2'),aus('formular1'),aus('formular3'),aus('formular4')">Farblos&nbsp;&nbsp;&nbsp;<B>Welche farblichen Eigenschaften soll das Produkt haben?</B></form></div>

<br>
<br>

<div id="formular3"><form><SELECT NAME="Oel1">
<OPTION>Neutrales Öl</OPTION>
<OPTION>IPM</OPTION>
<OPTION>Medizinisches Weißöl</OPTION>
<OPTION>Silikon Öl</OPTION>
<OPTION>Kundenwunsch</OPTION>
</SELECT> <B>&nbsp;&nbsp;&nbsp;Wählen Sie das gewünschte Öl</B></form>
<TEXTAREA NAME="Kundenwunsch" ROWS=4 COLS=30>
Kundenwunsch:
</TEXTAREA>
<br>
<br>
<B>Ihr Produkt ist nun nach ihren Wünschen zusammengestellt!</B>
<br>
<br>
<input type="checkbox" name="ba">&nbsp;&nbsp;&nbsp;<B>Wünschen Sie ein Muster?</B>
<br>
<br>
<input type="submit" name="Button" value="Abschicken"></div>
</div>

<div id="formular4"><form><SELECT NAME="Oel2">
<OPTION>Mandel Öl</OPTION>
<OPTION>Soja Öl</OPTION>
<OPTION>Jojaba Öl</OPTION>
<OPTION>Sonnenblumen Öl</OPTION>
<OPTION>Kundenwunsch</OPTION>
</SELECT><B>&nbsp;&nbsp;&nbsp;Wählen Sie das gewünschte Öl</B> </form>
<TEXTAREA NAME="Kundenwunsch" ROWS=4 COLS=30>
Kundenwunsch:
</TEXTAREA>
<br>
<br>
<B>Ihr Produkt ist nun nach ihren Wünschen zusammengestellt!</B>
<br>
<br>
<input type="checkbox" name="ba">&nbsp;&nbsp;&nbsp;<B>Wünschen Sie ein Muster?</B>
<br>
<br>
<input type="submit" name="Button" value="Abschicken"></div>
</div>

</form>

</BODY>
</HTML>