Eigen website

TIP - Aanmaak Contact formulier bij Telenet, Skynet, e.a.

Gestart door coderunner op 13 okt 2009, 17:14 72 berichten 118.265 keer gelezen
coderunner Startte dit onderwerp 07 nov 2016, 18:56 Aubauke - Aentwaerepe 1.828 berichten
Beste JDB,

Kan je misschien de gehele code (formulier-sjabloon-verzonden) hier plaatsen, dat maakt het makkelijker voor diegene die met hetzelfde probleem kampen.

Alvast bedankt!

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
JDB 07 nov 2016, 20:44 Hamme 7 berichten
Ik had spijtig genoeg de oplossing van mijn probleem nog niet. Ik heb te vroeg getuigd. :oops: Ik heb me er bij neergelegd dat ik iets probeer dat niet mogelijk is.
coderunner Startte dit onderwerp 07 nov 2016, 20:55 Aubauke - Aentwaerepe 1.828 berichten
Beste JDB,

Ik dacht het ook ... de aangeduide checkboxes staan juist op de verzonden pagina maar er wordt niets doorgestuurd naar de email, juist?

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
JDB 07 nov 2016, 20:57 Hamme 7 berichten
Inderdaad, 't is dat dat ik zo raar vind. Op de verzonden pagina is het juist, maar niet in de mail. Ik vind het raar, gezien het op beiden het dezelfde variabele is dat wordt weergegeven, het toch anders is....
coderunner Startte dit onderwerp 08 nov 2016, 16:52 Aubauke - Aentwaerepe 1.828 berichten
Beste JDB,

Hier zijn we met de work-around.
Je plaatst alle aangeduide checkboxes in een nieuw "hidden" input veld

Formulier.html
Plaaats volgende javascripts tussen <head> en </head>

Code: Selecteer alles

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
    $checks = $(":checkbox");
    $checks.on('change', function() {
        var string = $checks.filter(":checked").map(function(i,v){
            return this.value;
        }).get().join(" ");
        $('#field_results').val(string);
    });
});
</script>
Gebruik voor je checkboxes volgende code in je formulier

Code: Selecteer alles

<input type="hidden" name="fruit" id="field_results"/><br>
<input type="checkbox" name="appel" value="appel">appel<br>
<input type="checkbox" name="peer" value="peer">peer<br>
<input type="checkbox" name="banaan" value="banaan">banaan
verzonden.html

Code: Selecteer alles

Gekozen fruit:  $in{fruit}
sjabloon.txt

Code: Selecteer alles

Gekozen fruit:  $in{fruit}
Succes.

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
Dewulf Jan 02 feb 2018, 12:09 Oosterzele 4 berichten
Ik wil a.d.h. de code die beschikbaar zijn op dit forum een formulier maken voor de jeugdbrandweer Gent en dit voorTelenet klanten.
Als ik het formulier invul kom ik op het "fout.html" en komt de ingevoerde info niet in "verzonden.html" en sjabloon.txt".
Hierbij de pagina's die ik heb opgemaakt.

Formulier:
<form action="/cgi-bin/form.cgi" method="POST">
<input type="hidden" name="DEBUG" value="0" />
<input type="hidden" name="MAILFILE" value="form_jeugd_gent/form/sjabloon.txt">
<input type="hidden" name="MAILTO" value="jan-dewulf@telenet.be">
<input type="hidden" name="REPLYFAULT" value="form_jeugd_gent/form/fout.html">
<input type="hidden" name="REPLYOK" value="form_jeugd_gent/form/verzonden.html">
<input type="hidden" name="naam-TEST" value="^\D+$">
<input type="hidden" name="voornaam-TEST" value="^\D+$">
<input type="hidden" name="geslacht-TEST" value="^\D+$">
<input type="hidden" name="adres-TEST" value="[0-9a-zA-Z]+$">
<input type="hidden" name="woonplaats-TEST" value="^\D+$">
<input type="hidden" name="postcode-MIN" value="1000">
<input type="hidden" name="postcode-MAX" value="9999">
<input type="hidden" name="telefoon-TEST" value="[0-9 -.+\(\)\/]{9,}$">
<input type="hidden" name="gebplaats-TEST" value="^\D+$">
<input type="hidden" name="dag-TEST" value="[0-9]+$">
<input type="hidden" name="maand-TEST" value="value="^\D+$">
<input type="hidden" name="jaar-MIN" value="2004">
<input type="hidden" name="jaar-MAX" value="2008">
<input type="hidden" name="rijksregister-TEST" value="[0-9a-zA-Z]+$">
<input type="hidden" name="school-TEST" value="^\D+$">
<input type="hidden" name="sport-TEST" value="[0-9a-zA-Z]+$">
<input type="hidden" name="omschrijving-TEST" value="[0-9a-zA-Z]+$">
<table border="0" width="430">
<tr>
<td width="200">Naam<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" name="naam"></td>
</tr>
<tr>
<td width="200">Voornaam<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" name="voornaam"></td>
</tr>
        <tr> 
                <td width="200">Geslacht<font color="#CC0000">*</font>:</td>
                <td width="230"><select name="geslacht">
                <option value="geslacht" selected>Maak uw keuze:</option>
<option>Jongen</option>
<option>Meisje</option>
        </select>       </td>
        </tr>
<tr>
        <td width="200">Adres + huisnummer<font color="#CC0000">*</font>:</td>
        <td width="230"><input type="text" size="80" name="adres"></td>
</tr>
<tr>
<td width="200">Postcode<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" name="postcode"></td>
</tr>
<tr>
<td width="200">Woonplaats<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" name="woonplaats"></td>
</tr>
<tr>
<td width="200">Telefoonnummer/GSM<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" name="telefoon"></td>
</tr>
        <tr>
<td width="200">Geboorteplaats<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" name="gebplaats"></td>
</tr>
        <tr> 
                <td width="200">Geboortedatum<font color="#CC0000">*</font>:</td>
                <td width="230"> 
                <select name="dag">
                <option value="dag" selected>Dag</option>
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
                <option>6</option>
                <option>7</option>
                <option>8</option>
                <option>9</option>
                <option>10</option>
                <option>11</option>
                <option>12</option>
                <option>13</option>
                <option>14</option>
                <option>15</option>
                <option>16</option>
                <option>17</option>
                <option>18</option>
                <option>19</option>
                <option>20</option>
                <option>21</option>
                <option>22</option>
                <option>23</option>
                <option>24</option>
                <option>25</option>
                <option>26</option>
                <option>27</option>
                <option>28</option>
                <option>29</option>
                <option>30</option>
                <option>31</option>
                </select> 
                <select name="maand">
                <option value="maand" selected>Maand</option>
                <option>Januari</option>
                <option>Februari</option>
                <option>Maart</option>
                <option>April</option>
                <option>Mei</option>
                <option>Juni</option>
                <option>Juli</option>
                <option>Augustus</option>
                <option>September</option>
                <option>Oktober</option>
                <option>November</option>
                <option>December</option>
                </select> 
                <select name="jaar">
                <option value="jaar" selected>Jaar</option>
        <option>2008 / 10 jaar = wachtlijst</option>
                <option>2007 / 11 jaar = wachtlijst</option>
        <option>2006 / 12 jaar = geen wachtlijst</option>
                <option>2005 / 13 jaar = geen wachtlijst</option>
                </select></td>
        </tr>
        <tr>
<td width="200">ID-Rijksregister<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" maxlength="30" name="rijksregister"></td>
</tr>
<tr>
<td width="200">E-mailadres<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" name="MAILFROM"></td>
</tr>
<tr>
<td width="200">School<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" maxlength="30" name="school"></td>
</tr>
<tr>
<td width="200">Hobby's en/of Sport<font color="#CC0000">*</font>:</td>
<td width="230"><input type="text" size="31" maxlength="30" name="sport"></td>
</tr>
<tr>
<td align="left" valign="top">Waarom wil je bij de jeugdbrandweer<font color="#CC0000">*</font>:</td>
<td><textarea name="omschrijving" rows="6" cols="43"></textarea><br><br></td>
</tr>
<tr>
               <td colspan="2">Velden met een <font color="#CC0000">*</font> zijn verplicht in te 
vullen<br><p align="center"><input type="submit" name="cmdVerzenden" value="Verzenden"> 
<input type="reset" name="cmdWissen" value="Wissen"></td></td>
       </tr>
</table>
</form>


Fout:
<body>
De ingevulde gegevens zijn niet correct. Gelieve opnieuw te proberen.<p>Hou 
rekening met het volgende:</p>
<ul>
<li>de velden met een <font color="#CC0000">*</font> zijn verplicht</li>
<li>de postcode mag enkel cijfers bevatten, en enkel tussen 2004 en 2008</li>
<li>Naam, Voornaam en Woonplaats mogen enkel letters bevatten.</li>
</ul>
<p>Volgende gegevens werden geregistreerd:</p>
<ul>
<li><b>Naam</b><font color="#CC0000">*</font><b>:</b> $in{naam}</li>
<li><b>Voornaam</b><font color="#CC0000">*</font><b>:</b> $in{voornaam}</li>
        <li><b>Geslacht</b><font color="#CC0000">*</font><b>:</b> $in{geslacht}</li>
<li><b>Adres</b><font color="#CC0000">*</font><b>:</b> $in{adres}</li>
<li><b>Woonplaats</b><font color="#CC0000">*</font><b>:</b> $in{woonplaats}</li>
<li><b>Postcode</b><font color="#CC0000">*</font><b>:</b> $in{postcode}</li>
<li><b>Telefoon/GSM</b><font color="#CC0000">*</font><b>:</b> $in{telefoon}</li>
<li><b>Geboorte plaats</b><font color="#CC0000">*</font><b>:</b> $in{gebplaats}</li>
<li><b>Geboorte datum</b><font color="#CC0000">*</font><b>:</b> $in{dag}-$in{maand}-$in{jaar}</li>
<li><b>ID-Rijksregister</b><font color="#CC0000">*</font><b>:</b> $in{rijksregister}</li>
        <li><b>E-mailadres:</b> $in{MAILFROM}</li>
<li><b>School</b><font color="#CC0000">*</font><b>:</b> $in{school}</li>
        <li><b>Sport / Hobby</b><font color="#CC0000">*</font><b>:</b> $in{sport}</li>
<li><b>Waarom wil je bij de Jeugdbrandweer</b><font color="#CC0000">*</font><b>:</b> $in{omschrijving}</li>
</ul>
<p><a href="javascript:history.back(1)">Klik hier</a> om opnieuw te proberen.</p>
</body>

Verzonden:

Beste $in{voornaam},<p>Volgende gegevens werden verzonden:</p>
<ul>
        <li><b>Naam:</b> $in{naam}</li>
<li><b>Voornaam:</b> $in{voornaam}</li>
        <li><b>Geslacht:</b> $in{geslacht}</li>
<li><b>Adres:</b> $in{adres}</li>
<li><b>Woonplaats:</b> $in{woonplaats}</li>
<li><b>Postcode:</b> $in{postcode}</li>
<li><b>Telefoon/GSM:</b> $in{telefoon}</li>
<li><b>Geboorte plaats:</b> $in{gebplaats}</li>
<li><b>Geboorte datum:</b> $in{dag}-$in{maand}-$in{jaar}</li>
<li><b>ID-Rijksregister:</b> $in{rijksregister}</li>
        <li><b>E-mailadres:</b> $in{MAILFROM}</li>
<li><b>School:</b> $in{school}</li>
        <li><b>Sport / Hobby:</b> $in{sport}</li>
<li><b>Waarom wil je bij de Jeugdbrandweer:</b> $in{omschrijving}</li>
</ul>

sjabloon:

Geachte, bevestiging inschrijving.
  
Naam: $in{naam}
Voornaam: $in{voornaam}
Geslacht: $in{geslacht}
Adres: $in{adres}
Woonplaats: $in{woonplaats}
Postcode: $in{postcode}
Telefoon/GSM: $in{telefoon}
Geboorte plaats: $in{gebplaats}
Geboorte datum: $in{dag}-$in{maand}-$in{jaar}
ID-Rijksregister: $in{rijksregister}
E-mailadres: $in{MAILFROM}
School: $in{school}
Sport / Hobby: $in{sport}
Waarom wil je bij de Jeugdbrandweer: $in{omschrijving}

Alvast bedankt voor jullie medewerking.
Alvast bedankt voor het lezen en/of beantwoorden van mijn berichten.
coderunner Startte dit onderwerp 02 feb 2018, 15:14 Aubauke - Aentwaerepe 1.828 berichten
Beste Dewulf,

Denk er wel aan dat de bestanden die bij het formulier horen naar de webserver van Telenet moeten  opgeladen worden in de map "form" (zelf aanmaken)!
Wil je alle bestanden van het formulier toch in de "root" plaatsen dan moet je het volgende

Code: Selecteer alles

<input type="hidden" name="MAILFILE" value="form_jeugd_gent/form/sjabloon.txt"> 
< input type="hidden" name="MAILTO" value="jouw_email@telenet.be"> 
< input type="hidden" name="REPLYFAULT" value="form_jeugd_gent/form/fout.html"> 
< input type="hidden" name="REPLYOK" value="form_jeugd_gent/form/verzonden.html">
wijzigen naar

Code: Selecteer alles

<input type="hidden" name="MAILFILE" value="form_jeugd_gent/sjabloon.txt"> 
< input type="hidden" name="MAILTO" value="jouw_email@telenet.be"> 
< input type="hidden" name="REPLYFAULT" value="form_jeugd_gent/fout.html"> 
< input type="hidden" name="REPLYOK" value="form_jeugd_gent/verzonden.html">
De enige fout die ik zie is

Code: Selecteer alles

<input type="hidden" name="maand-TEST" value="value="^\D+$">
moet zijn

Code: Selecteer alles

<input type="hidden" name="maand-TEST" value="^\D+$">


Verder werkt je formulier naar behoren

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
coderunner Startte dit onderwerp 03 feb 2018, 17:06 Aubauke - Aentwaerepe 1.828 berichten
Beste Dewulf,

Heb je de fout verbeterd en werkt het bij  jou nu ook want je hebt niet gereageerd?

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
Dewulf Jan 03 feb 2018, 18:33 Oosterzele 4 berichten
coderunner schreef:Beste Dewulf,

Heb je de fout verbeterd en werkt het bij  jou nu ook want je hebt niet gereageerd?

mvg,
Coderunner
Geachte, 
Wegens privé reden kon ik u nog niet op de hoogte brengen, de fout is verbeterd waarvoor mijn dank voor uw tussenkomst.
Groeten DJ
Alvast bedankt voor het lezen en/of beantwoorden van mijn berichten.
coderunner Startte dit onderwerp 04 feb 2018, 12:54 Aubauke - Aentwaerepe 1.828 berichten
Beste Dewulf,

Dat is geen enkel problem hoor ...
Bedankt voor de update en veel succes met je webformulier.

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
Krisvb 29 dec 2021, 20:41 1 berichten
Hallo iedereen,
Is deze handleiding nog steeds te gebruiken?
Ik krijg enkel een witte pagina te zien.

update: ja :-) (filezilla-bestanden waren 0kb daarmee kreeg ik wit scherm)
coderunner Startte dit onderwerp 31 dec 2021, 19:08 Aubauke - Aentwaerepe 1.828 berichten
Probleem opgelost.
Bleek een verkeerde configuratie van de server van Telenet te zijn.

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.