1 2 var lista = null;3 var lista_array = ([]);4 5 window.addEventListener('load', function(event) {6 7 lista = document.getElementById('lista');8 9 fillList2();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.appendChild(lista_array[i]);21 //lista_array[i].style.top = (30*i)+'px';22 }23 }24 25 function methodA(a,b) {26 if (a.dataset['a'] < b.dataset['a']) {27 return -1;28 } else if (a.dataset['a'] > b.dataset['a']) {29 return 1;30 }31 return 0;32 }33 34 function methodB(a,b) {35 if (a.dataset['b'] < b.dataset['b']) {36 return -1;37 } else if (a.dataset['b'] > b.dataset['b']) {38 return 1;39 }40 return 0;41 }42 43 44 function methodAlfa(a,b) {45 if (a.innerHTML < b.innerHTML) {46 return -1;47 } else if (a.innerHTML > b.innerHTML) {48 return 1;49 }50 return 0;51 }52 53 function fillList2() {54 var div;55 56 var i;57 for (i=0; i<12; i++) {58 var a = Math.ceil(Math.random()*100)59 var b = Math.ceil(Math.random()*100)60 div = document.createElement('div');61 div.dataset['a'] = a;62 div.dataset['b'] = b;63 div.innerHTML = 'Item '+a+' '+b;64 lista.appendChild(div);65 lista_array.push(div);66 }67 68 69 }70 71 function fillList() {72 var div;73 74 div = document.createElement('div');75 div.dataset['a'] = '1';76 div.dataset['b'] = '10';77 div.innerHTML = 'Mesa';78 lista.appendChild(div);79 lista_array.push(div);80 81 div = document.createElement('div');82 div.dataset['a'] = '2';83 div.dataset['b'] = '87';84 div.innerHTML = 'Teléfono';85 lista.appendChild(div);86 lista_array.push(div);87 88 div = document.createElement('div');89 div.dataset['a'] = '3';90 div.dataset['b'] = '83';91 div.innerHTML = 'Radio';92 lista.appendChild(div);93 lista_array.push(div);94 95 div = document.createElement('div');96 div.dataset['a'] = '4';97 div.dataset['b'] = '73';98 div.innerHTML = 'Teclado';99 lista.appendChild(div);100 lista_array.push(div);101 102 div = document.createElement('div');103 div.dataset['a'] = '5';104 div.dataset['b'] = '9';105 div.innerHTML = 'Ratón';106 lista.appendChild(div);107 lista_array.push(div);108 109 div = document.createElement('div');110 div.dataset['a'] = '6';111 div.dataset['b'] = '39';112 div.innerHTML = 'Monitor';113 lista.appendChild(div);114 lista_array.push(div);115 116 div = document.createElement('div');117 div.dataset['a'] = '3';118 div.dataset['b'] = '19';119 div.innerHTML = 'Cajón';120 lista.appendChild(div);121 lista_array.push(div);122 }Enlace
El enlace para compartir es: