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  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 


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

Powered by TreeWeb
© TreeWeb 2010. Todos los derechos reservados