In de map contact heb ik een contactform.php toegevoegd.
Bij het mailen via de webwinkel wordt middels een ajax request de gegevens doorgestuurd en weer opgevangen. De functies hiervoor bestaan al in js/cart/contact.js (submitForm en submitFinished)
function submitForm() {
var contactForm = $(this);
// Are all the fields filled in?
if ( !$('#senderName').val() || !$('#senderEmail').val() || !$('#senderMessage').val() ) {
// No; display a warning message and return to the form
$('#incompleteMessage').fadeIn().delay(messageDelay).fadeOut();
contactForm.fadeOut().delay(messageDelay).fadeIn();
} else {
$('#sendingMessage').fadeIn();
contactForm.fadeOut();
var contactUrl = "contact/contactform.php?ajax=true";
$.ajax( {
url: contactUrl,
type: contactForm.attr( 'method' ),
data: contactForm.serialize(),
success: submitFinished
} );
}
// Prevent the default form submission occurring
return false;
}
// Handle the Ajax response
function submitFinished( response ) {
response = $.trim( response );
$('#sendingMessage').fadeOut();
if ( response == "success" ) {
// Form submitted successfully:
// 1. Display the success message
// 2. Clear the form fields
// 3. Fade the content back in
$('#successMessage').fadeIn().delay(messageDelay).fadeOut();
$('#senderName').val( "" );
$('#senderEmail').val( "" );
$('#senderMessage').val( "" );
$('#container').delay(messageDelay+500).fadeTo( 'slow', 1 );
} else {
// Form submission failed: Display the failure message,
// then redisplay the form
$('#failureMessage').fadeIn().delay(messageDelay).fadeOut();
$('#contactForm').delay(messageDelay+500).fadeIn();
}
}
Het gaat erom dat die koppeling gemaakt kan worden.
In de map contact heb ik een contactform.php toegevoegd.
Bij het mailen via de webwinkel wordt middels een ajax request de gegevens doorgestuurd en weer opgevangen. De functies hiervoor bestaan al in js/cart/contact.js (submitForm en submitFinished)
Het gaat erom dat die koppeling gemaakt kan worden.