Bonsoir à tous,

je souhaiterai modifier la source de l'image avec JQuery.css après que l'utilisateur est valider le formulaire. J'ai donc un formulaire contenant l'image dans une <div>

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
 <div class="icontext favoris">
		<div class="text-wrap">
		<a href="#" class="b ajouter-fav" id="annonce-<?=$donnees["id"]?>" data-connected="<?php echo isset($_SESSION["id"])?"true":"false" ?>" data-toggle="dropdown" data-offset="220" aria-expanded="false" ><img src="images/favoris.png" width="20" id="icone" /></a>
			<div class="dropdown-menu dropdown-menu-right" style="min-width: 250px; position: absolute; transform: translate3d(129px, 242px, 0px); top: 0px; left: 0px; will-change: transform;" x-placement="bottom-end">
                         <?php if(!isset($_SESSION['id'])){?>
			<div class="modal-info">
				 <input type='email' class="email" name="inputEmail" placeholder="Entrez votre email..." />
					 <button class="modal-submit">Ok</button>
						</div>
				  <?php } ?>		
                                               </div>
				       </div>
			  </div>

Le code Javascipt qui valide sans recharger la page
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
function sendAjax(donnees){
	console.log(donnees);
	 console.log("donnees.id :"+donnees.id);//cet id s'affiche correctement dans la console ou pas ?
	if($("#annonce-"+donnees.id).next(".resultat-ajax").length==0){//si ".resultat-ajax" n'existe pas APRES le span id="annonce-xxx" 
		$("#annonce-"+donnees.id).after("<p class='resultat-ajax'></p>");
 
	}
	$.ajax({
		url:"info.php",
		method:"post",
		data:donnees
	})
	.done(function(data){
		console.log("success ajax :"+data);
		$("#annonce-"+donnees.id).next(".resultat-ajax").html(data);
 
		// ici le code qui permettrait de remplacer l'image favoris.png avec save.png
 
			})
	.fail(function(erreur){
		console.log("Erreur ajax :"+erreur);
		$("#annonce-"+donnees.id).next(".resultat-ajax").html(erreur);
	});
}
A priori je dois ajouter une fonction dans le .done(function(data) qui remplacerait l'image existante toujours sans recharger la page.

Merci de votre aide.