JQUERY XML random data fetch

JQUERY XML random data fetch

Hi guys,

I have been struggling with data output from a XML file using jquery.
I would like to display the XML content randomly, so it does not print out the data in the order I entered it in the XML file.

I use to jsut create a javascript table and randomize the sort, but I wanted to evolve and use XML files... not as easy as I thought!

Here is the code of the XML
<?xml version="1.0" encoding="utf-8"?>
<questions>
   <question>
      <fr url="testFr1.html">French question 1</fr>
      <de url="testDe1.html">German question 1</de>
      <en url="testEn1.html">English question 1</en>
      <it url="testIt1.html">Italian question 1</it>
   </question>
   <question>
      <fr url="testFr2.html">French question 2</fr>
      <de url="testDe2.html">German question 2</de>
      <en url="testEn2.html">English question 2</en>
      <it url="testIt2.html">Italian question 2</it>
   </question>
   <question>
      <fr url="testFr3.html">French question 3</fr>
      <de url="testDe3.html">German questi3n 3</de>
      <en url="testEn3.html">English question 3</en>
      <it url="testIt3.html">Italian question 3</it>
   </question>
   <question>
      <fr url="testFr4.html">French question 4</fr>
      <de url="testDe4.html">German question 4</de>
      <en url="testEn4.html">English question 4</en>
      <it url="testIt4.html">Italian question 4</it>
   </question>
   <question>
      <fr url="testFr5.html">French question 5</fr>
      <de url="testDe5.html">German question 5</de>
      <en url="testEn5.html">English question 5</en>
      <it url="testIt5.html">Italian question 5</it>
   </question>
   <question>
      <fr url="testFr6.html">French question 6</fr>
      <de url="testDe6.html">German question 6</de>
      <en url="testEn6.html">English question 6</en>
      <it url="testIt6.html">Italian question 6</it>
   </question>
   <question>
      <fr url="testFr7.html">French question 7</fr>
      <de url="testDe7.html">German question 7</de>
      <en url="testEn7.html">English question 7</en>
      <it url="testIt7.html">Italian question 7</it>
   </question>
   <question>
      <fr url="testFr8.html">French question 8</fr>
      <de url="testDe8.html">German questi8n 8</de>
      <en url="testEn8.html">English question 8</en>
      <it url="testIt8.html">Italian question 8</it>
   </question>
   <question>
      <fr url="testFr9.html">French question 9</fr>
      <de url="testDe9.html">German question 9</de>
      <en url="testEn9.html">English question 9</en>
      <it url="testIt9.html">Italian question 9</it>
   </question>
   <question>
      <fr url="testFr10.html">French question 10</fr>
      <de url="testDe10.html">German question 10</de>
      <en url="testEn10.html">English question 10</en>
      <it url="testIt10.html">Italian question 10</it>
   </question>
</questions>


This is the code for my .js file
function loadXML(lang){
   $.get("xml/faq.xml",{},function(xml){
      $('question',xml).each(function(i) {
         q_link = $(this).find(lang).attr('url');
         q_text = $(this).find(lang).text();
         $('ul#top_faq').append('<li><a href="' + q_link + '">' + q_text + '</a></li>');
      });
   });
}


How can I randomize the XML data and also limit how many I want to displaY?

Thanks guys!