Discussion :

[luta_seb]

Bonjour,
développeur as3 je me mets gentilment au js et plus particulierement jquery.
je charge un xml que je manipule afin de réinsérer des balises dans le html local
par ex:

Code :

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

1
2
3
 
<images>
    <img src="home_res/img/diapo_1.jpg" class="yop"/>....

avec js je souhaite ajouter ces img dans ma balise div class="#slideshow"

Code :

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

1
2
3
4
5
6
  $(xml).find('img').each(function(){
	 var image=$(document.createElement("img"));
	 var srcAtt=$(this).attr('src');
	 image.attr('src',srcAtt);
	 $('#slideshow').append(image);
 });

ca marche nickel, j avais pensé avoir trouvé plus simple avec

Code :

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

$("#slideshow").append($(xml).find('img'));

mais ca marche pas
le code est bien écrit ds mon html (firebug) mais pas de rendu...
pourriez vous m expliquer le pourquoi d ucomment?
merci

[Bovino]

Salut.

Le problème vient juste du fait que tu t'y prends à l'envers.

Code :

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

$(xml).find('img')

retourne une collection, or tu ne peux "appender" une collection d'objets à un objet HTML.
Essaye plutôt dans l'autre sens :

Code :

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

1
2
3
$(xml).find('img').each(function(){
    $("#slideshow").append($(this));
});

comme ça, tu ajoutes chaque item de ta collection à l'objet référencé.

[luta_seb]

bonsoir et merci pour ta réponse,
a lire ca parait logique, sauf que ta solution engendre le même résultat que la mienne, pas d image et surtout dans firebug le code apparait plus clair (si c est pas technique ça)... je pense que c est inséré en tant que noeud texte ou quelque chose comme ça.

[Bovino]

Tu récupères comment ton xml ?
Parce que si tu n'indiques pas à jQuery qu'il s'agit de XML, ça peut effectivement être un problème.

[luta_seb]

comme ceci

Code :

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

1
2
3
4
5
6
7
8
9
10
function loadXMLslideshow(path){
	$.ajax({
	   url:path
	   ,async:false
	   ,dataType:"xml"
	   ,type:'GET'
	   ,success: function(xml) {appendXML(xml)}
	   ,error :function(XMLHttpRequestObj, errorStr, errorObj){alert(errorObj)}
	   })
}

[danielhagnoul]

Bonsoir.

Si j'ai bien compris, alors :

Code :

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

1
2
3
$(xml).find("img").each(function(i, item){
	$("#slideshow").append("<img src='" + $(item).attr("src") + "'/>");
});