Bedankpagina nadat gebruiker formulier heeft verzonden

Door Whoppie op 14-01-2007 16:39

3.364 views

Hallo,

Kan iemand mij helpen?

Het is de bedoeling dat er een bedankpagina wordt getoond nadat iemand een reactie heeft gegeven op het contactformulier.

Wil jij eens kijken hoe ik dit op kan lossen, ik kom er maar niet aan uit.
Dit is de code:


<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_validateForm() { //v4.0
  var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
  for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
    if (val) { nm=val.name; if ((val=val.value)!="") {
      if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
        if (p<1 || p==(val.length-1)) errors+='- '+nm+' moet een geldig e-mailadres bevatten\n';
      } else if (test!='R') { num = parseFloat(val);
        if (isNaN(val)) errors+='- '+nm+' moet een nummer bevatten.\n';
        if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
          min=test.substring(8,p); max=test.substring(p+1);
          if (num<min || max<num) errors+='- '+nm+' moet een nummer bevatten tussen '+min+' en '+max+'.\n';
    } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is verplicht.\n'; }
  } if (errors) alert('De volgende fout is opgetreden:\n'+errors);
  document.MM_returnValue = (errors == '');
}
//-->
</script>
</HEAD>
<BODY>
<DIV style="WIDTH: 680px; POSITION: relative; HEIGHT: 350px; adbe-g: p">
<DIV 
style="LEFT: 40px; WIDTH: 620px; POSITION: absolute; TOP: 30px; HEIGHT: 17px; adbe-c: c"><p align="left" class="style13"><B>Informatieformulier:</B><br><br>U kunt het formulier hieronder gebruiken om informatie over één of meer van onze diensten aan te vragen. 
</p></DIV>
<DIV 
style="LEFT: 0px; WIDTH: 400px; POSITION: absolute; TOP: 40px; HEIGHT: 64px; adbe-c: c"><!--#commentaar#--> 
      	<FORM method="post" action="mailto:[email protected]" enctype="text/plain">
        <INPUT type="hidden" name="mailto"  value="[email protected]">
        <INPUT type="hidden" name="subject" value="Mail van webpagina">
        <INPUT type="hidden" name="verzonden" value="http://www.designprojectstoffering.nl/Iframe-BerichtVerzonden.html">
        <INPUT type="hidden" name="mailtemplate" value="template.txt"> </DIV>


		
<DIV 
style="LEFT: 70px; WIDTH: 100px; POSITION: absolute; TOP: 100px; HEIGHT: 20px; adbe-c: c"><p align="left" class="style13">Aanhef</P></DIV>
<DIV 
style="LEFT: 208px; WIDTH: 200px; POSITION: absolute; TOP: 99px; HEIGHT: 20px; adbe-c: c"><p align="left" class="style13"><input name="aanhef" type="radio" value="Dhr">Dhr.&nbsp &nbsp<input name="aanhef" type="radio" value="Mevr"> 
                Mevr.</p></DIV>
<DIV 
style="LEFT: 70px; WIDTH: 100px; POSITION: absolute; TOP: 133px; HEIGHT: 20px; adbe-c: c"><p align="left" class="style13">Naam</P></DIV>
<DIV 
style="LEFT: 210px; WIDTH: 200px; POSITION: absolute; TOP: 130px; HEIGHT: 20px; adbe-c: c"><p align="left" class="style13"><input type="text" name="naam" size="61" style="background: #313842; color: #FFFFFF;" value="" ></p></DIV>

<DIV 
style="LEFT: 70px; WIDTH: 200px; POSITION: absolute; TOP: 167px; HEIGHT: 20px; adbe-c: c"><p align="left" class="style13">Voorletters</P></DIV>
<DIV 
style="LEFT: 210px; WIDTH: 200px; POSITION: absolute; TOP: 164px; HEIGHT: 20px; adbe-c: c"><p align="left" class="style13"><input type="text" name="naam" size="61" style="background: #313842; color: #FFFFFF;" value="" ></P></DIV>

<DIV 
style="LEFT: 70px; WIDTH: 200px; POSITION: absolute; TOP: 201px; HEIGHT: 20px; adbe-c: c"><p align="left" class="style13">Bedrijfsnaam</P></DIV>
<DIV 
style="LEFT: 210px; WIDTH: 200px; POSITION: absolute; TOP: 197px; HEIGHT: 20px; adbe-c: c"><p align="left" class="style13"><input type="text" name="naam" size="61" style="background: #313842; color: #FFFFFF;" value="" ></P></DIV>

<DIV 
style="LEFT: 70px; WIDTH: 200px; POSITION: absolute; TOP: 235px; HEIGHT: 20px; adbe-c: c"><p align="left" class="style13">Adres</P></DIV>
<DIV 
style="LEFT: 210px; WIDTH: 200px; POSITION: absolute; TOP: 232px; HEIGHT: 20px; adbe-c: c"><p align="left" class="style13"><input type="text" name="naam" size="61" style="background: #313842; color: #FFFFFF;" value="" ></P></DIV>

<DIV 
style="LEFT: 70px; WIDTH: 200px; POSITION: absolute; TOP: 269px; HEIGHT: 20px; adbe-c: c"><p align="left" class="style13">Postcode en plaats</P></DIV>
<DIV 
style="LEFT: 210px; WIDTH: 40px; POSITION: absolute; TOP: 266px; HEIGHT: 20px; adbe-c: c"><p align="left" class="style13"><input type="text" name="naam" size="9" style="background: #313842; color: #FFFFFF;" value="" ></P></DIV>
<DIV 
style="LEFT: 295px; WIDTH: 150px; POSITION: absolute; TOP: 266px; HEIGHT: 20px; adbe-c: c"><p align="left" class="style13"><input type="text" name="naam" size="47" style="background: #313842; color: #FFFFFF;" value="" ></P></DIV>


<DIV 
style="LEFT: 70px; WIDTH: 200px; POSITION: absolute; TOP: 303px; HEIGHT: 20px; adbe-c: c"><p align="left" class="style13">E-mailadres</P></DIV>
<DIV 
style="LEFT: 210px; WIDTH: 200px; POSITION: absolute; TOP: 300px; HEIGHT: 20px; adbe-c: c"><p align="left" class="style13"><input type="text" name="naam" size="61" style="background: #313842; color: #FFFFFF;" value="" ></P></DIV>


<DIV 
style="LEFT: 70px; WIDTH: 200px; POSITION: absolute; TOP: 337px; HEIGHT: 20px; adbe-c: c"><p align="left" class="style13">Telefoonnummer</P></DIV>
<DIV 
style="LEFT: 210px; WIDTH: 200px; POSITION: absolute; TOP: 334px; HEIGHT: 20px; adbe-c: c"><p align="left" class="style13"><input type="text" name="naam" size="61" style="background: #313842; color: #FFFFFF;" value="" ></P></DIV>

<DIV 
style="LEFT: 70px; WIDTH: 200px; POSITION: absolute; TOP: 371px; HEIGHT: 20px; adbe-c: c"><p align="left" class="style13">Vragen/opmerkingen</P></DIV>
<DIV 
style="LEFT: 210px; WIDTH: 200px; POSITION: absolute; TOP: 368px; HEIGHT: 70px; adbe-c: c"><p align="left" class="style13"><input type="text" name="naam" size="61" style="background: #313842; color: #FFFFFF;" value="" ></P></DIV>

<DIV 
style="LEFT: 210px; WIDTH: 100px; POSITION: absolute; TOP: 410px; HEIGHT: 70px; adbe-c: c"><input type="reset" name="reset" value="Wissen"></div>
<DIV 
style="LEFT: 519px; WIDTH: 100px; POSITION: absolute; TOP: 410px; HEIGHT: 70px; adbe-c: c"><input type="submit" name="submit" value="Versturen"></div> 
</form>
<br><br>
<div id="layoutA"></div><br><br><br><br><br><br><br><br>
<div id="layoutB"></div>

</BODY>
</HTML>

Paul K

14-01-2007 16:41

Kan je even alles tussen de code tags zetten? Dan is het voor ons makkelijker om te zien wat er staat ;)

Whoppie

14-01-2007 17:38

Dat kan ik helaas niet.

Wat ik heb geprobeerd is het internet afgestruind en allerlei dingen die ik tegenkwam heb ik uitgeprobeerd. Zo is ook dat stukje php ontstaan. Het onderste gedeelte is van mijzelf en dat begrijp ik ook helemaal.

Het liefst had ik dat de mail via de provider zou verlopen, maar die moed heb ik inmiddels al opgegeven.

Dus als ik op dit huidig formuliertje een bedankpagina kan laten zien ben ik voorlopig dik tevreden.

Ik ben blij dat je ff meekijkt want ik kom er echt niet aan uit.

Gr. Whoppie.

lukke

14-01-2007 17:50

Kun je even zeggen op wat je moet duwen voor de bedankpagina??

Je moet niet verwachten dat we hier 100 lijntjes gaan lezen..

Whoppie

14-01-2007 18:00

Lukke,

ik verwacht helemaal niets.
Ik zou het alleen zeer op prijs stellen als iemand de moeite wilt nemen om mij te helpen.

Dit is de link waar men op klikt om het formulier te verzenden.
Die bedank-pagina moet dan automatisch worden opgeroepen.

<DIV
style="LEFT: 519px; WIDTH: 100px; POSITION: absolute; TOP: 410px; HEIGHT: 70px; adbe-c: c"><input type="submit" name="submit" value="Versturen"></div>

Gr. Whoppie.

Raymond ---

14-01-2007 18:04

Waarom doe je het niet met PHP in plaats van JS? Dan kan je namelijk gewoon header(); doen.

Kees V

14-01-2007 18:13

Whoppie,

Er staat geen enkel stukje php in, het bovenste is JavaScript.

Het formulier wordt nu verstuurd met 'mailto:...'. Dat wordt dan overgelaten aan de browser. En dat geeft vaak geen of teleurstellende resultaten, zeker voor een zakelijke site.

Ondersteunt je server php? Kijk dan eens in scriptlijst dit forum.
En lees een paar tutorials, bijv. deze: http://www.phphulp.nl/php/tutorials/2/137/

W W

14-01-2007 18:41

hi whoppie! probeer het eens in php! hier een klein voorbeeldje:



<?php

 $naar  = '[email protected]' . ', ';
 $onderwerp = $_POST['onderwerp'];
 $bericht = $_POST['bericht'];
 $naam = $_POST['naam'];
 $sent = mail($naar, $onderwerp, $bericht) ;

 echo "<form method='POST' action='contact.php'>
  Naam: <input type='text' name='naam'/><br /><br />
  Onderwerp: <input type='text' name='onderwerp'/><br /><br />
  bericht:<br />
  <textarea name='bericht' rows='8' cols='30'></textarea><br />
  <input type='submit' value='verzenden'/>
  </form>";
 
if (isset($_POST['submit']))
  {
 mail($naar, $onderwerp, $bericht);
  
 if (isset($send)){
 print "bericht verzonden";
 } else {
 print "bericht is niet verzonden, probeer het nog een keer!";
 }
 }
?>

Als je de pagina anders wil noemen dan contact.php moet je niet vergeten action van form te veranderen! succes! =D

lukke

14-01-2007 18:42

bedoel je dit soms?

<input type="submit" name="submit" value="Versturen" onClick="window.location.href='jelink.html'">

Whoppie

14-01-2007 20:41

Bedankt voor jullie reactie's zover.

Ik ben dit alles aan het uitproberen.
(Laat het nog ff weten)

Tnx.
Whoppie.

Whoppie

14-01-2007 22:48

Vraagje:

De website loopt via de provider: PcExtreme.

Als ik nu ook het Contactformulier via hun wil laten lopen i.p.v. via Outlook
wat moet ik dan nog meer doen dan het doorsturen van:
de HTML, de CSS en de PHP pagina.

Moet ik bij de server zelf ook nog iets aanvragen of instellen?
Of is het uploaden van genoemde gegevens meestal voldoende?

Alvast bedankt.
Whoppie.

Reageren

Inloggen om te reageren