Fromularz Kontaktowy : Komunikat o wysłaniu wiadomości bez przeładowania strony Opcje

[Altaro]

Witam. Pewnie ktoś napisze że słabo szukałem ale tak nie było (IMG:style_emoticons/default/wink.gif) Nie doszukałem się możliwości zrobienia komunikatu formularza kontaktowego, który po wysłaniu wiadomości, pokazywał by komunikat "Wiadomość została wysłana" bądź "Wiadomość nie została wysłana" , bez przeładowania strony, a najlepiej w nad wiadomością...

na tą chwilę wygląda to tak:

[PHP] pobierz, plaintext 
<?php
 
// Tworzymy zmienną dla imienia i nazwiska
$name = $_POST['name'];
 
// Tworzymy zmienną dla adresu email
$email = $_POST['email'];
 
// Tworzymy zmienną dla tematu
$temat = $_POST['temat'];
 
// Tworzymy zmienną dla wiadomości
$message = $_POST['message'];
 
// Podajesz adres email z którego ma być wysłana wiadomość
$odkogo = "kontakt@pc-pogotowie.cba.pl";
 
// Podajesz adres email na który chcesz otrzymać wiadomość
$dokogo = "kamilnowakldz@gmail.com";
 
// Podajesz tytuł jaki ma mieć ta wiadomość email
$tytul = "Komputerowe Pogotowie Ratunkowe";
 
// Przygotowujesz treść wiadomości
$wiadomosc = "";
$wiadomosc .= "Imie i nazwisko: " . $name . "\n";
$wiadomosc .= "Email: " . $email . "\n";
$wiadomosc .= "Temat: " . $temat . "\n";
$wiadomosc .= "Wiadomość: " . $message . "\n";
 
// Dodajemy UTF-8 do naglowka naszej wiadomości
$naglowek = "kontakt@pc-pogotowie.cba.pl";
$naglowek .= "Od:" . $odkogo . " \n";
$naglowek .= "Content-Type:text/plain;charset=utf-8";
 
// Wysyłamy wiadomość
$sukces = mail($dokogo, $temat, $wiadomosc, $naglowek);
 
 //Przekierowywujemy na potwierdzenie
if ($sukces){
  print "<meta http-equiv=\"refresh\" content=\"0;Wysłane\">";
}
else{
  print "<meta http-equiv=\"refresh\" content=\"0;URL=error.html\">";
}  
?> 
[PHP] pobierz, plaintext 

Po prostu z braku wiedzy nie wiem jak zrobić potwierdzenie.... zapewne będzie trzeba to zrobićw AJAX... tylko nie wiem jak.... Proszę o pomoc.

Ten post edytował Altaro 17.04.2015, 10:13:07

[aras785]

Pisane z palca. Proszę sprawdzić czy coś takiego działa:

PHP (sendmail.php):

[PHP] pobierz, plaintext 
<?php
 
// Tworzymy zmienną dla imienia i nazwiska
$name = $_POST['name'];
 
// Tworzymy zmienną dla adresu email
$email = $_POST['email'];
 
// Tworzymy zmienną dla tematu
$temat = $_POST['temat'];
 
// Tworzymy zmienną dla wiadomości
$message = $_POST['message'];
 
// Podajesz adres email z którego ma być wysłana wiadomość
$odkogo = "kontakt@pc-pogotowie.cba.pl";
 
// Podajesz adres email na który chcesz otrzymać wiadomość
$dokogo = "kamilnowakldz@gmail.com";
 
// Podajesz tytuł jaki ma mieć ta wiadomość email
$tytul = "Komputerowe Pogotowie Ratunkowe";
 
// Przygotowujesz treść wiadomości
$wiadomosc = "";
$wiadomosc .= "Imie i nazwisko: " . $name . "\n";
$wiadomosc .= "Email: " . $email . "\n";
$wiadomosc .= "Temat: " . $temat . "\n";
$wiadomosc .= "Wiadomość: " . $message . "\n";
 
// Dodajemy UTF-8 do naglowka naszej wiadomości
$naglowek = "kontakt@pc-pogotowie.cba.pl";
$naglowek .= "Od:" . $odkogo . " \n";
$naglowek .= "Content-Type:text/plain;charset=utf-8";
 
// Wysyłamy wiadomość
$sukces = mail($dokogo, $temat, $wiadomosc, $naglowek);
 
//Przekierowywujemy na potwierdzenie
if ($sukces){
echo 1;
}
else{
echo 0;
} 
?> 
[PHP] pobierz, plaintext 

HTML:

[HTML] pobierz, plaintext 
Imię naziwsko: <input type="text" name="form_name"/><br/>
Email: <input type="text" name="form_email"/><br/>
Temat: <input type="text" name="form_temat"/><br/>
Wiadomość: <input type="text" name="form_message"/><br/>
<button id="send">Wyślij</button>
[HTML] pobierz, plaintext 

JS:

[HTML] pobierz, plaintext 
<script>
$(function())
{
	$('#send').click(function(){
		//sprawdz czy wszystkie pola sa poprawne - uzupelnione itd.
		//jesli wszystko ok to wysylamy post
 
		var form_name = $('input[name=form_name]').val();
		var form_email = $('input[name=form_email]').val();
		var form_temat = $('input[name=form_temat]').val();
		var form_message = $('input[name=form_message]').val();
 
		$.post( "sendmail.php", { name: form_name, email: form_email, temat: form_temat, message: form_message })
  			.done(function(result) {
    			if(result==1)
    			{
    				alert('Wiadomość została wysłana');
    			}else
    			{
    				alert('Blad przy wysylaniu wiadomosci');
    			}
    			//czyscimy formularz
    			$('input[name=form_name]').val('');
    			$('input[name=form_email]').val('');
    			$('input[name=form_temat]').val('');
    			$('input[name=form_message]').val('');
  		});
	});
}
</script>
[HTML] pobierz, plaintext 

Ten post edytował aras785 17.04.2015, 10:44:30