Gracias, Wikipedia.
ShareCode
Permalink: http://www.treeweb.es/u/974/ 01/02/2011

ShareCode

1 2 var lista = null;3 var lista_array = ([]);4 5 window.addEventListener('load', function(event) {6  7  lista = document.getElementById('lista');8  9  fillList();10  11  order(methodA);12  13 }, true);14 15 function order(method, r=false) {16  lista_array.sort(method);17  if (r) lista_array.reverse();18  var i;19  for (i in lista_array) {20  lista_array[i].style.top = (30*i)+'px';21  }22 }23 24 function methodA(a,b) {25  if (a.dataset['a'] < b.dataset['a']) {26  return -1;27  } else if (a.dataset['a'] > b.dataset['a']) {28  return 1;29  }30  return 0;31 }32 33 function methodB(a,b) {34  if (a.dataset['b'] < b.dataset['b']) {35  return -1;36  } else if (a.dataset['b'] > b.dataset['b']) {37  return 1;38  }39  return 0;40 }41 42 43 function methodAlfa(a,b) {44  if (a.innerHTML < b.innerHTML) {45  return -1;46  } else if (a.innerHTML > b.innerHTML) {47  return 1;48  }49  return 0;50 }51 52 function fillList() {53  var div;54  55  var i;56  for (i=0; i<1200; i++) {57  var a = Math.ceil(Math.random()*100)58  var b = Math.ceil(Math.random()*100)59  div = document.createElement('div');60  div.dataset['a'] = a;61  div.dataset['b'] = b;62  div.innerHTML = 'Item '+a+' '+b;63  lista.appendChild(div);64  lista_array.push(div);65  }66  67  68 }


Este ShareCode tiene versiones:
  1. Ordenar lista con animación Probando co... (10/10/2012)
Enlace
El enlace para compartir es: