[AJAX] Rafraichissement

Bonjour,

J'ai c'est 2 fonction ci-dessous fait avec jquery, elle consiste a afficher des images aprés selection du repertoire dans un menu déroulant.
Donc mon soucis est que quand je choisi un autre repertoire dans mon menu déroulant mes image précédente reste et les nouvelles vienne s'ajouter au ancienne.
Mon probléme est comment enlever les anciennes images pour mettre les nouvelles a la place.

Code:

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="Content-Language" content="fr-FR,be,ch,fr" />
<script type="text/javascript" src="../lib/ajax/jquery.js"></script>
<script type="text/javascript" src="../lib/ajax/rolover/jquery.metadata.min.js"></script>
<script type="text/javascript" src="../lib/ajax/rolover/jquery.swapimage.min.js"></script>
<script type="text/javascript">
$(function(){
	$("select#select_artist").change(function(){
		$.getJSON("test.php5",{id: $(this).val(),selec : "1"}, function(j){
			var options = '';
			for (var i = 0; i < j.length; i++) {
				options += '<option value="' + j[i].valeur + '">' + j[i].nom_galerie + '</option>';
			}
			$("#select_video").html(options);
			$('#select_video option:first').attr('selected', 'selected');
 
			var rep = $('#select_video option:first').val();
			list_minia(rep);
		})
	})			
})
 
function list_minia(){
	$.getJSON("test.php5",{rep: value_rep,selec : "2"},
  function(data){
    $.each(data, function(i,item){
      $("<img>").attr({src:value_rep+"/mini/"+item,class : "swapImageClick { sin: ['#img_select:"+value_rep+"/mini/"+item+"'], sout: ['#img_select:blank.gif'] }",alt : item}).appendTo("#affichage_img #images");
    });
    $.swapImage(".swapImageClick", true, true, "click");
 
    $('img.swapImageClick').click( function(event) {
      var alt = $(this).attr('alt');
      $('#image_ref').attr('value', alt);
    });
  });
}
</script>
</head>
<body>
  <form method="post" action="">
    <p>
      <label for="list_group_news">S&eacute;lectionner votre galerie a lier</label>
      <select name="list_artiste" id="select_artist">
        <option value="selec">--Acteur--</option> 
        <option value="selec">Acteur1</option>
        <option value="selec">Acteur2</option>
        <option value="selec">Acteur3</option>   
      </select>        
      <select name="list_Video" id="select_video">
        <option value="selec">--Video--</option>  
         <option value=""></option> 
      </select>    
    </p>
 
    <p><img id="img_select" src="images/blank.gif" border="1" alt=""/></p>
 
    <div id="affichage_img" style="float:left;">
  		<div id="images"></div>
  	</div>    
 
    <p><input type="submit" /></p> 
  </form>   
</body>
</html>

Merci beaucoup pour votre aide.

Code:

1
2
3
4
 
function(data) {
 $("#affichage_img #images").empty(); // vide le conteneur avant d'en ajouter
....

Bas c'etais aussi bête que ca merci a toi de ton aide.
Juste une question subsidiaire dans le second select si je change de choix, il ne prend pas en compte ce changement pourtant jai mis ca : $('#select_galerie').val(); mais il ca ne fait rien.

Merci beaucoup.

cette ligne me parait suspecte
var rep = $('#select_video option:first').val();

n'est-ce pas $('#select_video').val(); ?

Le option:first c'etais pour récupérer la valeur sélectionne mais enfin de compte ca sert a rien meme si j'arrive toujours pas a récuperer les autres valeur de mon select merci a toi.

je vois pas select_galerie dans ton code ?

Desole sur mon code j'ai renomer list_Video en select_galerie.

Merci

Je pense qu'il te faut encore gérer le onchange sur cette liste

Code:

1
2
3
4
5
6
7
8
9
 
  $("#select_video").html(options);
  $('#select_video option:first').attr('selected', 'selected');
  $("#select_video").change( function() {
    var rep = $(this).val();
    list_minia(rep);
  });
  var rep = $('#select_video').val();
  list_minia(rep);

Merci beaucoup ca marche nickel, juste pour savoir si je veux vider le conteneur img_select qui contient l'image sélectionner quand on change de repertoire avec le select, faut bien ecrire cela : $("#img_select").empty();

Merci a toi.

Merci beaucoup a toi marcha tous marche nickel maintenant.