Kontaktformular mit Erfolgsmeldung? programmieren?

Hallöchen,

ich habe gerade in einem Kontaktformular einen Hone Pot eingebaut. Nun funktioniert es auch einwandfrei, allerdings finde ich die Erfolgsmeldung sehr umhübsch und mit der UTF-8 kodierten php Datei, fährt sich alles fest. Kann mir jemand sagen woran das liegen könnte?

Danke schon mal.

Lg Paddy

<!DOCTYPE html>

<?php
  if($_POST){
    $to = 'info@elbblickwerbung.de';
    $subject = 'Über Elbblick kam eine Mail';
    $from_name = $_POST['name'];
    $from_email = $_POST['email'];
    $from_phone = $_POST['phone'];
    $message = $_POST['message'];
    $robotest = $_POST['robotest'];
    if($robotest)
      $error = "Sorry, wir vermuten das es sich um Spam handelt.";
    else{
      if($from_name && $from_email && $message){
        $header = "From: $from_name <$from_email>";
        if(mail($to, $subject, $fromphone, $message, $header))
          $success = "VIELEN DANK F&Uuml;R IHRE NACHRICHT. WIR MELDEN UNS UMGEHEND BEI IHNEN.";
        else
          $error = "Ups, es gab ein Problem. Bitte versuchen Sie es erneut.";
      }else
        $error = "Bitte alle Felder ausfüllen.";
    }
    if($error)
      echo '<div class="msg error">'.$error.'</div>';
    elseif($success)
      echo '<div class="msg success">'.$success.'</div>';
  }
?>

</html>
Computer, programmieren, CSS, JavaScript, JQuery, PHP, kontaktformular, Bootstrap
4 Antworten
Honey Pot? Kontaktformular programmieren?

Hallo,

ich sitze gerade an einem Kontaktformular, welches ich mit dem Money Pot Prinzip ausstatten möchte um Spam zu vermeiden.

Schön wäre wenn es reibungslos funktioniert und das Honeypot Feld nicht sichtbar ist.

Eine andere Frage wäre noch: Wo und wie erzeuge ich die Eingabe, dass in Emails Ä-Ü-Ö auch gesendet wird oder umgewandelt wird?

Ich glaube, ich habe bei der Ganzen Sache einen Denkfehler und es funktioniert nicht. Kann mir jemand helfen beziehungsweise sagen woran es liegt oder liegen könnte?

//für die CSS Datei,

.wwwebsite {
    z-index:999;
    position:absolute;
    height:0;
    width:0;
    border:none;
    background:none;
    margin:0;
    display:none;
    top:0;
    left:0;
    clear:both;
    font-size:0px;
    line-height:0px;
}

und als php:

<?php

   $vorname = $_POST ['vorname'];    $nachname = $_POST ['nachname'];    $telefon = $_POST ['telefon'];    $email = $_POST ['email'];    $betreff1 = $_POST ['betreff1'];    $nachricht = $_POST ['nachricht'];

$empfaenger = "info@elbblickwerbung.de"; $absendername = "Kontaktformular"; $absendermail = $email; $betreff = "Neue Nachricht von ..."; $text = "Es ist eine neue Nachricht über das Kontaktformular eingetroffen. Folgende Daten wurden übermittelt:

Name, Vorname: ".$nachname.", ".$vorname." Telefonnummer: ".$telefon." Email: ".$email." Betreff: ".$betreff1." Nachricht: ".$nachricht;

mail($empfaenger, $betreff, $text, "From: $absendername <$absendermail>"); echo('Vielen Dank! Wir bearbeiten Ihre Anfrage schnellstmöglich und kontaktieren Sie dann.');

?>

Ich freue mich über jede Hilfe!

Computer, programmieren, CSS, JavaScript, JQuery, PHP, kontaktformular, Bootstrap
3 Antworten
Warum ändert sich nicht dynamisch die Position vom ganz normalen Bootstrap Affix Menü (mit jQuery)?

Das ganz normale Bootstrap "Affix Top"-Menü von W3Schools funktioniert ja eigentlich einwandfrei mit dem jQuery-Script:

$(document).ready(function(){
  $(".navbar").affix({offset: {top: $("header").outerHeight(true)} });
});

Doch verkleinert man die Seite etc., vergrößert sich ja auch die Höhe des Headers und somit wird dieses "sticky top" nicht mehr korrekt ausgeführt, da ja die Höhe des Headers nur beim Neuladen berechnet wird.

So muss man bei jedem Verkleinern der Seite die Seite neu laden, damit alles einwandfrei funktioniert. Also hab ich den Code so angepasst, damit bei jedem Verändern der Webseite diese "Affix" neu berechnet wird:

$(document).ready(function(){
  $(".navbar").affix({offset: {top: $("header").outerHeight(true)} });
  $(window).resize(function(){
     $(".navbar").affix({offset: {top: $("header").outerHeight(true)} });
  });
});

Mit console.log hab ich auch alles kontrolliert und er berechnet immer neu. Doch es verändert sich am Ende gar nichts und man muss immer die Seite beim Verkleinern neu laden damit alles funktioniert.

Hat da jemand einen Plan, warum das nicht geht?

PS.: Der Style:

.affix {
  top: 0;
  width: 100%;
  z-index: 9999 !important;
}

.affix + .container-fluid {
  padding-top: 58px !important;
}

Danke für Antworten :)

Computer, Website, Technik, HTML, programmieren, CSS, JavaScript, JQuery, Technologie, Bootstrap
5 Antworten

Meistgelesene Fragen zum Thema Bootstrap

Bootstrap - Farben ändern

2 Antworten

Bootstrap 2 Buttons nebeneinander?

2 Antworten

Wie kann man in Bootstrap 4 den Text in einer col nach rechts ausrichten?

2 Antworten

Boostrap manuell die Container-width bearbeiten

3 Antworten

[Bootstrap] Impressum als Modal?

2 Antworten

Kontaktformular programmieren? Honey Pot einbinden?

3 Antworten

Hilfe Bootstrap - Tabellen nebeneinander responsive?

2 Antworten

Boostrap: Bild über ganze Breite des Browserfensters strecken?

3 Antworten

Bootstrap Footer ganz unten?

1 Antwort

Bootstrap - Neue und gute Antworten