function btnSetActive(){var arreglo = document.getElementsByClassName("btn_menu");for(var x=0 ; x < arreglo.length ; x++){arreglo[x].className="btn_menu";arreglo[x].addEventListener('click', function(){this.className="btn_menu_activado"},false)}}window.onload = btnSetActive();
.btn_menu { background-color: #000;}.btn_menu_activado { background-color: #fff;}
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel=StyleSheet HREF="estilo.css" TYPE="text/css"> <script type="text/javascript" src="men.js"></script> <script type="text/javascript" src="fancy/lib/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="fancy/source/jquery.fancybox.pack.js"></script> <link rel="stylesheet" type="text/css" href="fancy/source/jquery.fancybox.css" /> <script type="text/javascript" src="jquery-1.2.1.pack.js"></script></head><body><div id="menu"> <ul> <li><a class="btn_menu" href="?modulo=centro">Inicio</a></li> <li><a class="btn_menu" href="?modulo=users">Registrar usuarios</a></li> <li><a class="btn_menu" href="?modulo=Disponible">Disponible</a></li> <li><a class="btn_menu" href="">Mantenedor de Datos</a> <ul> <li><a class="btn_menu" href="?modulo=Agregar_Persona">Ingreso de Persona</span></a></li> <li><a class="btn_menu" href="?modulo=Listar_Persona">Buscar Persona</span></a></li> <li><a class="btn_menu" href="?modulo=Agregar_Equipo">Ingreso de Equipos</a></li> <li><a class="btn_menu" href="?modulo=Listar_Equipo">Buscar Equipos</a></li> <li><a class="btn_menu" href="?modulo=Agregar_Notebook">Ingreso de Notebooks</a></li> <li><a class="btn_menu" href="?modulo=Listar_Notebook">Buscar Notebooks</a></li> <li><a class="btn_menu" href="#">Celulares</a></li> <li><a class="btn_menu" href="?modulo=informes">Informes</a></li> </ul> </li> </ul> </div></body>
Quiero cambiar el mundo pero no me dan el código fuente.El conocimiento es la única riqueza de la que no pueden despojarnos los tirano
function btnSetActive(valor){ var arreglo = document.getElementsByTagName("a"); var x=0; while(x < arreglo.length){ if(arreglo[x].getAttribute("id") == valor){ arreglo[x].setAttribute("class","btn_menu_activado"); }else{ arreglo[x].setAttribute("class","btn_menu"); } x++; }}function btnOnClick(){ var arreglo = document.getElementsByTagName("a"); for(var i=0 ; i < arreglo.length ; i++){ var ide = arreglo[i].getAttribute('id'); arreglo[i].setAttribute("onclick","btnSetActive("+ide+")"); }}window.onload = btnOnClick;
<html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel=StyleSheet HREF="estilo.css" TYPE="text/css"> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script> <script type="text/javascript" src="men.js"></script> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.js"></script> <script type="text/javascript" src="fancy/source/jquery.fancybox.pack.js"></script> <link rel="stylesheet" type="text/css" href="fancy/source/jquery.fancybox.css" /> <script type="text/javascript" src="jquery-1.2.1.pack.js"></script></head><body><div id="menu"> <ul> <li><a id="1" class="btn_menu" href="#">Inicio</a></li> <li><a id="2" class="btn_menu" href="#">Registrar usuarios</a></li> <li><a id="3" class="btn_menu" href="#">Disponible</a></li> <li><a id="4" class="btn_menu" href="#">Mantenedor de Datos</a> <ul> <li><a id="5" class="btn_menu" href="#">Ingreso de Persona</span></a></li> <li><a id="6" class="btn_menu" href="#">Buscar Persona</span></a></li> <li><a id="7" class="btn_menu" href="#">Ingreso de Equipos</a></li> <li><a id="8" class="btn_menu" href="#">Buscar Equipos</a></li> <li><a id="9" class="btn_menu" href="#">Ingreso de Notebooks</a></li> <li><a id="10" class="btn_menu" href="#">Buscar Notebooks</a></li> <li><a id="11" class="btn_menu" href="#">Celulares</a></li> <li><a id="12" class="btn_menu" href="#">Informes</a></li> </ul> </li> </ul> </div></body></html>
<script type="javascript">function btnSetActive(){ var arreglo = document.getElementsByClassName("btn_menu"); for(var x=0 ; x < arreglo.length ; x++){ arreglo[x]..className="btn_menu"; //¿POR QUÉ DOS PUNTOS? arreglo[x].addEventListener('click', function(){this.className="btn_menu_activado"},false) }}window.onload(btnSetActive)</script>
arreglo[x]..className="btn_menu";
arreglo[x].className="btn_menu";
Ja ja ja, estan tratando de responder la pregunta o de crear confusion? Podrias hacerlo facilmente con css, utilizando link, visited y hoover...Personalmente a estas alturas lo veo algo feo, hace poquito estuve hablando con Jag al respecto y entre los dos inventamos una solucion muy bonita, basada en jquery y muy esteticaSi te interesa en el IRC de hxc me doy algunas vueltas a veces, tambien Jag podria ayudarteTu principal problema LaFleur es que usas sintaxis sucia, hay cosas muy graciosas en tu css y ni que decirte del html, deberias usar html5 que siendo mas sencillo es tambien mas util
