¿Como puedo ordenar automáticamente mi menú?

ninco90 · #1 (**permalink**) 16/01/2011, 07:49

Pues eso, como lo puedo hacer, este es mi menú:

Código HTML:

Ver original<li><a href="Belenes.htm">Belenes</a></li>
<li><a href="Villancicos.htm">Villancicos</a></li>
<li><a href="Arboles.htm">Árboles</a></li>
<li><a href="Juegos.htm">Juegos</a></li>
<li><a href="Recetas.htm">Recetas</a></li>
<li><a href="Sms.htm">Sms</a></li>
<li><a href="Dibujos.htm">Dibujos</a></li>
<li><a href="Emoticonos.htm">Emoticonos</a></li>
<li><a href="Gif y Iconos.htm">Gif y Iconos</a></li>
<li><a href="Bocetos.htm">Bocetos</a></li>
<li><a href="Fondos.htm">Fondos Web</a></li>
<li><a href="Recursos.htm">Recursos</a></li>
<li><a href="Cartas.htm">Cartas</a></li>
<li><a href="Cuentos.htm">Cuentos</a></li>
<li><a href="Fotos.htm">Fotografías</a></li>
<li><a href="Agenda.htm">Agenda</a></li>
<li><a href="Miditeca.htm">Miditeca</a></li>
<li><a href="Mundo del Pesebre.htm">Mundo del Pesebre</a></li>
<li><a href="Musica para Belenes.htm">Música para Belenes</a></li>
<li><a href="Poesias.htm">Poesías</a></li>
<li><a href="Postales.htm">Postales</a></li>
<li><a href="Videos.htm">Vídeos</a></li>
<li><a href="Tutoriales.htm">Tutoriales</a></li>

Manuellama · #2 (**permalink**) 16/01/2011, 08:25

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<li><a href="Belenes.htm">Belenes</a></li>
<li><a href="Villancicos.htm">Villancicos</a></li>
<li><a href="Arboles.htm">Árboles</a></li>
<li><a href="Juegos.htm">Juegos</a></li>
<li><a href="Recetas.htm">Recetas</a></li>
<li><a href="Sms.htm">Sms</a></li>
<li><a href="Dibujos.htm">Dibujos</a></li>
<li><a href="Emoticonos.htm">Emoticonos</a></li>
<li><a href="Gif y Iconos.htm">Gif y Iconos</a></li>
<li><a href="Bocetos.htm">Bocetos</a></li>
<li><a href="Fondos.htm">Fondos Web</a></li>
<li><a href="Recursos.htm">Recursos</a></li>
<li><a href="Cartas.htm">Cartas</a></li>
<li><a href="Cuentos.htm">Cuentos</a></li>
<li><a href="Fotos.htm">Fotografías</a></li>
<li><a href="Agenda.htm">Agenda</a></li>
<li><a href="Miditeca.htm">Miditeca</a></li>
<li><a href="Mundo del Pesebre.htm">Mundo del Pesebre</a></li>
<li><a href="Musica para Belenes.htm">Música para Belenes</a></li>
<li><a href="Poesias.htm">Poesías</a></li>
<li><a href="Postales.htm">Postales</a></li>
<li><a href="Videos.htm">Vídeos</a></li>
<li><a href="Tutoriales.htm">Tutoriales</a></li>

<script>
var html ="";
var array = Array();
for (var i=0;i<document.getElementsByTagName("li").length;i ++){

array.push(document.getElementsByTagName("li").ite m(i).firstChild.innerHTML);

}
array.sort();
for (var i=0;i<array.length;i++){
for (var ia=0;ia<document.getElementsByTagName("li").length ;ia++){
if (array[i] == document.getElementsByTagName("li").item(ia).first Child.innerHTML){
array[i] = document.getElementsByTagName("li").item(ia).inner HTML;
}
}
}
for (var i=0;i<array.length;i++){
html+="<li>"+array[i]+"</li>";
}
document.body.innerHTML = "";
document.write(html);
</script>
</body>
</html>

ninco90 · #3 (**permalink**) 16/01/2011, 08:44

No me fucniona... Mira mi código completo del menú es este:

Código HTML:

Ver original<div id="leftNav"><ul>
<li><a href="Belenes.htm">Belenes</a></li>
<li><a href="Villancicos.htm">Villancicos</a></li>
<li><a href="Arboles.htm">Árboles</a></li>
<li><a href="Juegos.htm">Juegos</a></li>
<li><a href="Recetas.htm">Recetas</a></li>
<li><a href="Sms.htm">Sms</a></li>
<li><a href="Dibujos.htm">Dibujos</a></li>
<li><a href="Emoticonos.htm">Emoticonos</a></li>
<li><a href="Gif y Iconos.htm">Gif y Iconos</a></li>
<li><a href="Bocetos.htm">Bocetos</a></li>
<li><a href="Fondos.htm">Fondos Web</a></li>
<li><a href="Recursos.htm">Recursos</a></li>
<li><a href="Cartas.htm">Cartas</a></li>
<li><a href="Cuentos.htm">Cuentos</a></li>
<li><a href="Fotos.htm">Fotografías</a></li>
<li><a href="Agenda.htm">Agenda</a></li>
<li><a href="Miditeca.htm">Miditeca</a></li>
<li><a href="Mundo del Pesebre.htm">Mundo del Pesebre</a></li>
<li><a href="Musica para Belenes.htm">Música para Belenes</a></li>
<li><a href="Poesias.htm">Poesías</a></li>
<li><a href="Postales.htm">Postales</a></li>
<li><a href="Videos.htm">Vídeos</a></li>
<li><a href="Tutoriales.htm">Tutoriales</a></li>
<li style="border-bottom:none;"><a href="Blog.htm">Blog</a></li>
 
</ul></div></div>

Es un menú en CSS, sin JavaScript.

paulojag · #4 (**permalink**) 16/01/2011, 08:52

buenos días ninco90
permitemne hacerte un par de preguntas antes de ver si te puedo ayudar.
1.- ¿tu necesidad de ordenamiento la quieres mediante un lenguaje de programación del lado del servidor o del lado del usuario?
2.- ¿Cuál tipo de ordenamiento deseas? p.e. ascendente, descendente alfabético por relevancia, por tamaño de caracteres?

Manuellama · #5 (**permalink**) 16/01/2011, 08:54

Sin Javascript no puedes ordenarlo.

Si pones ese código te ordenará todo ya.

http://l-numa.com/menus.html

ninco90 · #6 (**permalink**) 16/01/2011, 09:15

Cita:

Iniciado por paulojag

buenos días ninco90
permitemne hacerte un par de preguntas antes de ver si te puedo ayudar.
1.- ¿tu necesidad de ordenamiento la quieres mediante un lenguaje de programación del lado del servidor o del lado del usuario?
2.- ¿Cuál tipo de ordenamiento deseas? p.e. ascendente, descendente alfabético por relevancia, por tamaño de caracteres?

Orden alabético. Por lado del archivo, no es programación es htm (html)

ninco90 · #7 (**permalink**) 16/01/2011, 09:15

Cita:

Iniciado por Manuellama

Sin Javascript no puedes ordenarlo.

Si pones ese código te ordenará todo ya.

[url]http://l-numa.com/menus.html[/url]

Voy hacer una cosa, con tu lista me fijo y lo ordeno yo manualmente.

ninco90 · #8 (**permalink**) 16/01/2011, 09:24

Ya lo arregle jejeje gacrias manu! paulo por su interes

jomaruro · #9 (**permalink**) 18/01/2011, 05:18

Hola:

Cita:

Iniciado por ninco90

Por lado del archivo, no es programación es htm (html)

No entiendo este tipo de ordenación.

Saludos.