Bonjour à tous,

Alors voilà, mon portfolio est en voie de finalisation mais il me reste un (gros) souci à résoudre et j'avoue ne pas comprendre d'où vient l'erreur.

J'ai suivi un tutoriel pour apprendre Javascript afin de créer un formulaire de contact Html/Php/Ajax. Pour le mec ça marche très bien mais pour moi... alors qu'on a le même code.

A noter que SANS l'ajax, je reçois bien les mails. Mais dès que j'ajoute l'ajax (qui sert à ne pas recharger la page apres le "Submit"), je ne reçois plus rien.
Pourtant j'ai mis une "alert(' ') " afin de voir les données envoyées et tout semble correct. Je n'ai aucune erreur affichée d'ailleurs, le mail est bien dit comme "envoyé" mais voilà, je ne reçois rien du tout.

PS: le site est hébergé chez Ovh.

voici le site: www.dimfolio.fr (tout en bas). J'ai laissé l'alerte exprès.

Mon code HTML:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="form" >
 
           <h2> Allez, on n'est pas <strong>timide</strong> !</h2>
           <form method="post" action="">
                 <p><input placeholder="*Nom" type="text" id="form_nom" name="form_nom"></p>
                <p><input placeholder="*Prénom" type="text" id="form_prenom"  name="form_prenom"></p>
               <p><input placeholder="*E-mail" type="email" id="form_email" name="form_email"></p>
               <p style="position:relative">
                    <textarea placeholder="*Votre message" id="form_message"  name="form_message"></textarea>
                    <div id="form_loading"><img src="img/loading.gif" /></div>
               </p>
               <p><input value="Envoyer" id="form_bouton" name="form_submit" type="submit"></p>
          </form>
</div>


Mon code PHP (dans ma page html, avant le DOCTYPE):
Code php : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?php
 
	if( !empty($_POST) && !empty($_POST['form_nom']) && !empty($_POST['form_prenom']) && !empty($_POST['form_email']) && !empty($_POST['form_message'])) {
 
		$nom=strip_tags($_POST['form_nom']);
		$prenom=strip_tags($_POST['form_prenom']);
		$email=strip_tags($_POST['form_email']);
		$message=strip_tags($_POST['form_message']);
 
		$sujet= 'Contact Portfolio : ' .$nom. ' ' .$prenom;
		$monEmail = 'chouvaeff.dimitri@gmail.com';
 
		$headers = 'From: ' .$nom. ' ' .$prenom. '<' .$email. '>';
 
 
		mail($monEmail,$sujet,$message,$headers);
 
	}
 
?>

L'ajax, dans un fichier "site.js". Tous mes autres scripts fonctionnent bien.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
$('#form_bouton').click(function(){
 
	var nom=$('#form_nom').val();
	var prenom=$('#form_prenom').val();
	var email=$('#form_email').val();
	var message=$('#form_message').val();
 
	var donnees = 'nom='+ nom + '&prenom=' + prenom + '&email=' + email + '&message=' + message;
 
	$('#form_nom, #form_prenom, #form_email, #form_message').focus(function(){
			$(this).removeClass('error');
	});
 
	if(nom==''){$('#form_nom').addClass('error');  }
	if(prenom==''){$('#form_prenom').addClass('error');  }
	if(email==''){$('#form_email').addClass('error');  }
	if(message==''){$('#form_message').addClass('error');  }
 
	if( nom != '' && prenom != '' && email != '' && message != '' ){ 
 
		$.ajax({
 
			type:"POST",
			url:"index.php",
			data: donnees,
			beforeSend: function()
				{ 	$('#form_loading').fadeIn();
					alert(donnees);
				 },
			success: function()
				{
					$('#form_loading').fadeOut();
					$('#form').empty().append('<div id="success">Message bien envoyé. Je vous recontacte au plus vite !</div>').hide().slideDown();
				}
		});
	}
	return false;	
	});


En vous remerciant d'avance pour l'aide apportée.

Dimitri