met "verstuur"button formulier doorlinken naar "bedankt"-pagina

  • Onderwerp starter Onderwerp starter Ykie
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.

Ykie

Gebruiker
Lid geworden
25 sep 2006
Berichten
12
Ik heb op mijn website een formulier gemaakt en nu wil ik dat met deze knop niet alleen het formulier naar mijn e-mail gestuurd wordt(dit gaat goed), maar dat er gelijk een nieuw scherm verschijnt met bijvoorbeeld "bedankt voor uw reaktie".Hoe pak ik dit aan?
 
Dit kan door je formulier een action te geven die je zelf in een javascriptje maakt onder de vorm van een function.
In die function geef je dan de opdrachten om te versturen en te bedanken.

Greetz : Jer:cool:en.
 
Waar plaats ik zo'n script in de code, ik zie bijvoorbeeld bij action:
<FORM ACTION="mailto:xxx@xxxxx.nl" enctype="text/plain"
Moet ik de code hier achter plakken?
 
Kan je hier de link neerzetten van het formulier of je site?
Dan kan ik er een aangepast script voor schrijven.
Graag zou ik ook de naam weten van het bestand dat op het scherm moet komen met het bedankje.

Greetz : Jer:cool:en.
 
Hier is-ie dan: http://www.rudeco.nl/Bedankt.htm

En dit is het script van mijn antwoordformulier:

<TITLE>Antwoordformulier</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>

<BODY BGCOLOR="#FFFFFF" BACKGROUND="Foto/Web-page%20backgroud.jpg"><FORM ACTION="mailto:info@rudeco.nl" enctype="text/plain"
NAME="antwoordformulier" METHOD="POST"><P>&nbsp;</P><P>&nbsp;</P><P><FONT FACE="Arial, Helvetica, sans-serif"><B>Antwoordformulier</B></FONT></P><P><INPUT TYPE="checkbox" NAME="proefplaatsing" VALUE="ja"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">Ja,
ik wil een week lang een gratis proefplaatsing in mijn bedrijf<BR><BR><INPUT TYPE="checkbox" NAME="afspraak huren" VALUE="ja">Ja,
ik wil een bloemstuk huren bij Rudeco. Bel mij voor een afspraak</FONT><BR></P><TABLE WIDTH="37%" BORDER="1"><TR><TD WIDTH="25%"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">Naam
bedrijf </FONT></TD><TD WIDTH="75%"><INPUT TYPE="text" NAME="Bedrijfsnaam" SIZE="70" MAXLENGTH="50"></TD></TR><TR><TD WIDTH="25%"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">Contactpersoon</FONT></TD><TD WIDTH="75%"><INPUT TYPE="text" NAME="contactpersoon" SIZE="70" MAXLENGTH="50"></TD></TR><TR><TD WIDTH="25%"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">Adres</FONT></TD><TD WIDTH="75%"><INPUT TYPE="text" NAME="Adres" SIZE="70" MAXLENGTH="50"></TD></TR><TR><TD WIDTH="25%"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">Postcode</FONT></TD><TD WIDTH="75%"><INPUT TYPE="text" NAME="postcode" SIZE="15" MAXLENGTH="6"></TD></TR><TR><TD WIDTH="25%"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">Plaats</FONT></TD><TD WIDTH="75%"><INPUT TYPE="text" NAME="Plaats" SIZE="70" MAXLENGTH="50"></TD></TR><TR><TD WIDTH="25%"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">Telefoonnummer</FONT></TD><TD WIDTH="75%"><INPUT TYPE="text" NAME="telefoonnummer" SIZE="70" MAXLENGTH="11"></TD></TR><TR><TD WIDTH="25%"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">E-mail
adres </FONT></TD><TD WIDTH="75%"><INPUT TYPE="text" NAME="e-mailadres" SIZE="70" MAXLENGTH="50"></TD></TR></TABLE><P><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">Vragen
en /of opmerkingen:<BR><TEXTAREA NAME="textfield3" COLS="93" ROWS="10"></TEXTAREA></FONT></P><P><INPUT TYPE="submit" NAME="verstuur" VALUE="Verstuur"></P></FORM>

</HTML>

Groetjes,
Marijke
 
PHP:
<html>
<head>
<TITLE>Antwoordformulier</TITLE>
<script language="javascript">
<!--
function submitform() {
this.location = "Bedankt.htm";
};
-->
</script>
</HEAD>
<BODY BACKGROUND="Foto/Web-page%20backgroud.jpg">
<script language="javascript">
<!--
var emailname = "info";
var emailserver = "rudeco";
var emailext = "nl";
document.write("<FORM ACTION='mailto:" + emailname + "@" + emailserver + "." + emailext + " enctype='text/plain' NAME='antwoordformulier' METHOD='POST' onSubmit='javascript:submitform();'>");
-->
</script>
<P>&nbsp;</P><P>&nbsp;</P>
<P><FONT FACE="Arial, Helvetica, sans-serif"><B>Antwoordformulier</B></FONT></P>
<P><INPUT TYPE="checkbox" NAME="proefplaatsing" VALUE="ja"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">Ja, 
ik wil een week lang een gratis proefplaatsing in mijn bedrijf<BR><BR>
<INPUT TYPE="checkbox" NAME="afspraak huren" VALUE="ja">Ja, 
ik wil een bloemstuk huren bij Rudeco. Bel mij voor een afspraak</FONT><BR>
</P><TABLE WIDTH="37%" BORDER="1"><TR><TD WIDTH="25%"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">Naam 
bedrijf </FONT></TD>
<TD WIDTH="75%"><INPUT TYPE="text" NAME="Bedrijfsnaam" SIZE="70" MAXLENGTH="50"></TD></TR>
<TR><TD WIDTH="25%"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">Contactpersoon</FONT></TD>
<TD WIDTH="75%"><INPUT TYPE="text" NAME="contactpersoon" SIZE="70" MAXLENGTH="50"></TD></TR>
<TR><TD WIDTH="25%"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">Adres</FONT></TD>
<TD WIDTH="75%"><INPUT TYPE="text" NAME="Adres" SIZE="70" MAXLENGTH="50"></TD></TR>
<TR><TD WIDTH="25%"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">Postcode</FONT></TD>
<TD WIDTH="75%"><INPUT TYPE="text" NAME="postcode" SIZE="15" MAXLENGTH="6"></TD></TR>
<TR><TD WIDTH="25%"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">Plaats</FONT></TD>
<TD WIDTH="75%"><INPUT TYPE="text" NAME="Plaats" SIZE="70" MAXLENGTH="50"></TD></TR>
<TR><TD WIDTH="25%"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">Telefoonnummer</FONT></TD>
<TD WIDTH="75%"><INPUT TYPE="text" NAME="telefoonnummer" SIZE="70" MAXLENGTH="11"></TD></TR>
<TR><TD WIDTH="25%"><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">E-mail 
adres </FONT></TD>
<TD WIDTH="75%"><INPUT TYPE="text" NAME="e-mailadres" SIZE="70" MAXLENGTH="50"></TD></TR></TABLE>
<P><FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">Vragen 
en /of opmerkingen:<BR><TEXTAREA NAME="textfield3" COLS="93" ROWS="10"></TEXTAREA></FONT></P>
<P><INPUT TYPE="submit" NAME="verstuur" VALUE="Verstuur"></P></FORM> 

</HTML>

Dit is de code die het doet.
Ik heb mij ook de vrijheid genomen je email te verbergen in het javascript voor spambots.

Succes.

Greetz : Jer:cool:en.
 
Laatst bewerkt:
Ik ga het gelijk uitproberen. Hartstikke bedankt Jeroen. Ik ben heel blij hiermee!

Groetjes
Marijke :D
 
Ik krijg nu inderdaad het "Bedankt"scherm, maar geen e-mail.
Ik heb toen het volgende ingetoetst bij FORM ACTION:

var emailname = "info";
var emailserver = "rudeco";
var emailext = "nl";
document.write("<FORM ACTION='mailto:" + info + "@" + rudeco + "." + nl + " enctype='text/plain' NAME='antwoordformulier' METHOD='POST' onSubmit='javascript:submitform();'>");
-->
</script>

Als ik nu op "verstuur" druk gebeurt er niets.
Wat doe ik verkeerd?

(sorry, hoor)

Groetjes,
Marijke
 
Selecteer de code die in het "php-kader" staat en kopieer gewoon.
Plak nu in je htm-file en vervang zo alles wat er nu staat.
Zo zou het wel moeten werken.
Bij mij doet ie het alleszins.
Dat stukje dat je in "form action..." hebt bijgezet zou dat eigenlijk moeten vervangen.

PHP:
<FORM ACTION="mailto:info@rudeco.nl" enctype="text/plain" NAME="antwoordformulier" METHOD="POST">
wordt volledig vervangen door :
PHP:
<script language="javascript"> 
<!-- 
var emailname = "info"; 
var emailserver = "rudeco"; 
var emailext = "nl"; 
document.write("<FORM ACTION='mailto:" + emailname + "@" + emailserver + "." + emailext + " enctype='text/plain' NAME='antwoordformulier' METHOD='POST' onSubmit='javascript:submitform();'>"); 
--> 
</script>

Greetz : Jer:cool:en.
 
Formulier in Arachnophilia gegooid,
ingevuld.
Ik krijg de bedank pagina, en het bericht dat outlook wat wenste te versturen.
Dus je zou een test mailtje moeten ontvangen.

:cool:
 
De mail wordt wel verstuurd, maar ik krijg de mail niet binnen.
 
Ik heb ook ondervonden dat, als ik de mail niet eerst laat weergeven in mijn mailprogramma, diemail niet verstuurd wordt, ook al zeg ik dat het magverstuurd worden zonder weergeven.
Zou dat aan de beveiliging kunnen liggen van de pc?

Greetz : Jer:cool:en.
 
Nog voordat ik die bedankpagina er op zette dankzij jouw hulp kreeg ik wel testmail van mijzelf binnen, dus met het oorspronkelijke script.

Groetjes,
M:o rijke
 
Het script van Jeroen is goed voor een gewoon emailadres op een site,
doch niet voor een form. Zou wel kunnen, maar ik kreeg het niet aangepast.

Wel iets gevonden:

script in de head:
PHP:
<script type="Text/Javascript">
  <!--

function buildsubject()

{

var f = document.forms['resurfacingrecord'];

var sub = "mailto:info@rudeco.nl?subject=Test van een formulier " ;

f.action = sub;

location.replace('http://www.rudeco.nl/Bedankt.htm');
}

//-->
</script>

en form start tag:
PHP:
<form name = "resurfacingrecord" action="about:blank" method="post" enctype="text/plain" onSubmit="buildsubject()">

:cool:
 
Zou jij dan in het totaalplaatje willen laten zien, want ik kom er niet meer uit.
Hartstikke aardig trouwens dat je dit allemaal doet!
:o
 
Zou jij dan in het totaalplaatje willen laten zien, want ik kom er niet meer uit.
Hartstikke aardig trouwens dat je dit allemaal doet!
:o

Kan, wel mijn email adres door je eigen vervangen.
... en html/websites hebben mijn interesse, vandaar ;)

PHP:
<html>
	 
	<head>
		 
		<TITLE>
			Antwoordformulier
		</TITLE>
		 

		 
	</HEAD>
	 
	<BODY BACKGROUND="Foto/Web-page%20backgroud.jpg">
		 

<script type="Text/Javascript">
  <!--

function buildsubject()

{

var f = document.forms['resurfacingrecord'];

var sub = "mailto:dvz@zeelandnet.nl?subject=Test van een formulier " ;

f.action = sub;

location.replace('http://www.rudeco.nl/Bedankt.htm');
}

//-->
</script>
		 
		<P>
		&nbsp;
		</P>
		<P>
		&nbsp;
		</P>
		 
		<P>
		<FONT FACE="Arial, Helvetica, sans-serif">
			<B>
				Antwoordformulier
			</B>
		</FONT>
		</P>
<form name = "resurfacingrecord" action="about:blank" method="post" enctype="text/plain" onSubmit="buildsubject()">
		<INPUT TYPE="checkbox" NAME="proefplaatsing" VALUE="ja">
		<FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">
			Ja, 
			ik wil een week lang een gratis proefplaatsing in mijn bedrijf
			<BR>
			<BR>
			 
			<INPUT TYPE="checkbox" NAME="afspraak huren" VALUE="ja">
			Ja, 
			ik wil een bloemstuk huren bij Rudeco. Bel mij voor een afspraak
		</FONT>
		<BR>
		 
		
		</P>
		<TABLE WIDTH="37%" BORDER="1">
			<TR>
				<TD WIDTH="25%">
					<FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">
						Naam 
						bedrijf 
					</FONT>
				</TD>
				 
				<TD WIDTH="75%">
					<INPUT TYPE="text" NAME="Bedrijfsnaam" SIZE="70" MAXLENGTH="50">
				</TD>
			</TR>
			 
			<TR>
				<TD WIDTH="25%">
					<FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">
						Contactpersoon
					</FONT>
				</TD>
				 
				<TD WIDTH="75%">
					<INPUT TYPE="text" NAME="contactpersoon" SIZE="70" MAXLENGTH="50">
				</TD>
			</TR>
			 
			<TR>
				<TD WIDTH="25%">
					<FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">
						Adres
					</FONT>
				</TD>
				 
				<TD WIDTH="75%">
					<INPUT TYPE="text" NAME="Adres" SIZE="70" MAXLENGTH="50">
				</TD>
			</TR>
			 
			<TR>
				<TD WIDTH="25%">
					<FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">
						Postcode
					</FONT>
				</TD>
				 
				<TD WIDTH="75%">
					<INPUT TYPE="text" NAME="postcode" SIZE="15" MAXLENGTH="6">
				</TD>
			</TR>
			 
			<TR>
				<TD WIDTH="25%">
					<FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">
						Plaats
					</FONT>
				</TD>
				 
				<TD WIDTH="75%">
					<INPUT TYPE="text" NAME="Plaats" SIZE="70" MAXLENGTH="50">
				</TD>
			</TR>
			 
			<TR>
				<TD WIDTH="25%">
					<FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">
						Telefoonnummer
					</FONT>
				</TD>
				 
				
				<TD WIDTH="75%">
					<INPUT TYPE="text" NAME="telefoonnummer" SIZE="70" MAXLENGTH="11">
				</TD>
			</TR>
			 
			<TR>
				<TD WIDTH="25%">
					<FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">
						E-mail 
						adres 
					</FONT>
				</TD>
				 
				<TD WIDTH="75%">
					<INPUT TYPE="text" NAME="e-mailadres" SIZE="70" MAXLENGTH="50">
				</TD>
			</TR>
		</TABLE>
	
		<P>
		<FONT FACE="Arial, Helvetica, sans-serif" SIZE="2">
			Vragen 
			en /of opmerkingen:
			<BR>
<TEXTAREA NAME="textfield3" COLS="93" ROWS="10">
</TEXTAREA>
		</FONT>
		</P>
		 
		<P>
		<INPUT TYPE="submit" NAME="verstuur" VALUE="Verstuur">
		</P>
	</FORM>
	 
	
</HTML>

:cool:
 
Hij linkt nog steeds niet door naar de "bedankt"pagina.
:o
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan