Kontakformular soll an Email geschickt werden

crazydaddy · 10. Januar 2017 um 20:44

Hallo Liebe Community,

ich habe schon viel gelesen und auch schon viel versucht aber leider bekomme ich es nicht hin. ich habe ein Kontaktformular welches nach dem Ausfüllen bzw. nach dem Absenden komplett an meine Email veschickt werden soll. Leider bekomme ich dies nicht hin da dann entweder Outlook geöffnet wird oder es passiert garnichts. Ich hätte es aber gerne das es direkt an meine email geht. Vielleicht kann mir jemand helfen da ich auch es auch schon mit generatoren aus dem Internet versucht habe. Ich habe derzeit den Server bei Strato falls das etwas hilft.

[HTML]

<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style2.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">

    <section id="aquaria_module_1" class="aquaria_title aquaria_module col-sm-12" style="margin-bottom: 20px;">
        <h2 style="font-size: 30px;">Senden Sie uns eine E-Mail</h2>
    </section>

    

    <section id="aquaria_module_3" class="input-group aquaria_module col-sm-6" style="margin-bottom: 20px;">
        <span class="input-group-addon" style="border-radius: 4px;"><i class="fa fa-user" style="font-size: 14px !important;"></i></span>
        <input type="text" name="Name" data-validation="empty-value" data-err-msg="Bitte geben Sie eien Namen ein" class="form-control" placeholder="Ihr Name" style="font-size: 14px; height: 40px; border-radius: 4px;">
    </section>

    

    <section id="aquaria_module_19" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-user"></i></span><input type="text" name="Random_19" data-validation="" data-err-msg="" class="form-control" placeholder="Ihr Vorname "></section><section id="aquaria_module_20" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-info-circle"></i></span><input type="text" name="Random_20" data-validation="empty-value" data-err-msg="" class="form-control" placeholder="Stadt"></section><section id="aquaria_module_21" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-info-circle"></i></span><input type="text" name="Random_21" data-validation="" data-err-msg="" class="form-control" placeholder="PLZ"></section><section id="aquaria_module_22" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-phone"></i></span><input type="text" name="Random_22" data-validation="" data-err-msg="" class="form-control" placeholder="Telefonnummer"></section><section id="aquaria_module_23" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-phone"></i></span><input type="text" name="Random_23" data-validation="empty-value" data-err-msg="" class="form-control" placeholder="Handynummer"></section><section id="aquaria_module_2" class="input-group aquaria_module col-sm-6" style="margin-bottom: 20px;">
        <span class="input-group-addon" style="border-radius: 4px;"><i class="fa fa-envelope-o" style="font-size: 14px !important;"></i></span>
        <input type="email" name="Email" data-validation="email" data-err-msg="Falsche E-Mail-Adresse" class="form-control" placeholder="Ihre E-Mail" autofocus style="font-size: 14px; height: 40px; border-radius: 4px;">
    </section><section id="aquaria_module_5" class="input-group aquaria_module col-sm-4" style="margin-bottom: 20px;">
        <span class="input-group-addon" style="border-radius: 4px;"><i class="fa fa-child" style="font-size: 14px !important;"></i></span>
        <select name="Anlass" data-validation="empty-value" data-err-msg="Billte wählen Sie einer dieser Optionen" class="form-control" style="font-size: 14px; height: 40px; border-radius: 4px;">
            <option selected="" disabled="" value="null">Bitte wählen...</option>
            <option value="Silvester">Silvester</option>
            <option value="Hochzeit">Hochzeit</option>
            <option value="Weihnachten">Weihnachten</option>
        <option value="Familienfeier">Familienfeier</option><option value="Betriebsfeier">Betriebsfeier</option><option value="Events">Events</option></select>
    </section>

    

    

    <section id="aquaria_module_8" class="input-group aquaria_module col-sm-12" style="margin-bottom: 20px;">
        <p class="separ" style="font-size: 14px;"></p>
    </section>


    

    <section id="aquaria_module_17" class="input-group aquaria_module col-sm-10" style="text-align: center;"><p>Bitte wählen Sie ein Datum an dem die von Ihnen gewählte Veranstaltung stattfinden soll </p></section><section id="aquaria_module_10" class="input-group aquaria_module date col-sm-6" style="margin-bottom: 20px;">
        <span class="input-group-addon" style="border-radius: 4px;"><i class="fa fa-calendar" style="font-size: 14px !important;"></i></span>
        <input type="text" name="From" data-format="LL" data-locale="de-at" data-validation="" data-err-msg="" class="form-control" placeholder="Datum" autocomplete="off" style="font-size: 14px; height: 40px; border-radius: 4px;">
    </section>

      

    

    


    <section id="aquaria_module_14" class="input-group aquaria_module col-sm-12" style="margin-bottom: 20px;">
        <textarea name="Message" data-validation="" data-err-msg="" class="form-control" placeholder="Schreiben Sie uns eine Nachricht" style="font-size: 14px; border-radius: 4px;"></textarea>
    </section>



    <section id="aquaria_form_submit" class="input-group aquaria_module col-sm-3" style="margin-bottom: 20px;">
        <button class="btn btn-lg btn-primary btn-block" data-loading-text="Sending ..." autocomplete="off" type="submit" style="font-size: 18px; border-radius: 4px;">Nachricht versenden</button>
    </section><section id="aquaria_captcha" class="input-group aquaria_module col-sm-6" style="margin-bottom: 20px;">
        <span class="aquaria_captcha_addon"><img id="aquaria_captcha_pic" src="captcha/captcha.php"></span>
        <i class="fa fa-refresh" onclick="$("#aquaria_captcha_pic").attr("src", "captcha/captcha.php?"+(new Date()).getTime());$("#aquaria_captcha-form").focus();"></i>
        <input id="aquaria_captcha-form" type="text" data-validation="empty-value" data-err-msg="Please enter captcha code" class="form-control" placeholder="Captcha code" name="aquaria_captcha-form" autocomplete="off" style="font-size: 14px; height: 40px; border-radius: 4px;">
    </section>

    

    
  </form><!--End contact Form-->

×

OK

[/HTML]

crazydaddy · 10. Januar 2017 um 20:44

Hier dann die PHP dazu

[PHP][PHP]<?php

session_start();
$P = ‚a:14:{s:5:„debug";s:1:„0“;s:11:„captchaStat“;s:1:„1“;s:11:„rec_email_t“;s:15:„Kontaktformular“;s:9:„rec_email“;s:19:"kontakt@dj-rayan.de“;s:11:„rec_email_s“;s:15:„Kontaktformular“;s:16:„from_email_input“;s:5:„Email“;s:13:„err_captcha_t“;s:18:„Error Captcha Code“;s:15:„empty_captcha_t“;s:24:„Sicherheitscode eingeben“;s:12:„sent_email_t“;s:35:„E-Mail wurde erfolgreich verschickt“;s:15:„sent_email_body“;s:37:„Danke! Ihre Nachricht wurde empfangen“;s:14:„err_somthing_t“;s:33:„Error E-Mail wurde nicht gesendet“;s:9:„cc_emails“;s:0:„“;s:10:„bcc_emails“;s:0:„“;s:10:„files_prop“;a:4:{s:9:„file_size“;s:1:„1“;s:8:„file_ext“;s:3:„all“;s:13:„file_size_err“;s:14:„Datei zu groß“;s:12:„file_ext_err“;s:27:„Ungültige Dateierweiterung“;}}‘;//Params
$P = unserialize($P);

function returnF($err, $errMsg, $title = ‚‘, $body = ‚‘){//function returns messages
global $P;
if($P[‚debug‘] == 1 && $err == 0){
echo ‚0‘. ‚$%&‘ .$body. ‚$%&‘ .‚This is how your received email look like‘;
exit;
}
echo $err. ‚$%&‘ .$errMsg. ‚$%&‘ .$title;
unset($_SESSION[‚captcha‘]);
exit;
}

/** Validate captcha **/
if ($P[‚captchaStat‘] != 0){
$captcha = htmlspecialchars($_POST[‚aquaria_captcha-form‘], ENT_QUOTES,„UTF-8“);
if (!empty($captcha)) {
if (empty($_SESSION[‚captcha‘]) || trim(strtolower($captcha)) != $_SESSION[‚captcha‘]) {
returnF(1, $P[‚err_captcha_t‘]);
}
}
else returnF(1, $P[‚empty_captcha_t‘]);//captcha is empty
}

//load submited data
$list_data = ‚‘;
$posted_data = $_POST;
unset($posted_data[‚aquaria_captcha-form‘]);
foreach ($posted_data as $key => $value) {//building list
$value = htmlspecialchars($value, ENT_QUOTES,„UTF-8“);
if($key == $P[‚from_email_input‘]) $from_email = $value; //From email address
if($value ==! ‚‘) $list_data .= „

$key : $value

“;
}
$body = ‚

‘.$P[‚rec_email_t‘].‚

‘.$list_data.‚

‘;//base html to display message

// boundary
$semi_rand = md5(time());
$mime_boundary = „==Multipart_Boundary_x{$semi_rand}x“;
$attach = „“;

if(!empty($_FILES)){
foreach ($_FILES as $name => $arr) {

 if($arr['name'] != '') {
  $tmpName = $arr['tmp_name'];
  $fileName = $arr['name'];
  $fileSize = $arr['size'];
  $ext = end((explode(".", $fileName)));

  if($fileSize <= $P['files_prop']['file_size'] * 1048576){
    $propExt = explode(",", $P['files_prop']['file_ext']);
    if($P['files_prop']['file_ext'] == "all") $ext = "all";
    if(in_array($ext,$propExt)){
      $file = fopen($tmpName,'rb');
      $data = fread($file,filesize($tmpName));
      fclose($file);

      $data = chunk_split(base64_encode($data));
      $attach .= "--{$mime_boundary}\n";
      $attach .= "Content-Type: {\"application/octet-stream\"};\n" . " name=\"$fileName\"\n" .
      "Content-Disposition: attachment;\n" . " filename=\"$fileName\"\n" .
      "Content-Transfer-Encoding: base64\n\n" . $data . "\n\n";
      //echo '0'.$data;
    }
    else returnF(1, $P['files_prop']['file_ext_err']);
  }
  else returnF(1, $P['files_prop']['file_size_err']);
 }

}//submitted files
}//if $_FILES is not empty

$headers = „“;

if(isset($from_email)){//if from email input has been set
$headers .= „From: $from_email“ . „\n“;
$headers .= „Reply-To: $from_email“ . „\n“;
}

$headers .= „Cc: „.$P[‚cc_emails‘].““ . „\n“;
$headers .= „Bcc: „.$P[‚bcc_emails‘].““ . „\n“;
$headers .= „MIME-Version: 1.0\n“ . „Content-Type: multipart/mixed;\n“ . " boundary="{$mime_boundary}"";
$message = „–{$mime_boundary}\n“ . „Content-Type: text/html; charset=utf-8\n“ . „Content-Transfer-Encoding: 7bit\n\n“ . $body . „\n\n“;
$message .= $attach;//file attach

//mail send function
if(mail($P[‚rec_email‘],$P[‚rec_email_s‘],$message,$headers)){
returnF(0, $P[‚sent_email_body‘], $P[‚sent_email_t‘], $body);
}
else returnF(1, $P[‚err_somthing_t‘]);

?>[/PHP][/PHP]

threadi · 10. Januar 2017 um 21:29

Dein Formular wird scheinbar gar nicht irgendwohin abgeschickt da es mit onsubmit="return false" unterbunden wird. Und selbst wenn das weg wäre, sehe ich nicht das ein Ziel angegeben ist.

Schau dir am Besten mal eine Anleitung dafür an:
https://wiki.selfhtml.org/wiki/PHP/Anwendung_und_Praxis/Formmailer-Advanced

crazydaddy · 11. Januar 2017 um 07:49

Ich werde es mir mal anschauen und versuchen es einzubinden oder abzuändern so das alles soi bleibt wie es ist nur dass es dann per mail geschickt wird. Ich hoffe das klappt alles so wie ich mir das vorstelle aber auch erst mal danke für die schnelle Antwort.

crazydaddy · 16. Januar 2017 um 17:38

Ich habe es geschafft und es läuft auch.
ich habe jetzt nur ein kleines problem mit der Positionierung.
Das kontaktformular ist nun ganz oben bei bei mir und das soll es nicht. wie bekomme ich das denn weiter runter ? wenn ich das in der CSS mache dann rutscht die Komplette seite Runter und das Formular liegt über der Grafik oben auf der Seite.

[HTML]

<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style2.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">

    <section id="aquaria_module_1" class="aquaria_title aquaria_module col-sm-12" style="margin-bottom: 20px;">
        <h2 style="font-size: 30px;">Senden Sie uns eine E-Mail</h2>
    </section>

    

    <section id="aquaria_module_3" class="input-group aquaria_module col-sm-6" style="margin-bottom: 20px;">
        <span class="input-group-addon" style="border-radius: 4px;"><i class="fa fa-user" style="font-size: 14px !important;"></i></span>
        <input type="text" name="Name" data-validation="empty-value" data-err-msg="Bitte geben Sie eien Namen ein" class="form-control" placeholder="Ihr Name" style="font-size: 14px; height: 40px; border-radius: 4px;">
    </section>

    

    <section id="aquaria_module_19" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-user"></i></span><input type="text" name="Random_19" data-validation="" data-err-msg="" class="form-control" placeholder="Ihr Vorname "></section><section id="aquaria_module_20" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-info-circle"></i></span><input type="text" name="Random_20" data-validation="empty-value" data-err-msg="" class="form-control" placeholder="Stadt"></section><section id="aquaria_module_21" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-info-circle"></i></span><input type="text" name="Random_21" data-validation="" data-err-msg="" class="form-control" placeholder="PLZ"></section><section id="aquaria_module_22" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-phone"></i></span><input type="text" name="Random_22" data-validation="" data-err-msg="" class="form-control" placeholder="Telefonnummer"></section><section id="aquaria_module_23" class="input-group aquaria_module col-sm-6"><span class="input-group-addon"><i class="fa fa-phone"></i></span><input type="text" name="Random_23" data-validation="empty-value" data-err-msg="" class="form-control" placeholder="Handynummer"></section><section id="aquaria_module_2" class="input-group aquaria_module col-sm-6" style="margin-bottom: 20px;">
        <span class="input-group-addon" style="border-radius: 4px;"><i class="fa fa-envelope-o" style="font-size: 14px !important;"></i></span>
        <input type="email" name="Email" data-validation="email" data-err-msg="Falsche E-Mail-Adresse" class="form-control" placeholder="Ihre E-Mail" autofocus style="font-size: 14px; height: 40px; border-radius: 4px;">
    </section><section id="aquaria_module_5" class="input-group aquaria_module col-sm-4" style="margin-bottom: 20px;">
        <span class="input-group-addon" style="border-radius: 4px;"><i class="fa fa-child" style="font-size: 14px !important;"></i></span>
        <select name="Anlass" data-validation="empty-value" data-err-msg="Billte wählen Sie einer dieser Optionen" class="form-control" style="font-size: 14px; height: 40px; border-radius: 4px;">
            <option selected="" disabled="" value="null">Bitte wählen...</option>
            <option value="Silvester">Silvester</option>
            <option value="Hochzeit">Hochzeit</option>
            <option value="Weihnachten">Weihnachten</option>
        <option value="Familienfeier">Familienfeier</option><option value="Betriebsfeier">Betriebsfeier</option><option value="Events">Events</option></select>
    </section>

    

    

    <section id="aquaria_module_8" class="input-group aquaria_module col-sm-12" style="margin-bottom: 20px;">
        <p class="separ" style="font-size: 14px;"></p>
    </section>


    

    <section id="aquaria_module_17" class="input-group aquaria_module col-sm-10" style="text-align: center;"><p>Bitte wählen Sie ein Datum an dem die von Ihnen gewählte Veranstaltung stattfinden soll </p></section><section id="aquaria_module_10" class="input-group aquaria_module date col-sm-6" style="margin-bottom: 20px;">
        <span class="input-group-addon" style="border-radius: 4px;"><i class="fa fa-calendar" style="font-size: 14px !important;"></i></span>
        <input type="text" name="From" data-format="LL" data-locale="de-at" data-validation="" data-err-msg="" class="form-control" placeholder="Datum" autocomplete="off" style="font-size: 14px; height: 40px; border-radius: 4px;">
    </section>

      

    

    


    <section id="aquaria_module_14" class="input-group aquaria_module col-sm-12" style="margin-bottom: 20px;">
        <textarea name="Message" data-validation="" data-err-msg="" class="form-control" placeholder="Schreiben Sie uns eine Nachricht" style="font-size: 14px; border-radius: 4px;"></textarea>
    </section>



    <section id="aquaria_form_submit" class="input-group aquaria_module col-sm-3" style="margin-bottom: 20px;">
        <button class="btn btn-lg btn-primary btn-block" data-loading-text="Sending ..." autocomplete="off" type="submit" style="font-size: 18px; border-radius: 4px;">Nachricht versenden</button>
    </section><section id="aquaria_captcha" class="input-group aquaria_module col-sm-6" style="margin-bottom: 20px;">
        <span class="aquaria_captcha_addon"><img id="aquaria_captcha_pic" src="captcha/captcha.php"></span>
        <i class="fa fa-refresh" onclick="$("#aquaria_captcha_pic").attr("src", "captcha/captcha.php?"+(new Date()).getTime());$("#aquaria_captcha-form").focus();"></i>
        <input id="aquaria_captcha-form" type="text" data-validation="empty-value" data-err-msg="Please enter captcha code" class="form-control" placeholder="Captcha code" name="aquaria_captcha-form" autocomplete="off" style="font-size: 14px; height: 40px; border-radius: 4px;">
    </section>

    

    
  </form><!--End contact Form-->

×

OK

[/HTML]

mit diesem code sieht alles super aus aber sobald ich folgendes wegnehme:

[HTML][/HTML]

dann funktioniert das mit dem email versand aber die Position ist voll für den eimer und ich bekomme es nicht unter das bild etc.

SpiceLab · 16. Januar 2017 um 20:06

crazydaddy:

[HTML]

<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style2.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">[/html]

Die Zeilen #7 - #10 haben an dieser Stelle des HTML-Codes nichts verloren.

und gehören grundsätzlich in den Dokumentkopf .

Ausnahme für : sie besitzen das itemprop-Attribut.

nested forms gehen garnicht!

Alle CSS-Dateien/-Regeln, die im HTML-Code nach Deiner individuellen CSS-Datei style2.css folgen, überschreiben in der CSS-typischen Kaskade ihre enthaltenen Regeln.

Es soll sicher anders herum laufen

Aber Achtung: Um das Bootstrap-CSS stellenweise erfolgreich zu überschreiben, bedarf es i.d.R. mind. der gleichen Spezifität (Definition) des jeweiligen Bootstrap-CSS-Selektors!

Pro Tipp: Falls es irgendwo klemmen sollte, mit dem DevTool Deines Browsers das Element untersuchen, um sie in Erfahrung zu bringen, und in Dein CSS migrieren zu können.

drumer · 7. Februar 2017 um 17:36

Die 0815 Version um E-mails mit php zu senden wäre:
[PHP]<?php mail($an, $betreff, $nachricht); ?>[/PHP]

SpiceLab · 7. Februar 2017 um 19:00

Die hier schon mehr als genug 0815-mail()-Problemfälle hervorgebracht hat, und von den Profis gefühlt zu 99,9% auf den Wechsel zu einer der etablierten PHP-Mailklassen verwiesen wurde o_O

Der Kommentar ist aber auch aus dem einfachen Grund obsolet, und mutet eher als Spam an, weil der Versand schon seit drei Wochen erfolgreich am laufen ist:

drumer · 8. Februar 2017 um 14:29

Oh hab ich übersehen.
:oops: