Groet, René]]>
contactForm
contactFormInhoud
contactFormReport
contactFormBedankt
de eerste 3 staan hierboven. In chunk bedankt kun je in zetten: Het formulier is verzonden oid.
dan roep je het formulier op met: {{contactForm}} en het zou moeten werken.
dat kun je in je template plaatsen, content veld of waar dan ook.
je kunt ook de demo installeren om te kijken hoe modx werkt.
]]>
Toch wat tips in het algemeen a.d.h.v voorbeeld hierboven/hieronder.
- Indien je veldcontrole gebruikt kan eForm handig zijn. Maar anders is form uit voorbeeld het inladen van een snippet eigenlijk niet waard (?)
- Dat enctype is default en kan je weglaten
- Harde waardes in de tabel vervangen door classes
- Tabel m.i. niet om form te stylen. Zo toch, dan form-tags binnen table houden
- Binnen form kun je div's gebruiken. Geen tabel nodig. Een form submit enkel haar velden. Semantiek van een table hoef je dus niet te breken
Oh en die br's.. als het toch geen 'echte' (indexeerbare) html is, waarom niet in 1 pre-tag? Die labels horen daar niet. Rest in een chunk. En ineens heb je iets dat leesbaarder wordt. Beter onderhoudbaar. Code mean and lean houden , is een beetje mijn punt.
Succes.]]>
[!eForm? &formid=`contactFormId` &to=`[email protected]` &from=`[email protected]` &fromname=`Pizza` &ccsender=`1` &language=`nederlands` &subject=`Contactformulier xxx` &tpl=`contactFormInhoud` &report=`contactFormReport` &thankyou=`contactFormBedankt` &postOverides=`1` &reportAbuse=`1` &bcc=`[email protected]` !]
contactFormInhoud chunk:
<div class="formulier">
<form enctype="application/x-www-form-urlencoded" method="post">
[+validationmessage+]
<input name="formid" type="hidden" value="contactFormId" />
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="120" height="28">Naam <span class="ster">*</span></td>
<td><input class="form" name="naam" type="text" eform="naam::1" /></td>
</tr>
<tr>
<td height="28">Plaats</td>
<td><input class="form" name="plaats" type="text" eform="plaats::0" /></td>
</tr>
<tr>
<td height="28">Adres</td>
<td><input class="form" name="adres" type="text" eform="adres::0" /></td>
</tr>
<tr>
<td height="28">E-mail <span class="ster">*</span></td>
<td><input class="form" name="email" type="text" eform="email:email:1" /></td>
</tr>
<tr>
<td height="28">Telefoon </td>
<td><input class="form" name="telefoon" type="text" eform="telefoon::0" /></td>
</tr>
<tr>
<td> </td>
<td></td>
</tr>
<tr>
<td valign="top">Bericht</td>
<td valign="top"><textarea name="bericht" rows="5" class="form" eform="bericht::0"></textarea></td>
</tr>
<tr>
<td><br> <span class="ster">*</span> <em>verplicht</em></td>
<td><br><input class="button" name="Verstuur" type="submit" value="Verstuur" /></td>
</tr>
</table>
</form>
</div>contactFormReport:
<html>
<head>
<style>body{font-family: Arial; color: #000; line-height: 18px; font-size: 12px;} label{width:90px; float:left;}</style>
</head>
<body>
Beste [+naam+],<br><br>
Wij hebben uw contact aanvraag in goede orde ontvangen.<br>
We zullen uw vraag zo spoedig mogelijk behandelen.<br><br>
Met vriendelijke groeten,<br>
xxx<br>
<br>
------------------------------------------------
<br><br>
<label>Naam</label>: [+naam+]<br />
<label>Adres</label>: [+adres+]<br />
<label>Plaats</label>: [+plaats+]<br />
<label>E-mail</label>: [+email+]<br />
<label>Telefoon</label>: [+telefoon+]<br /><br />
<label>Bericht</label> <br />
[+bericht+] <br /><br />
</body>
</html>