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 </B><input name="Pflanze" size=30 maxlength=40>
<br>
<B>Unternehmen </B><input name="Pflanze" size=30 maxlength=40>
<br>
<B>E-Mail Adresse </B><input name="Pflanze" size=30 maxlength=40>
<br>
<br>
<HR>
<br>
<input name="Pflanze" size=30 maxlength=40> <B>Geben Sie hier den Namen des gewünschten Pflanzenextrakt ein</B>
<p>
<input type="checkbox" name="ba"> <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 <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 <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> 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"> <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> 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"> <B>Wünschen Sie ein Muster?</B>
<br>
<br>
<input type="submit" name="Button" value="Abschicken"></div>
</div>
</form>
</BODY>
</HTML>