Fancybox openen bij submit
Bij het contactformulier op mijn website wil ik een popup door middel van een Fancybox. Het idee is eigenlijk heel simpel. Maar het lukt me niet om de controleerpagina van het formulier te voorschijn te laten komen in een fancybox,. (Alle script links werken overigens)
Ik heb dit stukje tot nu toe:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<form method="post" id="contactform" action="contactaanvraag.php" data-fancybox-type="iframe" class="fancybox">
<table id="contactform">
<tr>
<td>Voornaam en achternaam: </td>
<td> <input type="text" name="naam" size="75" class="contactform">
</td>
</tr>
<tr>
<td>E-mail:</td>
<td> <input type="text" name="email" size="46" class="contactform"> </td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="Verzend" id="submit" class="button"></td>
</tr>
</form>
<table id="contactform">
<tr>
<td>Voornaam en achternaam: </td>
<td> <input type="text" name="naam" size="75" class="contactform">
</td>
</tr>
<tr>
<td>E-mail:</td>
<td> <input type="text" name="email" size="46" class="contactform"> </td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="Verzend" id="submit" class="button"></td>
</tr>
</form>
Ik weet dat de manier waarop ik het probeer totaal verkeerd is maar dit is de enige manier hoe ik het heb gedaan. Maar hoe kan ik op een veilige manier het resultaat van contactaanvraag.php te voorschijn laten komen in het fancyboxje.
Alvast bedankt!
<a id="various1" href="#inline1">Inline - auto detect width / height</a>
<div id="inline1">
Lorem ipsum
</div>
--
Je kan over je <form> nog een div maken met id=inline.