Kontaktformular

staubsauger1980 schrieb am 23.07.2010 um 12:17 Uhr
Hallo liebe Gemeinde, hoffe auf Hilfe

Habe mit web designer 6 eine Homepage erstellt, funktioniert auch alles tadellos, aber das Kontaktformular von jotform läßt mich verzweifeln

Problem Nr. 1: die abgeschickten Mails landen im Nirgendwo...

Problem Nr 2: nach dem Klick auf absenden kommt ein schönes "Dankeschön-Feld" von jotform, aber leider surft man danach nicht automatisch zurück auf meine Website.

Hat irgendjemand ne Idee?

Hier der Code:

<script src="http://www.jotform.com/min/g=jotform&3.1" type="text/javascript"></script>
<script type="text/javascript">

JotForm.init(function(){
JotForm.initCaptcha('input_7');
$('input_7').hint('Geben Sie den obenstehenden Text hier ein');
});
</script>
<link type="text/css" rel="stylesheet" href="http://www.jotform.com/css/styles/form.css?v3"/>
<link href="http://www.jotform.com/css/calendarview.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.form-label{
width:150px !important;
}
.form-label-left{
width:150px !important;
}
.form-line{
padding:10px;
}
.form-label-right{
width:150px !important;
}
.form-all{
width:650px;
color:Black !important;
font-family:Verdana;
font-size:12px;
}
</style>

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="HandheldFriendly" content="true" /><form class="jotform-form" action="http://www.jotform.com/submit.php" method="post" name="form_2034204668" id="2034204668" accept-charset="utf-8">
<input type="hidden" name="formID" value="2034204668" />
<div class="form-all">
<ul class="form-section">
<li class="form-line" id="id_1">
<label class="form-label-left" id="label_1" for="input_1"> Name </label>
<div id="id_1" class="form-input">
<input type="text" class="form-textbox" id="input_1" name="q1_name" size="20" />
</div>
</li>
<li class="form-line" id="id_3">
<label class="form-label-left" id="label_3" for="input_3"> Vorname </label>
<div id="id_3" class="form-input">
<input type="text" class="form-textbox" id="input_3" name="q3_vorname" size="20" />
</div>
</li>
<li class="form-line" id="id_4">
<label class="form-label-left" id="label_4" for="input_4"> Betreff </label>
<div id="id_4" class="form-input">
<input type="text" class="form-textbox" id="input_4" name="q4_betreff" size="20" />
</div>
</li>
<li class="form-line" id="id_5">
<label class="form-label-left" id="label_5" for="input_5"> Ihre eMail </label>
<div id="id_5" class="form-input">
<input type="text" class="form-textbox" id="input_5" name="q5_ihreEmail" size="20" />
</div>
</li>
<li class="form-line" id="id_6">
<label class="form-label-left" id="label_6" for="input_6"> Ihre Nachricht </label>
<div id="id_6" class="form-input">
<textarea id="input_6" class="form-textarea" name="q6_ihreNachricht" cols="40" rows="6"></textarea>
</div>
</li>
<li class="form-line" id="id_7">
<label class="form-label-left" id="label_7" for="input_7">
Code eingeben<span class="form-required">*</span>
</label>
<div id="id_7" class="form-input">
<div class="form-captcha">
<label for="input_7"> <img alt="Captcha - Reload if it's not displayed" id="input_7_captcha" class="form-captcha-image" style="background:url(http://www.jotform.com/images/loader-big.gif) no-repeat center;" src="http://www.jotform.com/images/blank.gif" width="150" height="41" /> </label>
<div style="white-space:nowrap;">
<input type="text" id="input_7" name="captcha" style="width:130px;" />
<img src="http://www.jotform.com/images/reload.png" alt="Reload" align="absmiddle" style="cursor:pointer" onclick="JotForm.reloadCaptcha('input_7');" />
<input type="hidden" name="captcha_id" id="input_7_captcha_id" value="0">
</div>
</div>
</div>
</li>
<li class="form-line" id="id_2">
<div id="id_2" class="form-input-wide">
<div style="margin-left:156px" class="form-buttons-wrapper">
<button id="input_2" type="submit" class="form-submit-button">
Formular absenden
</button>
</div>
</div>
</li>
<li style="display:none">
Should be Empty:
<input type="text" name="website" value="hier hab ich meine email eingegeben" />
</li>
</ul>
</div>
<input type="hidden" id="simple_spc" name="simple_spc" value="2034204668" />
<script type="text/javascript">
document.getElementById("si" + "mple" + "_spc").value = "2034204668-2034204668";
</script>
</form>


Bin für jede Hilfe dankbar

MfG Staubsauger1980

Kommentare

fuerteventura-2007 schrieb am 03.08.2010 um 12:33 Uhr
Ich habe das Kontaktformular von jotform in einen iFrame eingebunden, und das funktioniert tadellos. Zudem habe ich nicht den ganzen Code des Formulars in meiner Website, was ich auch als positiv empfinde.
In jotform muss man darauf achten, dass im Formular selbst die korrekte Mail-Zieladresse eingestellt ist.