Mail Erfolgsmeldung mit Bootstrap erstellen

romanoff · 24. November 2017

Hallo,

ich möchte eine Erfolsmeldung auf meinem Kontaktformular angezeigt bekommen haben,

eine <div id="meldung"></div> dafür habe ich in der html datei bereits erstellt.

In meiner php datei ist folgendes:

echo "Vielen Dank";

} else {

echo "Bitte alle Felder ausfüllen....";

ausgegeben.

Das auf einer neuen Seite dargestellt wird.

Möchte jedoch diese Erfolgsmeldung, die in der Html erstellen <div id="meldung"></div> dargestellt bekommen haben.

Möchte soweit das ohne AJAX realisieren.

Habe jedoch keine Ideen mehr. [Blockierte Grafik: http://bootstrap-forum.de/images/smilies/huh.png]

Vielen Dank

basti1012 · 24. November 2017

sehe ich das richtig die möchtest keinen alert angezeigt bekommen ,sondern deinen erstellten div? ,oder verstehe ich das falsch ..?? soll das php sein oder javascript.?

document.getEementById("meldung").style.display="block"; würde bei Javascipt gehen,bei php kein plan..

oder habe ich dein problem falsch verstanden

JR Cologne · 24. November 2017

Er möchte die Fehler-/Erfolgsmeldung innerhalb des Divs ausgeben.

Lösungsansatz: Statt direkter Ausgabe, Meldung erst in einer Variable speichern und dann innerhalb des Divs mit echo ausgeben.

Stef · 24. November 2017

Beisiel:

PHP

$error = [];
    
    $error[] = "Bitte geben sie ... ein!";
    $error[] = "Bitte geben sie ...1 ein!";
    $error[] = "Bitte geben sie ...2 ein!";
    $error[] = "Bitte geben sie ...3 ein!";
    
    echo "<div>";
        
        foreach($error as $key => $errorMessage){
            echo "<p class='errors'>" . $errorMessage . "</p>";
        }
    echo "</div>";

Alles anzeigen

JR Cologne · 24. November 2017

Das würde ich nochmal bisschen anders lösen, insbesondere was die Integrierung ins HTML angeht. Des Weiteren musst du nicht unbedingt Arrays nutzen, zumindest wenn man nur eine Fehlermeldung ausgeben möchte:

PHP

<?php
$response = processFormData($_POST);
?>

<?php if (!empty($response)): ?>
    <div class="response">
        <p><strong><?php echo $response; ?></strong></p>
    </div>
<?php endif; ?>

romanoff · 24. November 2017

ich stehe auf dem schlauch, verstehe nicht genau wo was ich zu machen habe.

HTML: kontakt.html

<!DOCTYPE html>
<html>
    <head>
        <title>Kontakt</title>
        
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    </head>
    
    <body>
    
     <!--<address>-->
    <div class="container-fluid" id="kontakt">
        <h2 class="text">Kontakt</h2>
        <div class="row">
            <div class="col-md-5">
                <p>Kontaktieren Sie uns, <br>wir melden uns innerhalb von 24 Stunden bei Ihnen.</p>
                <p><i class="fa fa-map"></i> xxxxx Str. 6
                    <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 50739 Köln</p>
                <p><i class="fa fa-phone"></i> +49 (0)221 xxxxx</p>
                <p><i class="fa fa-print"></i> +49 (0)221 xxxxx</p>
                <p><i class="fa fa-mobile-phone fa-lg"></i> +49 (0)162 xxxxx</p>
                <p><i class="fa fa-envelope"></i> info[at]xx-xx.de</p>
                <p><i class="fa fa-internet-explorer"></i> www.xx-xx.de</p>
            </div>
            <!--   -->
            <div class="col-md-7 slideanim">
            <div id="meldung"></div>                      <!-- Hier möchte ich eine Meldung erhalten -->
                <form method="post" action="senden.php">
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <input class="form-control" id="vorname" name="vorname" placeholder="Vorname" type="text" required>
                        </div>
                        <div class="col-md-6 form-group">
                            <input class="form-control" id="nachname" name="nachname" placeholder="Nachame" type="text" required>
                        </div>
                        <div class="col-md-6 form-group">
                            <input class="form-control" id="betreff" name="betreff" placeholder="Betreff" type="text" required>
                        </div>
                        <div class="col-md-6 form-group">
                            <input class="form-control" id="email" name="email" placeholder="Email" type="email" required>
                        </div>
                    </div>
                    <textarea class="form-control" id="nachricht" name="nachricht" placeholder="Ihre Nachricht" rows="5"></textarea><br>
                    <div class="row">
                        <div class="col-md-12 form-group">
                            <button class="btn btn-default pull-right" type="submit">Senden</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="g-recaptcha" data-sitekey="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx-xxxxx"></div>
    </div>
    <!--</address>-->
    
    
        
    </body>
</html>

Alles anzeigen

PHP: senden.php

<!DOCTYPE html>
<html>
    <head>
        <title>Kontakt</title>
    </head>
    
    <body>
    
        <?php
        
        if($_POST['vorname']!="" and $_POST['email']!="" and $_POST['betreff']!="" and $_POST['nachricht']!="") {
            $empf = "romanoff.test@gmail.com";
            $betreff = $_POST['betreff'];
            $from = "From: ";
            $from .= $_POST['vorname'];
            $from .= " <";
            $from .= $_POST['email'];
            $from .= "\n";
            $from .= "Reply-To: ";
            $from .= $_POST['email'];
            $from .= ">\n";
            $from .= "Content-Type: text/html\n";
            $text = $_POST['nachricht'];
            
            mail ($empf, $betreff, $text, $from);
            echo "Vielen Dank";
            } else {
            echo "Bitte alle Felder ausfüllen....";
            }
        ?>
        
    </body>
</html>

Alles anzeigen

Stef · 24. November 2017

JR Cologne :

Klar geht es auch anders. Es gibt viele Möglichkeiten. Deine ist mit der Integrierung des HTML‘s schon besser. Habe es nochnie so gemacht.

romanoff :

Mir kommt es so vor als fehlt dir jegliches Grundlagenwissen und wie du es dir alles vorgestellt hast. Ich würde dir raten zuerst mal die Grundlagen zu lernen. Z.B bei http://www.php-Kurs.de.

Desweiteren würde ich dir empfehlen für den Mailversand schon vorhandene Mailerklassen, wie z.b. PHP Mailer oder Swift Mailer, zu nutzen. Diese haben sehr viele Vorteile.

JR Cologne · 24. November 2017

Zitat von Stef

Klar geht es auch anders. Es gibt viele Möglichkeiten. Deine ist mit der Integrierung des HTML‘s schon besser. Habe es nochnie so gemacht.

Und das ist ja das Schöne. Es gibt viele Wege nach Rom und jeder kann sich für einen entscheiden, der ihm am besten gefällt.

Absolut richtig. Hier fehlen offenbar noch die PHP-Grundlagen. Da macht es noch nicht so viel Sinn, sich über Kleinigkeiten zu unterhalten.

Stef · 25. November 2017

Zitat von JR Cologne

Und das ist ja das Schöne. Es gibt viele Wege nach Rom und jeder kann sich für einen entscheiden, der ihm am besten gefällt.

Genau

Mail Erfolgsmeldung mit Bootstrap erstellen

Jetzt mitmachen!

Teilen