Bonjour,

Je viens vers vous car j'ai un problème pour actualiser le contenu de ma page qui est dans un <p> </p>, en utilisant AJAX

Soit je rafraîchis la page entièrement, la sa marche mais le radio bouton que j'avais cocher se décoche à cause du rafraîchissement.

Soit je rafraîchis la balise directement et la page entière se rafraîchis mais en se mettant dans la balise, donc cela créer une duplicité du document.

Existe-il un moyen de ne récupérer que la balise nous concernant ?

Merci d'avance.

Code HTML/PHP contenu dans mon formulaire:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<label>Panneaux</label>
	<p id="panneaux">
	<?php while ($panneaux = $requestp->fetch(PDO::FETCH_ASSOC)) 
    { ?>
       <label for="<?php echo $panneaux['libelle']; ?>"><?php echo $panneaux['libelle']; ?></label><input type="radio" class="pannels" name="panel" value="<?php echo $panneaux['ref_panneaux']; ?>" prix="<?php echo $panneaux['ref_panneaux']; ?>" /> <br />
       <?php } ?>
   </p>
<label>Finitions</label>
   <p id="finitions">
	<?php while ($finitions = $requestf->fetch(PDO::FETCH_ASSOC)) 
    { ?>
       <label for="<?php echo $finitions['libelle']; ?>"><?php echo $finitions['libelle']; ?></label><input type="checkbox" class="options" name="<?php echo $finitions['libelle']; ?>" id="<?php echo $finitions['libelle']; ?>" value="option" /> <br />
       <?php } ?>
   </p>
Code Ajax :
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
$(document).ready(function() {
   $("input.pannels").click(function() {
 
   	value = $('input.pannels:checked', '#myForm').val();
		//$("p#finitions").load('index.php?p=index&q='+ value );
 
		var data = "q="+ value; 	
		$('p#finitions').attr('checked','checked');
	$.ajax({ 
		type: "GET",
		url: "index.php?p=index",
		data: data,
		success:function(server_response){
			$("body").empty();
			$("body").html(server_response).show();
			$('p#finitions').attr('checked','checked');
		}
	});
	});
 });