ورود

View Full Version : تماس باما در صفحات html


maryam.s
سه شنبه 04 آذر 1393, 18:00 عصر
سلام و خسته نباشید ببخشید

میخواستم بدونم تو قالب زیر که html به چه صورت می تونم فرم تماس با مارو واسش پایین فعال و قرار بدم

اینم لینک قالب (http://dlbook.net/wp-content/uploads/2014/11/k69.rar)



با تشکر
543310
سه شنبه 04 آذر 1393, 23:49 عصر
سلام. میتونی با استفاده از ایجکس به راحتی میتونی این کارو انجام بدی...
maryam.s
چهارشنبه 05 آذر 1393, 11:15 صبح
سلام دوست عزیز مشکل اینه که نمی دونم چه جوری باید انجام بدم ممنون میشم راهنمایی کنید
543310
چهارشنبه 05 آذر 1393, 23:23 عصر
این یه مثال ساده هستش :
شما دو تا فایل درست کن یکی به نام index.html و دیگری به نام send.php کنار هم سپس کد های زیر رو در داخل هر کدوم جایگذاری کن...

فایل index.html

<html>
<head>
<meta charset="UTF-8">
<title>Contact</title>
</head>
<body>
<form method="post">
<input type="text" id="name">
<br>
<textarea id="message" cols="30" rows="10"></textarea>
<br>
<button type="submit" id="send" name="send">Send Message</button>
</form>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function() {
$('#send').on('click', function(event) {
event.preventDefault();
$.ajax({
type: "POST",
url: 'send.php',
data: {
name:$('#name').val(),
message:$('#message').val()
}
}).done(function ( msg ) {
alert( msg );
});
});
});
</script>
</body>
</html>


فایل send.php

<?php echo "Name : ".$_POST['name']."\nMessage : ".$_POST['message']; ?>