Ordenar listas

[leonardo308]

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:

<div id="hacker-list">
    <input class="search" />
    <span class="sort" data-sort="name">Sort by name</span>
    <span class="sort" data-sort="city">Sort by city</span>
 
    <ul class="list">
       <li>
           <h3 class="name">Jonny</h3>
           <p class="city">Stockholm</p>
       </li>
       <li>
           <h3 class="name">Jonas</h3>
           <p class="city">Berlin</p>
       </li>
    </ul>
</div> 
<script src="list.js" ></script>
<script type="text/javascript">
var options = {
    valueNames: [ 'name', 'city' ]
};
 
var hackerList = new List('hacker-list', options);
</script>