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 var l=0;20 for (i in lista_array) {21 //lista_array[i].style.top = (30*i)+'px';22 var item = lista_array[i];23 item.innerHTML = 'Estoy en '+item.order+' y voy a '+i;24 item.style.marginTop = ((i-item.order)*30-l)+'px';25 l = (i-item.order)*3026 }27 }28 29 function methodA(a,b) {30 if (a.dataset['a'] < b.dataset['a']) {31 return -1;32 } else if (a.dataset['a'] > b.dataset['a']) {33 return 1;34 }35 return 0;36 }37 38 function methodB(a,b) {39 if (a.dataset['b'] < b.dataset['b']) {40 return -1;41 } else if (a.dataset['b'] > b.dataset['b']) {42 return 1;43 }44 return 0;45 }46 47 48 function methodAlfa(a,b) {49 if (a.innerHTML < b.innerHTML) {50 return -1;51 } else if (a.innerHTML > b.innerHTML) {52 return 1;53 }54 return 0;55 }56 57 function fillList2() {58 var div;59 60 var i;61 for (i=0; i<9; i++) {62 var a = i;63 var b = Math.ceil(Math.random()*100);64 div = document.createElement('div');65 div.order = i;66 div.dataset['a'] = a;67 div.dataset['b'] = b;68 div.innerHTML = 'Item '+a+' '+b;69 lista.appendChild(div);70 lista_array.push(div);71 }72 73 74 }75 Enlace
El enlace para compartir es: