Ver Mensaje Individual
  #5 (permalink)  
Antiguo 05/07/2012, 11:08
leonardo308
 
Fecha de Ingreso: noviembre-2010
Mensajes: 42
Antigüedad: 14 años, 3 meses
Puntos: 2
Respuesta: Ordenar listas

Prueba esto dejando el javascript de ultimo asi como esta. y esta funcion lo que hace es filtrar las palabras de la lista segun lo que escribas en el campo de texto.
Código HTML:
Ver original
  1. <div id="hacker-list">
  2.     <input class="search" />
  3.     <span class="sort" data-sort="name">Sort by name</span>
  4.     <span class="sort" data-sort="city">Sort by city</span>
  5.  
  6.     <ul class="list">
  7.        <li>
  8.            <h3 class="name">Jonny</h3>
  9.            <p class="city">Stockholm</p>
  10.        </li>
  11.        <li>
  12.            <h3 class="name">Jonas</h3>
  13.            <p class="city">Berlin</p>
  14.        </li>
  15.     </ul>
  16. </div>
  17. <script src="list.js" ></script>
  18. <script type="text/javascript">
  19. var options = {
  20.     valueNames: [ 'name', 'city' ]
  21. };
  22.  
  23. var hackerList = new List('hacker-list', options);