doorsturen naar bedanktpagina na invullen mailform

sylvia66 · 30 apr 2008

Beste mensen ik heb een mailform (mailto) op mijn site staan en ik zou graag willen dat de mensen die mij gemaild hebben via dat mailform na het versturen doorgelinkt worden naar de bedankt pagina, maar hoe krijg ik dat voor elkaar? Kan ik wel javascript op mijn verder html pagina tussenvoegen?

Dit is de code

(ik weet niet hoe de andere mensen hun code zo mooi en een apart venstertje in hun vraag krijgen, dus ik doe hert maar gewoon zo

<HTML>
<HEAD><TITLE>mpsl.nl - contact</TITLE>
<STYLE type=text/css>

body, p, td{
font-family:verdana;
font-size: 8pt;
font-weight:normal;
color:#000000;
}

h1{
font-family:verdana;
font-size: 16pt;
font-weight:bold;
color:#000000;
}

h2{
font-family:verdana;
font-size: 14pt;
font-weight:normal;
color:#ff9900;
}

a{
color:#4682b4;
text-decoration:none;
}

a:hover{
color:#ffcc00;
text-decoration:none;
}

.menu td{
color:#000000;
font-size: 8pt;
text-decoration:none;
font-weight: bold;
}

.menu td a{
color:#000000;
font-size: 8pt;
text-decoration:none;
font-weight: normal;
}

.menu td a:hover{
color:#ffcc00;
text-decoration:none;
}

H3 {font-size: 16pt; font-weight: normal}
H4 {font-size: 14pt; font-weight: normal}
</STYLE>
</HEAD>
<BODY style="BACKGROUND: #e8e8ff; MARGIN: 75px 10px 50px"><BR>
<DIV id=maindiv1 align=center><DIV id=maindiv2 style="WIDTH: 943px; POSITION: relative">
<TABLE id=maintable style="POSITION: relative; BORDER-COLLAPSE: collapse" height=506 cellSpacing=0 cellPadding=0 width=935 align=center border=0>
<TBODY>
<TR>
<TD style="BACKGROUND: url(/images/flowers/page-upper-left.gif) no-repeat; WIDTH: 17px; HEIGHT: 13px" vAlign=top width=17 height=13><IMG height=1 width=1></TD>
<TD style="BACKGROUND: url(/images/flowers/page-upper-middle.gif) repeat-x; HEIGHT: 13px" vAlign=top height=13><IMG height=1 width=1></TD>
<TD style="BACKGROUND: url(/images/flowers/page-upper-right.gif) no-repeat; WIDTH: 15px; HEIGHT: 13px" vAlign=top width=15 height=13><IMG height=1 width=1></TD></TR>
<TR>
<TD style="BACKGROUND: url(/images/flowers/page-left.gif) repeat-y; WIDTH: 17px" vAlign=top width=17><IMG height=1 width=1></TD>
<TD>
<TABLE style="BORDER-COLLAPSE: collapse" height="100%" cellSpacing=0 cellPadding=25 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top width=360>
<P> </P>    <IMG src="/P4150036.JPG-for-web-normal.jpg"></TD>
<TD vAlign=top>
<H1>                    <SPAN style="FONT-SIZE: 10pt">Contactformulier</SPAN></H1>
<FORM name=formmail action=mailto: .....@gmail.com method=post encType=text/plain>
<TABLE width="100%">
<TBODY>
<TR>
<TD align=middle width="100%">
<P align=left>Vul uw naam, e-mailadres en vragen in op het formulier en wij zullen zo snel mogelijk contact met u opnemen voor het maken van een afspraak. </P>
<P align=left>U kunt ons ook bellen! Wij zijn te bereiken op 0...... of 0........</P></TD></TR></TBODY></TABLE>
<TABLE width="100%">
<TBODY>
<TR>
<TD align=right width="40%">Uw naam: </TD>
<TD align=left width="60%"><INPUT maxLength=40 name="uw naam"> </TD></TR>
<TR>
<TD align=right width="40%">Uw e-mail adres: </TD>
<TD align=left width="60%"><INPUT maxLength=40 name=uwemail> </TD></TR>
<TR>
<TD align=right width="40%">Uw tekst: </TD>
<TD align=left width="60%"><TEXTAREA name=boodschap rows=5 cols=40>Typ hier de boodschap die u wilt verzenden</TEXTAREA> </TD></TR>
<TR>
<TD align=right width="40%"><INPUT type=hidden value=f661e7ac0a932c9dd7194370fc39c587 name=sessie> </TD>
<TD align=left width="60%">
<P><INPUT type=submit value=Verzenden name=submit> </P></TD></TR></TBODY></TABLE>
<P> </P></FORM>
<TABLE style="BORDER-COLLAPSE: collapse" height=135 cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD style="BACKGROUND: url(/images/flowers/table-border-h.gif)" width=8 height=8><IMG height=1 width=1></TD>
<TD style="BACKGROUND: url(/images/flowers/table-border-a.gif)" height=8><IMG height=1 width=1></TD>
<TD style="BACKGROUND: url(/images/flowers/table-border-b.gif)" width=8 height=8><IMG height=1 width=1></TD></TR>
<TR>
<TD style="BACKGROUND: url(/images/flowers/table-border-g.gif)" width=8><IMG height=1 width=1></TD>
<TD style="BACKGROUND: #ffffff">  <IMG style="WIDTH: 82px; HEIGHT: 76px" height=134 src="/P4150037.JPG-for-web-small.jpg" width=180> <IMG style="WIDTH: 82px; HEIGHT: 76px" height=135 src="/zwemmen_041.jpg-for-web-small.jpg" width=178> <IMG style="WIDTH: 77px; HEIGHT: 77px" height=135 src="/P4130073.JPG-for-web-small.jpg" width=178> <IMG style="WIDTH: 79px; HEIGHT: 76px" height=135 src="/P4130072.JPG-for-web-small.jpg" width=179> <IMG style="WIDTH: 72px; HEIGHT: 77px" height=180 src="/P4130097.JPG-for-web-small-r.jpg" width=134>   </TD>
<TD style="BACKGROUND: url(/images/flowers/table-border-c.gif)" width=8><IMG height=1 width=1></TD></TR>
<TR>
<TD style="BACKGROUND: url(/images/flowers/table-border-f.gif)" width=8 height=8><IMG height=1 width=1></TD>
<TD style="BACKGROUND: url(/images/flowers/table-border-e.gif)" height=8><IMG height=1 width=1></TD>
<TD style="BACKGROUND: url(/images/flowers/table-border-d.gif)" width=8 height=8><IMG height=1 width=1></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-COLLAPSE: collapse" height=50 cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle>
<TABLE class=menu style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 border=0 metaid="Mijn website 2" meta="menu"><tr><td align=center><a href="/index.html">home</a></td><td width="15" align=center> </td><td align=center><a href="/pagina1.html">Beschrijving</a></td><td width="15" align=center> </td><td align=center><a href="/digitale foto briljantboog pagina7.html">Foto's</a></td><td width="15" align=center> </td><td align=center>Contact</td></tr></TABLE><STRONG></STRONG></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>
<TD style="BACKGROUND: url(/images/flowers/page-right.gif) repeat-y; WIDTH: 15px" vAlign=top width=15><IMG height=1 width=1></TD></TR>
<TR>
<TD style="BACKGROUND: url(/images/flowers/page-down-left.gif) no-repeat; WIDTH: 17px; HEIGHT: 17px" vAlign=top width=17 height=17><IMG height=1 width=1></TD>
<TD style="BACKGROUND: url(/images/flowers/page-down-middle.gif) repeat-x; HEIGHT: 17px" vAlign=top height=17><IMG height=1 width=1></TD>
<TD style="BACKGROUND: url(/images/flowers/page-down-right.gif) no-repeat; WIDTH: 15px; HEIGHT: 17px" vAlign=top width=15 height=17><IMG height=1 width=1></TD></TR></TBODY></TABLE>
</DIV></DIV>
</BODY>

Het is niet zo heel erg netjes, maar dat komt omdat het gedeeltelijk in een webcomposer is gemaakt en niet geheel zelf getypt

yveshessels · 7 mei 2008

Een voorbeeld van zo een form kan je hier vinden :link

sylvia66 · 7 mei 2008

sorry hoor, maar als ik jouw link gebruik kom ik op een pagina waar inderdaad een mailform op staat, alleen wordt mij niet duidelijk hoe ik dan op mijn mailform de code moet invoegen om naar mijn bedankt pagina te laten doorlinken na het versturen van de mail.
Ik krijg bovendien helemaal geen code te zien bij het gebruiken van jouw link!!!!

yveshessels · 7 mei 2008

Als je al de gegevens juist doorstuurd, kom je er wel...

Het is heel simpel, je moet je form versturen met een method="get" en een action="bedanktpagina.htm"
Je kan door de "get" je gegevens gaan meegeven in je URL
( vb: http:www.site.htm?naam=mijnnaam&email=mijnemail....)

Op je bedanktpagina zet je dan vb:

Code:

<html>
<head>
<script>
var srchData = Decodeer()

function Decodeer(){
	var nameValue=new Array();
	var searchStr= unescape(location.search.substring(1));
	if (searchStr) {
		var formElement = searchStr.split("&"); 
		var tmpArray = new Array();
		for (k=0; k < formElement.length; k++) {
			tmpArray = formElement[k].split("=");
			for(var j=0;j<tmpArray[1].length;j++) {
				tmpArray[1] = tmpArray[1].replace("+"," ");
			}
			nameValue[tmpArray[0]] = tmpArray[1];
		}
	}
	return nameValue
}
</script>
</head>

<body>
<h1>Bedankt, wij zullen uw vraag zo snel mogelijk beantwoorden....</h1>
<h2>De gegevens die u verzonden heeft:</h2>
<script language="JavaScript">
document.write("<p>" + "<b>Gebruikersnaam</b> " + srchData.naam + "<br />");
document.write("<b>E-mailadres : </b>" + srchData.email + "<br />");
document.write("<b>wachtwoord :</b>" + srchData.wachtwoord + "<br />");
document.write("<b>favoriete kleur :</b>" + srchData.kleur + "<br />");
document.write("<b>favoriete collega :</b>" + srchData.collegas + "<br />");
document.write("<b>Naam kat :</b>" + srchData.hidden + "<br />");
document.write("<b>leeftijd :</b>" + srchData.leeftijd + "</p>");
</script>
</body>
</html>

Dit is nu een voorbeeld van mijn code, je kan die dan aanpassen aan jouw form.

Op deze manier wordt er wel niets verzonden naar een database ofzo, dat moet je dan doen met PHP, of een andere server-side progtaal.

sylvia66 · 7 mei 2008

ik ben dus echt een beginner en hoe jij het zegt, snap ik er helemaal niets van.
je moet je form versturen met een action="get"? versturen doe je toch met action="mailto", zoals ook mijn mailform werkt. waar zet ik dan die "get"?
En op mijn bedankt pagina staat alleen maar bedankt voor uw bezoek aan de site en wij nemen zo spoedig mogelijk contact met u op. Daar hoeft geen echo van de door de bezoeker verstrekte gegevens op terug te komen.

yveshessels · 8 mei 2008

Mijn oefening is idd niet met een mail-form, ik heb blijkbaar de vraag mis verstaan, ik zal nog eens zoeken voor een mailform.

MVG,

Yves

sylvia66 · 8 mei 2008

een werkend mailform heb ik al,maar ik wil dat er een code bijkomt die ervoor zorgt dat de mensen na het versturen van het form naar mij door mijn form doorgestuurd worden naar een pagina waarop ze bedankt worden voor het bezoeken van mijn site.
Ik zoek dus een script wat daarvoor zorgt en wat ik kan invoegen in mijn al werkend mailform.

yveshessels · 8 mei 2008

Wat je zou kunnen doen, is een functie aan je knop hangen die na het klikken een andere pagina opent. Ik weet niet als dit een zuivere oplossing is...

zet dit in je head:

Code:

<script language="JavaScript" type="text/JavaScript">
<!--
function bedankt() {
window.location.href = "http://www.yourdomain.net/bedankt.html";
}
//-->
</script>

en verander je knop naar dit :

Code:

<INPUT type=submit value=Verzenden name=submit onclick="bedankt()">

Probeer dit eens, ik weet niet als het werkt (zelf niet getest).

sylvia66 · 8 mei 2008

bedoel je bij zet dit in je head, dat het daarna volgende helemaal bovenaan de pagina moet komen te staan, nog boven <html> of na <head> en voor <title>?
je ziet het ik ben een echte beginner

yveshessels · 8 mei 2008

in de head is gelijk waar, als het maar tussen dit staat: <head></head>

doorsturen naar bedanktpagina na invullen mailform

sylvia66

Gebruiker

yveshessels

Gebruiker

sylvia66

Gebruiker

yveshessels

Gebruiker

sylvia66

Gebruiker

yveshessels

Gebruiker

sylvia66

Gebruiker

yveshessels

Gebruiker

sylvia66

Gebruiker

yveshessels

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy