Wikipedia para siempre
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  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:

Powered by TreeWeb
© TreeWeb 2010. Todos los derechos reservados