Shuffle a list

[Gowri pandiyan]

Hi,

Is there any way to randomize display order of a list?

For ex:

<ul>
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Fourth</li>
</ul>

I guess it is possible with jquery "shuffle()" plugin, however I want it done by JavaScript. Please let me know if it is possible with JS

[Fotiman]

function shuffle(array) {
  var m = array.length, t, i;

  // While there remain elements to shuffle…
  while (m) {

    // Pick a remaining element…
    i = Math.floor(Math.random() * m--);

    // And swap it with the current element.
    t = array[m];
    array[m] = array[i];
    array[i] = t;
  }

  return array;
}

function shuffleList(ul) {
  var nl = ul.getElementsByTagName("li"),
    arr = [],
    i,
    n;
  
  // Copy the nodeList to an array
  for (i = 0; n = nl[i]; ++i) {
    arr.push(n);
  }

  // Shuffle the array
  shuffle(arr);

  // Append the elements back to the ul in shuffled order
  for (i = 0; i < arr.length; i++) {
    ul.appendChild(arr[i]);
  }
}

Given this code, call shuffleList with the <ul> element you want to shuffle.

[Gowri pandiyan]

Thanks Fotiman! :) It is working fine