CSS - index.html emailformulier werkt niet

Status
Niet open voor verdere reacties.

femke98

Meubilair
Lid geworden
16 dec 2006
Berichten
6.660
Hoi allen,
Ik heb een website gemaakt als test en deze one page heeft alleen css (het is dus geen theme maar een html / css one-page).
Dit is allemaal zoals ik het hebben wil, maar het e-mail formulier werkt niet.

De code is:

HTML:
<div id="menu-4" class="content contact-section">
                            <div class="row">
                                <div class="col-md-8 col-sm-8">
                                    <div class="box-content">
                                        <h3 class="widget-title"><strong>Neem contact op</strong></h3>
                                        <form class="contact-form">
                                            <fieldset>
                                                <input type="text" class="name" id="name" placeholder="Naam...">
                                            </fieldset> 
                                            <fieldset>
                                                <input type="email" class="email" id="email" placeholder="E-mail...">
                                            </fieldset> 
                                            <fieldset>
                                                <input type="text" class="subject" id="subject" placeholder="Onderwerp...">
                                            </fieldset>
                                            <fieldset>
                                                <textarea name="message" id="message" cols="30" rows="4" placeholder="Bericht.."></textarea>
                                            </fieldset>
                                            <fieldset>
                                                <input type="submit" class="button" id="button" value="Verzend">
                                            </fieldset>
                                        </form>
                                    </div>
                                </div>

Ik heb een forwarders email aangemaakt in de DirectAdmin maar dat werkt dus niet.
Hoe krijg ik dit werkend? (ik mag geloof ik de website link niet meer neerzetten)

Als je meer wilt weten, hoor ik dat graag.
 
Waar is het script die moet mailen?
Nu is het voor zover we kunnen zien een statisch formulier zonder enige interactie.
 
Ja, ik ben er al achter. Er moet natuurlijk wel inkomen waar het heen moet. Ik moet dit erbij zetten:

HTML:
<form method="post" action="mailto:jouwemail@adres.nl">

Toch? Of moet er nog iets gemaakt worden?
 
Je vergeet nog dit attribuut aan je form-tag te hangen.
HTML:
enctype="text/plain"

Maar wil je iedereen via hun eigen mailprogramma laten mailen? Persoonlijk raad ik dit niet aan, niet iedereen wil dat, en niet iedereen heeft een mailprogramma geïnstalleerd / geconfigureerd.

Laat de emails liever via de server lopen, die ze vervolgens verstuurt. Er zijn genoeg PHP contact-formulieren op het internet te vinden.
 
Laatst bewerkt:
Dit attribuut betekend toch dat iets worden verzonden toch zonder codering? Dat wordt niet aangeraden.
k ga eens kijken naar een php contact-formulier script.
 
Hoezo zou dat niet aangeraden worden?
 
Het ligt aan de situatie. In dit geval maakt het zonder een script niet uit.
 
Code:
<form action="mailto:jouwemail@example.nl" .....>

Mijn advies: niet doen!
Waarom? Zelf gebruik ik Outlook 365 van MS Office. Dit is ingesteld als mijn standaard emailprogramma in Windows 10. Het vreemde is dat bij deze html code de Mail app wordt gestart die ik niet gebruik (en dus ook niet is ingesteld). Frustratie alom bij je website bezoekers dus. Kies php en het werkt wel.
 
Persoonlijk raad ik bij het gebruik van mailen via PHP de phpMailer-library aan tegenover de mail()-functie.
 
Oh my, dat is andere koek. Normaal maak ik website in WP en dan heb je een plug-in voor contactformulieren, maar nu heb ik dus een website in html. Geen idee hoe ik dat moet doen.
Is er ergens een Nederlandse handleiding voor het maken van een contactform? Ik heb die nog niet gevonden namelijk.

Overigens, de code die ik eerder gaf staat in de index.html
Moet ik dat dan veranderen of......

Het is jammer dat Helmij tegenwoordig alle linken naar websites verwijderd, dus ik kan jullie niet laten zien hoe of wat. Eh, nou ja, het kan natuurlijk wel......wptest123 ;) en dan contact.
 
Laatst bewerkt:
Uh... Nee?
Op je website gewoon.
 
nou, het zal. Ik word er een beetje verdrietig van... :( omdat ik het niet snap.
 
Tot hoe ver reikt je ervaring met PHP?
Want phpMailer is eigenlijk de 'fabriek' die de mails verstuurt. Je moet zelf wel de door de gebruiker ingevoerde data aan het script doorgeven.

Als je een simpel contactformulier wilt, kan je deze gebruiken:
https://www.phphulp.nl/php/script/data-verwerking/contact-formulier/12/

Maar deze werkt wel met de mail-functie van PHP, dus het kan mogelijk minder betrouwbaarder zijn. Ik zelf vind phpMailer wel erg makkelijk omdat je de boel makkelijk kan omgooien naar andere SMTP-servers waar je je mail aan aflevert, en omdat het eventueel ook met enkele regeltjes erbij kan samenwerken met Gmail. Ook vind ik dit script omdat je fouten in het versturen in de mails ook eenvoudig kan detecteren.

Als je phpMailer op https://github.com/PHPMailer/PHPMailer downloadt (rechtsbovenaan staat een downloadknop) en de examples doorleest zal het mogelijk wel meevallen.

Het ligt er allemaal aan tot hoever je PHP-kennis reikt, maar als je er niet bekend mee bent, zou ik toch aanraden om even wat kennis in PHP op te doen ;).
 
Met PHP heb ik niet veel kennis, wel met html/css.

Kijk, er staat natuurlijk al een contactformulier op de website. Alleen deze werkt niet. Het contactformulier is netjes en simpel.
Het staat in het html bestand, het is een one-page website.
De link die je geeft voor het simpele form had ik zelf ook gevonden, maar het formulier is er dus al.

Als ik het goed begrip zou ik een php script moeten hebben die aansluit op het contactform wat ik al heb.

Hoe werkt het precies, kan je dat uitleggen?
 
In mijn vorige post had ik al een link naar een contact-script op phphulp geplaatst.
Maar misschien moet ik maar eens een 'fork' van dat script maken die wat makkelijker te implementeren is, en phpMailer gebruikt ;-)
 
Laatst bewerkt:
Die heb ik natuurlijk al gezien maar ik vraag me gewoon af (ik zal het te moeilijk voor mijzelf maken) waar dit script gezet moet worden.

Er staat upload *
* het naar je webserver......
maar ik heb DirectAdmin met deze files

logo 4.jpg

wptest123.nl is de website (misschien toch handiger)

ps. als jij dat script gemaakt heb, dan zie ik dat we bijna dezelfde achternaam hebben, ik heb er nog een t achter ;)
 
Laatst bewerkt:
Oké, ik heb het volgende gedaan en het werkt. Alleen is het niet mooi en moet ik het netter maken.
Code contactform:
HTML:
<form name="form1" method="post" action="mailformsend.php">
  <table width="400" border="0">
    <tr>
      <td colspan="2">
        <p align="center"><b><font face="Arial" size="2">Contact</font></p>
        </b></td>
    </tr>
    <tr>
      <td width="30%"><font face="Arial" size="2">Naam</font></td>
      <td width="70%">
        <input type="text" name="naam" size="20">
      </td>
    </tr>
    <tr>
      <td width="30%"><font face="Arial" size="2">Email</font></td>
      <td width="70%">
        <input type="text" name="email" size="20">
      </td>
    </tr>
    <tr>
      <td width="30%"><font face="Arial" size="2">Onderwerp</font></td>
      <td width="70%">
        <input type="text" name="onderwerp" size="20">
      </td>
    </tr>
    <tr>
      <td width="30%"><font face="Arial" size="2">Bericht</font></td>
      <td width="70%">
        <textarea rows="2" name="bericht" cols="20"></textarea>
      </td>
    </tr>
    <tr>
      <td colspan="2">
        <font face="Arial" size="2">
        <input type="submit" name="submit" value="Verstuur">
        </font>
      </td>
    </tr>
  </table>
</form>
<hr>
<font face="Arial" size="2">© jfgbehangservice.nl</font>

mailformsend.php
HTML:
<html>
<head>
<title>jfgbehangservice.nl - mailformScript</title>
</head>
<body>
<?

$joumail = "info@steunpunt-almere.nl";

mail("$joumail", "$onderwerp", "
Beste $joumail,

Je hebt een bericht ontvangen van $naam, $email.

Dit was zijn bericht:
$bericht

Doei,
$joumail", "From: $naam<$email>\nReturn-path: $email");

echo "We hebben uw bericht ontvangen<br>";
echo "U krijgt zo snel mogelijk bericht terug!<br>";


?>

Als ik nu het formulier invul krijg ik een nieuwe pagina in beeld die zegt
We hebben uw bericht ontvangen
U krijgt zo snel mogelijk bericht terug!
Maar dat komt in de browser, en dat is niet netjes.

En het form ziet er zo uit:

logo 5.jpg

Ook niet netjes.

Ik ben al dus een heel eind ;) maar het is nog niet af natuurlijk.

Hoe krijg ik de test dat het bericht is ontvangen op dezelfde pagina en hoe maak ik het form wat netter? (dat laatste heb ik al gedaan)
logo 7.jpg

Plus, de mail ik ik ontvang is kaal, dus onderwerp en bericht staat er niet.

logo 6.jpg

En dat kan de bedoeling niet zijn. Hoe krijg ik dat goed?
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan