[AJAX] Rafraichissement

**Shandler** · 12/12/2008, 14h07

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 :

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
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.

**marcha** · 16/12/2008, 12h04

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Shandler** · 16/12/2008, 12h10

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.

**marcha** · 16/12/2008, 12h13

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

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

**Shandler** · 16/12/2008, 12h16

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.

**marcha** · 16/12/2008, 12h39

je vois pas select_galerie dans ton code ?

**Shandler** · 16/12/2008, 12h43

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

Merci

**marcha** · 16/12/2008, 13h02

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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);

**Shandler** · 16/12/2008, 13h20

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.

**Shandler** · 16/12/2008, 15h27

Merci beaucoup a toi marcha tous marche nickel maintenant.

[AJAX] Rafraichissement

JavaScript

Discussions similaires

Partager

Partager