plik sendemail
<?php /************************ * Variables you can change *************************/ $mailto = "www@nazwa.pl"; // Enter your mail addres here. $subject = "Message from $name"; // Enter the subject here. $email = $_POST['email']; $message = $_POST['message']; } } } } else { // NOW SEND THE ENQUIRY $email_message="\n\n" . "Name: " . "\n" . "Email: " . $email . "\n" . "Comments: " . "\n" . $message . "\n" . "\n\n" ; mail($mailto, $subject, $email_message, "From: \"$vname\" <".$email.">\nReply-To: \"".ucwords($name)."\" <".$email.">\nX-Mailer: PHP/" . phpversion() ); } ?>
JS
$(document).ready(function() { $('#buttonsend').click( function() { var name = $('#name').val(); var subject = $('#subject').val(); var email = $('#email').val(); var message = $('#message').val(); $('.loading, .loading-side').fadeIn('fast'); if (name != "" && subject != "" && email != "" && message != "") { $.ajax( { url: './sendemail.php', type: 'POST', data: "name=" + name + "&subject=" + subject + "&email=" + email + "&message=" + message, success: function(result) { $('.loading, .loading-side').fadeOut('fast'); if(result == "email_error") { } else { $('#name, #subject, #email, #message').val(""); $('<div class="success-contact"><img src="images/success.png" alt="" class="success-icon" />Your message has been sent successfully. Thank you! </div>').insertBefore('#contactFormArea'); $('.success-contact').fadeOut(5000, function(){ $(this).remove(); }); } } } ); return false; } else { $('.loading, .loading-side').fadeOut('fast'); if( name == "") $('#name').css({"background":"#FFFCFC","background-image":"url(images/search-line-error.gif)","background-repeat":"repeat-x","background-position":"top"}); if(subject == "") $('#subject').css({"background":"#FFFCFC","background-image":"url(images/search-line-error.gif)","background-repeat":"repeat-x","background-position":"top"}); if(email == "" ) $('#email').css({"background":"#FFFCFC","background-image":"url(images/search-line-error.gif)","background-repeat":"repeat-x","background-position":"top"}); if(message == "") $('#message').css({"background":"#FFFCFC","background-image":"url(images/search-line-error.gif)","background-repeat":"repeat-x","background-position":"top"}); return false; } }); $('#name, #subject, #email,#message').focus(function(){ $(this).css({"background":"#e6e6e6","background-image":"url(images/search-line.gif)","background-repeat":"repeat-x","background-position":"top","border":"none"}); }); });
i html
<!DOCTYPE html SYSTEM "http://www.indonez.com/xhtml1-iframe.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!-- ////////////////////////////////// --> <!-- // Javascript Files // --> <!-- ////////////////////////////////// --> </head> <div id="contactFormArea"> <!-- Contact Form Start //--> <form action="#" id="contactform"> <fieldset> <div class="label-form-inline"> <input type="text" name="name" class="textfield" id="name" value="" /> </div> <div class="label-form-inline"> <input type="text" name="email" class="textfield" id="email" value="" /> </div> <div class="label-form-inline-last"> <input type="text" name="firma" class="textfield" id="email" value="" /> </div> <div class="label-form-inline"> <select> </select> </div> <div class="label-form-inline"> <select> </select> </div> <div class="label-form-inline-last"> <input type="text" name="email" class="textfield" id="email" value="" /> </div> <div style="float:left;"> </div> </fieldset> </form> <!-- Contact Form End //--> <input class="check" type="checkbox" value="1" name="acce"> <br /> <input class="check" type="checkbox" value="1" name="ikno"> </div> </div> </body> </html>