Beste,

Ik heb een los CSS bestand en HTML bestand. Echter word de opmaak van het CSS bestand deels niet zichtbaar. De achtergrondkleur veranderd wel (body) er is dus wel een verbinding. Kan iemand aangeven wat ik mis doe?

Alvast bedankt.


Ik heb in een HTML bestand de volgende code:


	</head>
<link rel="stylesheet" href="contactform.css" type="text/css" />
<body> 


<div id="formWrap">
<div id="form"></div>
	<div class="row"> 
	<div class="label"> naam </div>
	<div class="input"> 
	<input type="text" id="fullname" class="detail" name="fullname" value="" />
	<div class="context">tekst dat hier staat</div>
	</div> 
	</div>
	</div>


De code uit het CSS:

body{
		background:#E9E9E9;

#formWrap {
		width:720px;
		margin-top:30px;
		margin-left:30px; 
		background:#FFF; 
		border:1px solid #F1F1F1;
		-moz-border-radius:20px;
		-moz-box-shadow:2px 2px 5px #999;
		-webkit-border-radius:20px;
		-webkit-box-shadow:2px 2px 5px #999;
		padding:16px 10px 40px; 
		
		}
Bernhard G op 02/09/2015 22:52:18
Ik zou graag een optie met een datum keuze (agenda) en een tijdstip willen invoeren.
Enig idee hoe ik dit invoer?

jQuery datepicker + wat custom select boxes voor tijd?

Bernhard G op 02/09/2015 22:52:18
oh en mijn redirect naar index.html werkt niet. Iemand een idee hoe dit kan?

<script type="text-javascript">
Bedankt voor jullie reactie! Ik ga ermee aan de slag.

Het redirecten lukt nog niet. Ik wil straks graag dat degene die het veld heeft ingevuld verder gaat naar een iDeal formulier.

Nog een vraag:

Ik zou graag willen dat degene die het formulier heeft ingevuld een standaard mail krijgt met gegevens die hij heeft ingevuld. Is hier een standaard javascript voor?

Alvast bedankt.
Mail kan niet met JavaScript. Je zult PHP moeten gebruiken. Bij voorkeur zelfs PHPmailer.
- Aar - op 03/09/2015 09:08:24

Mail kan niet met JavaScript. Je zult PHP moeten gebruiken. Bij voorkeur zelfs PHPmailer.


Dit kan dan wel in hetzelfde .php bestand?

Kan ik ergens een voorbeeld code vinden?
- Aar - op 03/09/2015 09:38:09

PHPmailer kan je prima in je eigen code verwerken. Het kan al met tiental regeltjes:

http://phpmailer.worxware.com/?pg=examples


Super bedankt.

Moet ik de code in de head zetten of achter de bedankt pagina. En mag ik vragen hoe ik de actie er aan koppel?
Ik denk dat het zinvoller is om eerst de basis van PHP te leren, als je er mee aan de slag wilt gaan.
Dan wordt wel duidelijk hoe je de code op de juiste structuur in kan bouwen.
Ik heb de code gemaakt en wil het testen.

Wanneer ik het in mijn php zet dan kan ik mijn hele pagina niet meer zien.

Wat doe ik fout?

Alvast bedankt.

<?php

if ($_POST["submit"])


$onderwerp = 'Bevestigingsmail';
$webmaster = 'mijn e-mail';


$e-mailadres = $_POST['email']; 
$naam = $_POST['fullname'];
$telefoonnummer = $_POST['cellphone'];
$stad = $_POST['city'];
$opmerking = $_POST['comment'];


$body = <<<EOD
<br><hr><br>
E-mail: $email <br>
Naam: $fullname <br>
telefoonnummer: $cellphone <br>
Stad: $city <br>
Opmerking: $comment <br>
EOD;

$headers = "from: $email\r\n";
$headers .= "conntent-type: text/html\r\n";
$success =mail ($webmaster, $onderwerp, $body, $headers);
 

// Set email variables
$email_to = 'mijn email';
$email_subject = 'onderwerp';

// Set required fields
$required_fields = array('fullname','email','cellphone','city');

// set error messages
$error_messages = array(
	'fullname' => 'Vul je naam in.',
	'email' => 'Vul je e-mailadres in.',
	'cellphone' => 'Vul je telefoonnummer in.',
	'city' => 'Kies een stad.',
	
);

// Set form status
$form_complete = FALSE;

// configure validation array
$validation = array();

// check form submittal
if(!empty($_POST)) {
	// Sanitise POST array
	foreach($_POST as $key => $value) $_POST[$key] = remove_email_injection(trim($value));
	
	// Loop into required fields and make sure they match our needs
	foreach($required_fields as $field) {		
		// the field has been submitted?
		if(!array_key_exists($field, $_POST)) array_push($validation, $field);
		
		// check there is information in the field?
		if($_POST[$field] == '') array_push($validation, $field);
		
		// validate the email address supplied
		if($field == 'email') if(!validate_email_address($_POST[$field])) array_push($validation, $field);
	}
	
	// basic validation result
	if(count($validation) == 0) {
		// Prepare our content string
		$email_content = 'New Website Comment: ' . "\n\n";
		
		// simple email content
		foreach($_POST as $key => $value) {
			if($key != 'submit') $email_content .= $key . ': ' . $value . "\n";
		}
		
		// if validation passed ok then send the email
		mail($email_to, $email_subject, $email_content);
		
		// Update form switch
		$form_complete = TRUE;
	}
}

function validate_email_address($email = FALSE) {
	return (preg_match('/^[^@\s]+@([-a-z0-9]+\.)+[a-z]{2,}$/i', $email))? TRUE : FALSE;
}

function remove_email_injection($field = FALSE) {
   return (str_ireplace(array("\r", "\n", "%0a", "%0d", "Content-Type:", "bcc:","to:","cc:"), '', $field));
}

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>



	<title>Contact Form</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	
	<link href="contactform.css" rel="stylesheet" type="text/css" />
	
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.0/mootools-yui-compressed.js"></script>
	<script type="text/javascript" src="validation.js"></script>
	
	<script type="text/javascript">
		var nameError = '<?php echo $error_messages['fullname']; ?>';
		var emailError = '<?php echo $error_messages['email']; ?>';
		var cellphoneError = '<?php echo $error_messages['cellphone']; ?>';
		var cityError = '<?php echo $error_messages['city']; ?>';
	</script>

</head>

<body> 


<div id="formWrap">
<div id="form">
</div>

<form action="contact.php" method="post" id="comments_form">
<?php if($form_complete === FALSE): ?>
	<div class="row"> 
	<div class="label"> Voor en achternaam </div>
	<div class="input"> 
	<input type="text" id="fullname" class="detail" name="fullname" value="<?php echo isset($_POST['fullname'])? $_POST['fullname'] : ''; ?>" /><?php if(in_array('fullname', $validation)): ?><span class="error"><?php echo $error_messages['fullname']; ?></span><?php endif; ?>
	<div class="context"></div>
	</div> 
	</div>
	
	
	<div class="row"> 
	<div class="label"> E-mailadres </div>
	<div class="input"> 
	<input type="text" id="e-mail" class="detail" name="email" value="<?php echo isset($_POST['email'])? $_POST['email'] : ''; ?>" /><?php if(in_array('email', $validation)): ?><span class="error"><?php echo $error_messages['email']; ?></span><?php endif; ?>
	<div class="context"></div>
	</div> 
	</div>
	
	<div class="row"> 
	<div class="label"> Telefoonnummer </div>
	<div class="input"> 
	<input type="number" id="cellphone" class="detail" name="cellphone" value="<?php echo isset($_POST['cellphone'])? $_POST['cellphone'] : ''; ?>" /><?php if(in_array('cellphone', $validation)): ?><span class="error"><?php echo $error_messages['cellphone']; ?></span><?php endif; ?>
	<div class="context"></div>
	</div> 
	</div>
	
	<div class="row"> 
	<div class="label"> In welke stad? </div>
	<div class="input"> 
	<select>
  <option value="Utrecht">Utrecht</option>
</select>
	<input type="dropdown" id="city" class="" name="city" value="<?php echo isset($_POST['city'])? $_POST['city'] : ''; ?>" /><?php if(in_array('city', $validation)): ?><span class="error"><?php echo $error_messages['city']; ?></span><?php endif; ?>
	</div> 
	</div>
	
	
	<div class="row"> 
	<div class="label"> Opmerkingen </div>
	<div class="input"> 
	<textarea id= "comment" name="comment" class="mess"><?php echo isset($_POST['comment'])? $_POST['comment'] : ''; ?></textarea><?php if(in_array('comment', $validation)): ?><span class="error"><?php echo $error_messages['comment']; ?></span><?php endif; ?>
	</div> 
	</div>
	

	<div class="submit"> 
	<input type= "submit" id="submit" name="submit" value="send message" />
	</div>
	</form> 
<?php else: ?>
<p>Thank you for your Message!</p>

<script type="text-javascript">


window.setTimeout("location=('index.html');",5000)

</script>

<?php endif; ?>

</div> 
</body> 

</html>



Zet de errors eens aan dan ga je wat zien.

Bovenin je script:
<?php
ini_set('display_errors', 1);
error_reporting(E_ALL);
?>
Bedankt maar werkt nog steeds niet.

Wanneer ik onderstaande code weg laat dan werkt hij wel:

<?php

if ($_POST["submit"])


$onderwerp = 'Bevestigingsmail';
$webmaster = 'mijn e-mail';


$e-mailadres = $_POST['email'];
$naam = $_POST['fullname'];
$telefoonnummer = $_POST['cellphone'];
$stad = $_POST['city'];
$opmerking = $_POST['comment'];


$body = <<<EOD
<br><hr><br>
E-mail: $email <br>
Naam: $fullname <br>
telefoonnummer: $cellphone <br>
Stad: $city <br>
Opmerking: $comment <br>
EOD;

$headers = "from: $email\r\n";
$headers .= "conntent-type: text/html\r\n";
$success =mail ($webmaster, $onderwerp, $body, $headers);

Reageren