Bonjour à toutes et à tous,
Lorsque dans mon code Javascript (présenté plus bas) je mets la ligne
pour eempêcher que le navigateur soumette le formulaire lui même, ce dernier n'est pas soumis donc n'effectue pas le code PHP du fichier mis dans le champ action du formulaire. C'est normal.
Code : Sélectionner tout - Visualiser dans une fenêtre à part e.preventDefault()
Par contre comment faire "interragir" le code du fichier javascript avec le code PHP pour que le formulaire soit soumis, et qu'il implémente ce que j'attends de lui c'est à dire de l'injection SQL.
code Javascript
formulaire HTML
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 /** script traitant de l'ajout des photos dans la zone de publication de l'espace producteur */ $(document).ready(function() { $(".ajout_photos").click(function() { /** objectif : Le producteur dans son espace doit pouvoir ajouter des photos de son vignoble. Lorsque le producteur clique sur le bouton ajouter des photos dans sa zone producteur. */ $("#formPhotosAjout").fadeIn(1500); $(".ajout_photos").hide(); $(".modifier").hide(); $("#vins").hide(); }); // fin $(".ajout_photos").click() $("form").submit(function(e) { $("#loader").show(); e.preventDefault(); // empêcher le navigateur de soumettre lui même le formulaire //alert('test'); // parcourir le DOM pour afficher le message de publication réussie dans la div conçue à cet effet $("#ajoutPhotos").text('Publication réussie !').val(); }); // fin $("form") // le script se contente d'effectuer uniquement cette action car les champs file ne peuvent pas être transmis avec Ajax. }); // fin $(document)
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 <!-- div permettant d'afficher le textarea présent dans le formulaire --> <div id="modifierTexte"></div> <!-- cette div est utilisée dans le fichier modifierZoneTexte.js --> <div id="ajoutPhotos"></div> <!-- div pour ajout des photos après envoi au serveur --> <!-- formulaire pour ajout des photos dans la zone producteur --> <form name="form4" id="formPhotosAjout" enctype="multipart/form-data" action="ajout_publierPhotos.php" method="post" style="display:none"> <input type="hidden" name="MAX_FILE_SIZE" value="300000" /> <h5><img class="ico_categorie" src="img/ico_epingle.png" title="Ajouter vos photos" />Publier les photos de votre vignoble</h5> <input type="file" name="photo" id="photo" size=50 accept="image/*" autofocus="autofocus" height="100px" width="130px" /> <br/> <input type="text" name="photo_desc" size=50 placeholder="e.g : Une cave vinicole du Domaine de Pierrefeu" required="required" /><p /> <input type="submit" name="submit" id="submit" value="Publier" style="font-size: 14px;border:solid 1px #375D81;color:#760001;" /> </form><!-- formPhotosAjout -->
Merci d'avance,
Transact.
Partager