Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 12

Thema: Email senden Funktion

  1. #1
    HTML Newbie
    Registriert seit
    27.01.2014
    Ort
    A, A
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Email senden Funktion

    Hi Leute,

    ich bin Anfänger in der Gestaltung von Webseiten!
    Ich möchte eine Email über ein Kontaktformular (Name, Email, Telefon, Nachricht) an mich selber senden!
    In meiner HTML-Datei sieht das so aus:

    <form id="contact-form">
    <fieldset>
    <label><input type="text" value="Name" onFocus="if(this.value=='Name'){this.value=''}" onBlur="if(this.value==''){this.value='Name'}"> </label>
    <label><input type="text" value="Email" onFocus="if(this.value=='Email'){this.value=''}" onBlur="if(this.value==''){this.value='Email'}"> </label>
    <label><input type="text" value="Telefon" onFocus="if(this.value=='Phone'){this.value=''}" onBlur="if(this.value==''){this.value='Phone'}"> </label>
    <textarea onFocus="if(this.value=='Nachricht'){this.value='' }" onBlur="if(this.value==''){this.value='Message'}"> Nachricht</textarea>
    <a href="#" class="button1" onClick="document.getElementById('contact-form').reset()">löschen</a>
    <a href="#" class="button1" onClick="document.getElementById('contact-form').submit()">senden</a>
    </fieldset>
    </form>


    Wie kann ich jetzt die Methode submit() definieren?
    Vielen Dank schon mal!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Samurai Avatar von Bleistift
    Registriert seit
    20.03.2012
    Alter
    21
    Beiträge
    235
    Danke
    0
    Bekam 4 mal "Danke" in 4 Postings

    Standard AW: Email senden Funktion

    Hättest du dich informiert, was dein Quelltext macht, dann wüsstest du wie das zu implementieren hast.
    Entweder fügst du dem HTML Element direkt das onsubmit="javascript_function();" Attribut hinzu (sowie beim Focus Event),
    oder du schreibst dafür direkt JavaScript, und zwar so:
    document.getElementById("#contactForm").onSubmit = function() {
    // some js-code here
    }

    Allerdings kannst du sowas auch mit der jQuery Bibliothek deutlich einfacher und besser machen.
    Die Eventattribute sind nämlich seit HTML 5 veraltet und sollten eigentlich nicht mehr benutzt werde, oder?



    lg


  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    27.01.2014
    Ort
    A, A
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Email senden Funktion

    Danke schon mal!
    Hab jetzt was anderes gefunden: http://leolabs.org/blog/snippets/ajax-formular/

    Aber sobald ich den Button zum senden betätige, kommt nur das Lade-Bild und nichts passiert!
    Kann mir da jemand helfen?
    Weiß sonst nicht weiter

  4. #4
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: Email senden Funktion

    Hast du denn für dein AJax-Formular auch die PHP-Datei zum annehmen der Ajax-Anfrage erstellt?
    Wie gut kennst du dich denn mit php aus, den ein Kontaktformular, egal ob Ajax oder konventionell muss ja serverseitig verarbeitet werden, das ist nicht so einfach wie man sich das oft vorstellt.

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    27.01.2014
    Ort
    A, A
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Email senden Funktion

    Jap, die PHP Datei habe ich mir erstellt. Hab das auch so wie in dem Tutorial nachgebaut!
    Ein bisschen kenne ich mich noch vom Studium aus, ist aber schon länger her!
    Hab in der index.html das JQuery-Skript und die Felder. und in der PHP-Datei seperat.7
    Hier kannst du dir das auch mal anschauen!

    http://leolabs.org/resources/demos/a...x-formular.zip

    Danke schon mal!

  6. #6
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: Email senden Funktion

    Tut mir Leid aber ich lade grundsätzlich nichts herunter.

    Ich würde auch nicht mit AJax ein Kontaktformular bereichern, das schliesst die Leute aus, die Javascript abgeschaltet haben.
    Ein Kontaktformular sollte so wenig Hürden wie möglich aufweisen. Oder würdest du klingeln wollen um in einen Laden zu kommen?

    Erstelle ein normales Kontakformular auf Basis HTML und CSS.
    Erstelle eine PHP-Datei um die Eingaben entgegenzunehmen und zu prüfen(Spam, Hacker und andere Lustige Leute will man ja nicht haben)

    Nimm zum versenden der E-Mail eine klasse wie https://github.com/PHPMailer/PHPMailer

    Um Felder unbedingt ausfüllen zu lassen gib den Feldern das Attribut required mit -->http://css-tricks.com/almanac/selectors/r/required/
    Um kein Spam zu erhalten google mal nach honeypot. Ein hidden Feld das nur für Bots da ist. Ist das Feld ausgefüllt Formular verwerfen, etc.

  7. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    27.01.2014
    Ort
    A, A
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Email senden Funktion

    Danke für den Tipp!
    Ich hab das jetzt so gemacht:
    In meiner HTML Datei:
    <div id="contact">
    <form action="contact.php" method="post" id="quickcontact">
    <input type="text" name="name" placeholder="NAME" id="name" class="webform">
    <input type="text" name="mail" placeholder="EMAIL" id="phone" class="webform">
    <textarea name="text" placeholder="NACHRICHT" id="message" rows="4" class="webform"></textarea>
    <p><p>
    <input type ="submit" value"Versenden">
    </p></p>
    </form>
    </div>


    und in meiner php-datei:

    <?php
    $fehler = "";
    $name = $_POST['name'];
    $mail = $_POST['mail'];
    $text = $_POST['text'];
    if (empty($name)) {
    $fehler .= "<li>der Absendername fehlt</li>" ;
    }
    if (empty($mail)) {
    $fehler .= "<li>die Mailadresse fehlt</li>" ;
    }
    if (empty($text)) {
    $fehler .= "<li>keine Nachricht eingetragen</li>" ;
    }
    if (empty($fehler)) {
    if (get_magic_quotes_gpc()) {
    $text = stripslashes($text);
    }
    $return = chr(13).chr(10);
    $an = "meineEmailAdresse@gmx.de" ;
    $betreff = "Mein Kontaktformular" ;
    $von = "From: Kontaktformular <null@MeineHTML.de>" ;
    $datum = "Datum: ".date("j.n.Y").$return;
    $zeit = "Zeit: ".date("H:i").$return;
    $abs = "Von: ".$name." <".$mail.">".$return;
    $trennen = "-----------------------------------------------".$return;
    $nachricht = $datum.$zeit.$abs.$trennen.$text;
    mail($an,$betreff,$nachricht,$von);
    }
    ?>
    <html>
    <head>
    <title>Kontakt-Formular</title>
    </head>
    <body>
    <?php
    if (empty($fehler)) {
    $return = chr(13).chr(10);
    $nachricht = strip_tags($nachricht);
    $nachricht = htmlentities($nachricht);
    $nachricht = str_replace($return,"<br>",$nachricht);
    echo "<p>Ihre Nachricht wurde versendet.</p>" ;
    echo "<p>$nachricht</p>" ;
    } else {
    echo "<p>Ihre Nachricht wurde nicht gesendet, weil</p>" ;
    echo "<ul>$fehler</ul>" ;
    }
    ?>
    </body>
    </html>

    Wenn ich jetzt aber den senden Button drücke, kommt im Browser nur die PHP-Datei. Aber wieso? Also der Code wird angezeigt
    Geändert von Marco Schl (28.01.2014 um 09:08 Uhr)

  8. #8
    Bandit
    Gast

    Standard AW: Email senden Funktion

    2 Fragen:
    1. Die Datei hat die Extension .php?
    2. Du hast einen Webserver mit PHP?

  9. #9
    HTML Newbie
    Themenstarter

    Registriert seit
    27.01.2014
    Ort
    A, A
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Email senden Funktion

    Jap, ist .php!
    Webserver hab ich von Strato, weiß aber nicht ob der das kann?
    Wie kann man das herausfinden?

  10. #10
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.151
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: Email senden Funktion

    Erstelle eine php(info)-Datei, lade diese auf den Server und führe sie dann aus dem Browser heraus aus. Werden dir dann viele viele Infos angezeigt, parst der Server PHP. Den Infos kannst du entnehmen welche PHP-Version auf dem Server läuft.

Ähnliche Themen

  1. Antworten: 0
    Letzter Beitrag: 10.09.2013, 16:58
  2. bildschirmausgabe und email senden von einem php??
    Von Unregistriert im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 12
    Letzter Beitrag: 19.08.2009, 14:29
  3. Formular als eMail senden
    Von Hoppel im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 8
    Letzter Beitrag: 07.01.2009, 15:48
  4. An meine email senden!?
    Von Dario im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 20.10.2006, 22:20
  5. Formularfelder-Daten per EMail senden
    Von subi im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 02.08.2004, 16:34

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •