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<12; 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 }Enlace
El enlace para compartir es: