Bonjour,
J'ai cr�� un script qui me permet de r�cup�rer des �l�ments d'une base de donn�e en xml et de les ins�rer dans un conteneur.
Pour l'instant, je n'arrive qu'a ins�rer tous les elements du fichier xml en une seule fois avec une fonction each.
Je souhaiterais pourvoir d�finir un nombre d��l�ment donn� � ins�rer dans mon conteneur.
Par exemple avec un onload ins�rer les 10 premiers �l�ments du fichier xml. Puis avec un bouton ins�rer les 10 �l�ments suivant avec un clique.
Voici mon script jquery :
et la structure de mon fichier xml:
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 $.get('data.xml', function (d){ $(d).find('element').each(function (){ var $element = $(this); var id = $element.attr("id"); var $element = $(this); var id = $element.attr("id"); var size = $element.attr("size"); var category = $element.attr("category"); var urlpage = $element.find('urlpage').text(); var urlimage = $element.find('urlimage').text(); var title = $element.find('title').text(); var $newelement = $('<div class="element '+ size +' '+category +'" id="_'+id+'"></div>').html('<a class= "link" href="' + urlpage + '"><img src="' + urlimage + '" class="thumbnail" />' + '<div>' + '<span>' + '<i class="icon-pencil"></i>' + ' ' + title + '</span><span class="more">more.</span></div></a></div>'); $container.isotope( 'insert', $newelement) }); });
Code xml : 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 <?xml version="1.0" encoding="utf-8" ?> <elements> <element id="13" size="normal" category="blog"> <urlpage>/portfolio/dock.html</urlpage> <urlimage>./Post thumbnail images/formlabs.jpg</urlimage> <title>Formlabs : An offordable 3D printer on kickstarter</title> </element> <element id="12" size="square" category="portfolio"> <urlpage>/portfolio/dock.html</urlpage> <urlimage>./Post thumbnail images/Bumper.JPG</urlimage> <title>Minimal Bumper for iPhone 5</title> </element> <element id="11" size="normal" category="portfolio"> <urlpage>/portfolio/dock.html</urlpage> <urlimage>./Post thumbnail images/Ultraslimcase.jpg</urlimage> <title>UltraSlim case</title> </element> <element id="10" size="wide" category="portfolio"> <urlpage>/portfolio/dock.html</urlpage> <urlimage>./Post thumbnail images/Dock.jpg</urlimage> <title>iPhone 5 Dock</title> </element> <element id="9" size="normal" category="blog"> <urlpage>/portfolio/dock.html</urlpage> <urlimage>./Post thumbnail images/Freakyshapeshop.jpg</urlimage> <title>Shop on Shapeway now!</title> </element> </elements>
Je pense qu'il me faut une boucle for avec un it�ration sur l'id de chaque �l�ment contenu dans le xml.
Merci d'avance,
Lo�c
Partager