Menu dinamico con JavaScript y CSS

dubiweb · #1 (**permalink**) 13/05/2009, 21:07

Necesito que las listas desordenadas se manejen desde el JS para que el menú se actualice automáticamente con solo cambiar el js, pero no me resulta si alguien me puede dar una idea de cómo manejarlo mejor se lo agradeceré si me pueden dar algun ejemplo de un js

1 esta es la pagina con el menú que necesito

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Menu Dinamico con CSS y JavaScript... UFG</title>

<link type="text/css" rel="stylesheet" href="img/style.css" />

<script language="javascript" src="img/links.js"></script>

</head>
<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="215"><div id="container">
<div id="top"></div>
<div id="roScripts_m2">

<ul id="lista">

<li><a href="#">Home</a></li> aqui necesito la lista con JavaScript

</ul>
</ul>

</div>
<div id="bottom"></div>
</div></td>
<td width="585"> </td>
</tr>
</table>
</body>
</html>

David · #2 (**permalink**) 13/05/2009, 21:09

Puedes usar innerHTML:

Código Javascript:

Ver originaldocument.getElementById("lista").innerHTML += "<li><a href=#>Otra opción</a></li>";

O hacerlo usando los métodos de manejo del DOM.

dubiweb · #3 (**permalink**) 13/05/2009, 21:12

uso asi el scrip pero no funciona

function Lista(){

document.getElementById("lista").innerHTML += "<li><a href=#>Otra opción</a></li>";

}

David · #4 (**permalink**) 13/05/2009, 21:14

¿Dónde llamas a esa función? Debes tener en cuenta que para que funciona la página debe estar cargada (de lo contrario te dará undefined al usar getElementById("lista"))

dubiweb · #5 (**permalink**) 13/05/2009, 21:19

lo llamo en el head <script language="javascript" src="img/links.js"></script> y en la lista le coloco

<div id="roScripts_m2">

<ul id="lista">

</ul>

</div>

David · #6 (**permalink**) 13/05/2009, 21:20

Como te dije, si lo llamas en el head (de hecho, no sólo debes declarar la función, sino llamarla como tal) te dará error, ya que la página aún no terminó de cargarse.

Puedes llamarlo en el evento onload:

Código Javascript:

Ver originalwindow.onload = Lista; /* Suponiendo que Lista es el nombre de la función */

dubiweb · #7 (**permalink**) 13/05/2009, 21:24

hey gracias amigo ya que funciono y me quedo de lujo t lo agradesco que dios t vendiga y gracias por compartir tus conocimiento.

David · #8 (**permalink**) 13/05/2009, 21:25

Me alegro que te haya servido.

Saludos.