Hulp met programeren

Status
Niet open voor verdere reacties.
jeffrey112

jeffrey112

Gebruiker
Lid geworden
15 apr 2010
Berichten
17
Beste Lezers,

Ik ben al even bezig met een formuliertje en ik kom er niet aan uit.


Ik heb dit formulier gemaakt met een gemakkelijk programma maar nu wil ik zorgen dat alles aankomt op een email adres maar dit lukt mij niet.

Dit is nu de code


PHP: 
<form id="form_4" name="Offerteaanvraag" onsubmit="return validate_form_4(this)" action="" method="post" target="_self" enctype="text/plain" style="margin:0px;">
<div id="txt_270" style="position:absolute;left:390px;top:564px;width:80px;height:16px;overflow:hidden;">
<p class="Wp-Body-P"><label for="edit_18"><span class="Body-C">Bedrijfsnaam</span></label></p>
</div>
<input type="text" id="edit_18" name="Bedrijfsnaam" value="" style="position:absolute; left:577px; top:564px; width:190px;">
<div id="txt_269" style="position:absolute;left:390px;top:594px;width:99px;height:16px;overflow:hidden;">
<p class="Wp-Body-P"><label for="edit_17"><span class="Body-C">Contactpersoon</span></label></p>
</div>
<input type="text" id="edit_17" name="Contactpersoon" value="" style="position:absolute; left:577px; top:594px; width:189px;">
<div id="txt_271" style="position:absolute;left:390px;top:624px;width:53px;height:16px;overflow:hidden;">
<p class="Wp-Body-P"><label for="edit_19"><span class="Body-C">Telefoon</span></label></p>
</div>
<input type="text" id="edit_19" name="Telefoon" value="" style="position:absolute; left:577px; top:624px; width:191px;">
<div id="txt_272" style="position:absolute;left:390px;top:654px;width:39px;height:16px;overflow:hidden;">
<p class="Wp-Body-P"><label for="edit_20"><span class="Body-C">Adres</span></label></p>
</div>
<input type="text" id="edit_20" name="Adres" value="" style="position:absolute; left:577px; top:654px; width:191px;">
<div id="txt_273" style="position:absolute;left:390px;top:684px;width:42px;height:16px;overflow:hidden;">
<p class="Wp-Body-P"><label for="edit_22"><span class="Body-C">Plaats</span></label></p>
</div>
<input type="text" id="edit_22" name="Plaats" value="" style="position:absolute; left:577px; top:684px; width:191px;">
<div id="txt_274" style="position:absolute;left:390px;top:714px;width:38px;height:16px;overflow:hidden;">
<p class="Wp-Body-P"><label for="edit_23"><span class="Body-C">Email</span></label></p>
</div>
<input type="text" id="edit_23" name="Email" value="" style="position:absolute; left:577px; top:714px; width:190px;">
<div id="txt_275" style="position:absolute;left:390px;top:744px;width:171px;height:16px;overflow:hidden;">
<p class="Wp-Body-P"><label for="combo_1"><span class="Body-C">Wat voor soort website wilt u</span></label></p>
</div>
<select id="combo_1" name="watvoorsoortwebsitewiltu" size="1" style="position:absolute; left:577px; top:744px;">
    <option value="">Informatieve&nbsp;website</option>
    <option value="">Visiteplaatje&nbsp;voor&nbsp;het&nbsp;bedrijf</option>
    <option value="">geen&nbsp;keuze</option>
</select>
<div id="txt_276" style="position:absolute;left:390px;top:774px;width:105px;height:16px;overflow:hidden;">
<p class="Wp-Body-P"><label for="edit_27"><span class="Body-C">Huidige Website*</span></label></p>
</div>
<input type="text" id="edit_27" name="Huidigewebsite" value="" style="position:absolute; left:577px; top:774px; width:190px;">
<textarea id="text_2" name="Opmerkingen" rows="10" cols="43" style="position:absolute; left:577px; top:804px; width:366px; height:166px;"></textarea>
<input type="submit" style="position:absolute; left:390px; top:978px; width:161px; height:22px;" id="butn_2" value="FormulierVerzenden">
<input type="reset" style="position:absolute; left:559px; top:978px; width:144px; height:22px;" id="butn_3" value="Formulier Wissen">
</form>


en dit heb ik nu al met meerdere formulieren kan een ervaren iemand mij misschien helpen?

Alvast erg bedankt,

Met vriendelijke groet,

Jeffrey
 
Het formulier refereert naar een onderdeel binnen het javascript, zou je dat ook even kunnen laten zien?
 
dit is de gehele code


PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Generator" content="Adobe Dreamweaver cs5.5/Serif X5 Pro">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
<title>Offerte Aanvragen</title>
<script type="text/javascript">
function validate_form_4( form )
{
    if( ltrim(rtrim(form.elements['Bedrijfsnaam'].value,' '),' ')=="" ) { alert("Vul dit vak alstublieft in!"); form.elements['Bedrijfsnaam'].focus(); return false; }
    if( ltrim(rtrim(form.elements['Contactpersoon'].value,' '),' ')=="" ) { alert("Vul dit vak alstublieft in!"); form.elements['Contactpersoon'].focus(); return false; }
    if( ltrim(rtrim(form.elements['Email'].value,' '),' ')=="" ) { alert("Vul dit vak alstublieft in!"); form.elements['Email'].focus(); return false; }
    return true;
}
</script>
<style type="text/css">
body {margin: 0px; padding: 0px;}
.Body-C
{
    font-family:"Arial", sans-serif; font-size:13.0px; line-height:1.23em;
}
.Body-C-C0
{
    font-family:"Arial", sans-serif; font-weight:700; color:#3a3a3a; font-size:13.0px; line-height:1.23em;
}
.Body-1-C
{
    font-family:"Arial", sans-serif; font-weight:700; font-size:11.0px; line-height:1.27em;
}
.Body-1-C-C0
{
    font-family:"Arial", sans-serif; font-size:11.0px; line-height:1.27em;
}
.Body-1-C-C1
{
    font-family:"Arial", sans-serif; font-weight:700; color:#ff5c00; font-size:11.0px; line-height:1.27em;
}
.Placeholder-C
{
    font-family:"Arial", sans-serif; font-size:11.0px; line-height:1.27em;
}
.Sz-Hyperlink-1-C-110px
{
    font-size:11.0px; line-height:1.27em;
}
.Button1,.Button1:link,.Button1:visited{background-position:0px 0px;text-decoration:none;display:block;position:absolute;background-image:url(wpimages/wpeb203da6_06.png);}
.Button1:focus{outline-style:none;}
.Button1:hover{background-position:0px -86px;}
.Button1:active{background-position:0px -43px;}
.Button1 span,.Button1:link span,.Button1:visited span{color:#4d4d4d;font-family:Georgia,serif;font-weight:normal;text-decoration:none;text-align:center;text-transform:none;font-style:normal;left:11px;top:10px;width:73px;height:17px;font-size:13px;display:block;position:absolute;cursor:pointer;}
.Button1:hover span{color:#666666;}
.Button2,.Button2:link,.Button2:visited{background-position:0px -43px;text-decoration:none;display:block;position:absolute;background-image:url(wpimages/wpeb203da6_06.png);}
.Button2:focus{outline-style:none;}
.Button2:hover{background-position:0px -86px;}
.Button2 span,.Button2:link span,.Button2:visited span{color:#4d4d4d;font-family:Georgia,serif;font-weight:normal;text-decoration:none;text-align:center;text-transform:none;font-style:normal;left:11px;top:10px;width:73px;height:17px;font-size:13px;display:block;position:absolute;cursor:pointer;}
.Button2:hover span{color:#666666;}
</style>
<script type="text/javascript" src="wpscripts/jspngfix.js"></script>
<link rel="stylesheet" href="wpscripts/wpstyles.css" type="text/css">
<script type="text/javascript">var blankSrc = "wpscripts/blank.gif";
</script>
</head>

<body text="#000000" style="background-color:#e6e7e4; text-align:center; height:1200px;">
<div style="background-color:transparent;text-align:left;margin-left:auto;margin-right:auto;position:relative;width:1000px;height:1200px;">
<map id="map0" name="map0">
    <area shape="poly" coords="892,42,892,25,851,25,851,50,892,50" href="http://vanvlimmerenmedia.nl" alt="">
    <area shape="poly" coords="940,42,940,26,900,26,900,51,940,51" href="http://vanvlimmerenmedia.be" alt="">
</map>
<img src="wpimages/wp21ea2ce7_06.png" width="980" height="137" border="0" id="grp_249" alt="" onload="OnLoadPngFix()" usemap="#map0" style="position:absolute;left:10px;top:0px;">
<img src="wpimages/wp9137688a_06.png" width="978" height="927" border="0" id="qs_11" alt="" onload="OnLoadPngFix()" style="position:absolute;left:11px;top:169px;">
<img src="wpimages/wp534c4d2f_05_06.jpg" width="960" height="275" border="0" id="obj_30" alt="" style="position:absolute;left:20px;top:176px;">

<form id="form_4" name="Offerteaanvraag" onsubmit="return validate_form_4(this)" action="" method="post" target="_self" enctype="text/plain" style="margin:0px;">
<div id="txt_270" style="position:absolute;left:390px;top:564px;width:80px;height:16px;overflow:hidden;">
<p class="Wp-Body-P"><label for="edit_18"><span class="Body-C">Bedrijfsnaam</span></label></p>
</div>
<input type="text" id="edit_18" name="Bedrijfsnaam" value="" style="position:absolute; left:577px; top:564px; width:190px;">
<div id="txt_269" style="position:absolute;left:390px;top:594px;width:99px;height:16px;overflow:hidden;">
<p class="Wp-Body-P"><label for="edit_17"><span class="Body-C">Contactpersoon</span></label></p>
</div>
<input type="text" id="edit_17" name="Contactpersoon" value="" style="position:absolute; left:577px; top:594px; width:189px;">
<div id="txt_271" style="position:absolute;left:390px;top:624px;width:53px;height:16px;overflow:hidden;">
<p class="Wp-Body-P"><label for="edit_19"><span class="Body-C">Telefoon</span></label></p>
</div>
<input type="text" id="edit_19" name="Telefoon" value="" style="position:absolute; left:577px; top:624px; width:191px;">
<div id="txt_272" style="position:absolute;left:390px;top:654px;width:39px;height:16px;overflow:hidden;">
<p class="Wp-Body-P"><label for="edit_20"><span class="Body-C">Adres</span></label></p>
</div>
<input type="text" id="edit_20" name="Adres" value="" style="position:absolute; left:577px; top:654px; width:191px;">
<div id="txt_273" style="position:absolute;left:390px;top:684px;width:42px;height:16px;overflow:hidden;">
<p class="Wp-Body-P"><label for="edit_22"><span class="Body-C">Plaats</span></label></p>
</div>
<input type="text" id="edit_22" name="Plaats" value="" style="position:absolute; left:577px; top:684px; width:191px;">
<div id="txt_274" style="position:absolute;left:390px;top:714px;width:38px;height:16px;overflow:hidden;">
<p class="Wp-Body-P"><label for="edit_23"><span class="Body-C">Email</span></label></p>
</div>
<input type="text" id="edit_23" name="Email" value="" style="position:absolute; left:577px; top:714px; width:190px;">
<div id="txt_275" style="position:absolute;left:390px;top:744px;width:171px;height:16px;overflow:hidden;">
<p class="Wp-Body-P"><label for="combo_1"><span class="Body-C">Wat voor soort website wilt u</span></label></p>
</div>
<select id="combo_1" name="watvoorsoortwebsitewiltu" size="1" style="position:absolute; left:577px; top:744px;">
    <option value="">Informatieve&nbsp;website</option>
    <option value="">Visiteplaatje&nbsp;voor&nbsp;het&nbsp;bedrijf</option>
    <option value="">geen&nbsp;keuze</option>
</select>
<div id="txt_276" style="position:absolute;left:390px;top:774px;width:105px;height:16px;overflow:hidden;">
<p class="Wp-Body-P"><label for="edit_27"><span class="Body-C">Huidige Website*</span></label></p>
</div>
<input type="text" id="edit_27" name="Huidigewebsite" value="" style="position:absolute; left:577px; top:774px; width:190px;">
<textarea id="text_2" name="Opmerkingen" rows="10" cols="43" style="position:absolute; left:577px; top:804px; width:366px; height:166px;"></textarea>
<input type="submit" style="position:absolute; left:390px; top:978px; width:161px; height:22px;" id="butn_2" value="FormulierVerzenden">
<input type="reset" style="position:absolute; left:559px; top:978px; width:144px; height:22px;" id="butn_3" value="Formulier Wissen">
</form>
<div id="nav_410" style="position:absolute;left:30px;top:460px;width:500px;height:73px;">
    <a href="index.php" id="nav_410_B1" class="Button1" style="display:block;position:absolute;left:15px;top:15px;width:94px;height:43px;"><span>Home</span></a>
    <a href="producten.php" id="nav_410_B2" class="Button1" style="display:block;position:absolute;left:109px;top:15px;width:94px;height:43px;"><span>Producten</span></a>
    <a href="contact.php" id="nav_410_B3" class="Button1" style="display:block;position:absolute;left:203px;top:15px;width:94px;height:43px;"><span>Contact</span></a>
    <a href="portfolio.php" id="nav_410_B4" class="Button1" style="display:block;position:absolute;left:297px;top:15px;width:94px;height:43px;"><span>portfolio</span></a>
    <a href="offerte.php" id="nav_410_B5" class="Button2" style="display:block;position:absolute;left:391px;top:15px;width:94px;height:43px;"><span>Offerte</span></a>
</div>
<div id="txt_277" style="position:absolute;left:772px;top:1020px;width:148px;height:38px;overflow:hidden;">
<p class="Wp-Body-P"><span class="Body-C-C0">* Indien aanwezig</span></p>
</div>
<img src="wpimages/wpaa7739c0_06.png" width="976" height="85" border="0" id="qs_12" alt="" onload="OnLoadPngFix()" style="position:absolute;left:14px;top:1115px;">
<div id="txt_243" style="position:absolute;left:67px;top:1139px;width:532px;height:45px;overflow:hidden;">
<p class="Wp-Body-1-P"><span class="Body-1-C">Van Vlimmeren</span><span class="Body-1-C-C0"> </span><span class="Body-1-C-C1">Media</span></p>
<p class="Wp-Body-1-P"><span class="Placeholder-C"> © &nbsp;Copyright</span></p>
<p class="Wp-Body-1-P"><span class="Body-1-C-C0"> </span><span class="Wp-Hyperlink-1-C Sz-Hyperlink-1-C-110px"><a class="Wp-Hyperlink-1-C-H" href="faq.php" style="text-decoration:underline;">Privacy</a><a class="Wp-Hyperlink-1-C-H" href="faq.php" style="text-decoration:underline;"> </a><a class="Wp-Hyperlink-1-C-H" href="faq.php" style="text-decoration:underline;">Policy</a></span><span class="Body-1-C-C0"> | </span><span class="Wp-Hyperlink-1-C Sz-Hyperlink-1-C-110px"><a class="Wp-Hyperlink-1-C-H" href="index.php" style="text-decoration:underline;">Algemene Voorwaarden</a></span></p>
</div>
<img src="wpimages/wpc7c96ae3_06.png" width="11" height="19" border="0" id="pcrv_1201" alt="" onload="OnLoadPngFix()" style="position:absolute;left:896px;top:1151px;">
<img src="wpimages/wpe9719449_06.png" width="25" height="18" border="0" id="pcrv_1204" alt="" onload="OnLoadPngFix()" style="position:absolute;left:922px;top:1151px;">
<img src="wpimages/wp3468fc80_06.png" width="960" height="9" border="0" id="qs_189" alt="" onload="OnLoadPngFix()" style="position:absolute;left:21px;top:1113px;">
<img src="wpimages/wpe075683c_06.png" width="250" height="150" border="0" id="pic_9" alt="" onload="OnLoadPngFix()" style="position:absolute;left:48px;top:524px;">
<script type="text/javascript" src="wpscripts/jsValidation.js"></script>
</div>
</body>
</html>
 
is het echt nodig deze pagina in wordpress te maken?
zet een referentie naar een mailscript dat je zelf in php maakt in het action attribute van je form, dus waar <form ... action="" ...></form> staat <form ... action="sentmail.php" ...> als voorbeeld, de sentmail.php zul je zelf in elkaar moeten zetten zonder wordpress, daarna kun je een header gebruiken om je gebruiker weer terug te sturen naar een andere pagina.
 
Ja ik heb niet echt heel veel verstand van php dus dat is het hem eigenlijk. Als ik dan sentmail.php pakt als action dat begrijp ik dan gaat hij naar sentmail file op men server maar. is dit dan voldoende?

PHP: 
 <?php
if (isset($submit)) {
   $Onderwerp="Bericht\n";
   $Naam="Naam: $Naam\n"; 
   $Email="E-mail: $Email\n"; 
   $Bericht="Bericht: $Bericht\n"; 
   mail("jaspervanouwerkerk@hotmail.com", "$Onderwerp", "$Naam $Email $Bericht"); 
}
?>
 
Je zou dat wel erg weinig gegevens versturen, maar nee dat gaat niet werken, de gegevens van het formulier worden in post verzonden, zie method="post" in je form element.
PHP: 
<?php
if (isset($submit)) {
   $Onderwerp=$_POST['Bericht'];
   $Naam="Naam: " . $_POST['Naam']; 
   $Email="E-mail: " . $_POST['Email']; 
   $Bericht="Bericht:" . $_POST['Bericht']; 
   mail("jaspervanouwerkerk@hotmail.com", $Onderwerp, $Naam ."/n". $Email ."/n". $Bericht . "/n"); 
}
?>
$_POST[] staat voor de post global, dit is een array met alle post gegevens die de browser verstuurt.
de . staat voor, er komt nog wat achter. dus als "Hello " . "world" hetzelfde is als "Hello world"
bedenk wel dat de mail server moet zijn ingesteld binnen de instellingen van de webserver waar je dit dan op draait.
 
Laatst bewerkt:
ok heb je misschien meer uitleg tutorial of iets dergelijks ik ben veel aan het google geweest maar ik krijg niet echt de uitleg die je me nu verstrekt zeg maar. Ieder geval bedankt voor de hulp ;)
 
$_POST[] staat voor de post global, dit is een array met alle post gegevens die de browser verstuurt.
de . staat voor, er komt nog wat achter. dus als "Hello " . "world" hetzelfde is als "Hello world"
Klik om te vergroten...
 
bedankt maar dit is erg basis dat snap ik wel maar ik zit alleen met het verzenden in mijn maag het maken is niet zo moelijk maar alles via de post method te verzenden is voor mij nog 1 vage verschijnsel zegmaar
 
aan de code te zien die je bovenaan liet zien snap je het niet.
de post en get globals zijn erg belangrijk te snappen en zijn zeker geen verschijnsel maar de basis voor het menselijk input.
je mail methode is in orde in mijn voorbeeld maar, de mailserver moet zijn ingesteld binnen je webserver.
 
Als je zoveel moeite hebt met PHP en het contactformulier, waarom gebruik je dan niet gewoon een plugin hiervoor.

Contact Form 7 (download) is een goede en simpel om te gebruiken. Zie hier de handleiding.
 
PHP: 
// Verander de gegevens $EmailTo en $Subject

$EmailTo = "test@hotmail.com"; // naar wie moet de mail toe - > naar jou dus
$Subject = "contact aan "; // onderwerp
$voornaam = Trim(stripslashes($_POST['voornaam'])); // haalt spaties weg voor en achterkant, deze optie herhaal je net zo vak als hoeveel invoerelementen jij hebt

$achternaam = Trim(stripslashes($_POST['achternaam']));
$email = Trim(stripslashes($_POST['email']));
$bericht = Trim(stripslashes($_POST['bericht']));
$onderwerp = Trim(stripslashes($_POST['onderwerp']));

// --Valideert de gegevens

$validationOK=true;
if (Trim($voornaam)=="") $validationOK=false; // ook herhalen tot al je invoerelementen zijn gevalideerd, dit is een simpele validator trouwens
if (Trim($achternaam)=="") $validationOK=false;
if (Trim($bericht)=="") $validationOK=false;
if (Trim($email)=="") $validationOK=false;
if (Trim($onderwerp)=="") $validationOK=false; 
if (!$validationOK) { // deze altijd laten staan !
  print "<meta http-equiv=\"refresh\" content=\"0;URL=error.htm\">";
  exit;
}

$bericht = nl2br($bericht);// deze zorgt voor nieuwe regels in een bericht.



// Hier maak je je email bericht op, kan met html bijv:

$Body  = "<html><h3> Hieronder de gegevens van de contacteerder met daarin zijn/haar bericht/opmerking of vraag: </h3><br>";
$Body .= "naam: ";
$Body .= $voornaam; // Voornaam veld // de variabele is hier voornaam dus wordt de voornaam verzonden.
$Body .= "</h3></html> ";

// net zo veel als jou invoerelementen.


$html =true; // deze headers zorgen dat je hmtl kunt gebruiken in de mail 
$headers	 = ($html) ? 'MIME-Version: 1.0' . PHP_EOL : ''; 
$headers	.= ($html) ? 'Content-type: text/html; charset=iso-8859-1' . PHP_EOL : '';

// verzend de email naar jou
$success = mail($EmailTo , $Subject, $Body, "From: <$email>,$headers");


// verzend meteen door naar 1 van de pagina's
if ($success){
  print "<meta http-equiv=\"refresh\" content=\"0;URL=succes.html\">"; // dit is de pagina voor het goedkeuren, bestaat niet
}
else{
  print "<meta http-equiv=\"refresh\" content=\"0;URL=error.htm\">"; // dit is de error pagina , deze ook niet
}


Hoop dat je hier wat aan hebt. suc6
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan