Ver Mensaje Individual
  #4 (permalink)  
Antiguo 20/10/2012, 10:43
seravifer
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Crear boton activo con jQuery

Gracias por esponder Jodorem,
la verdad es que he estado mirando por internet y no he encontrado nada, lo único es algo que utilizaban jQuery. Probare a usar lo que tu dices pero no quiero usar mucho php así que utilizare la segunda opción que no funciona por que al clicar en un enlace se recarga la pagina y pierde esa función jQuery.

De momento tengo esto en Javascript y me gustaría que lo tradujeran a jQuery:

Código Javascript:
Ver original
  1. function addLoadEvent(func) {
  2.     var oldonload = window.onload;
  3.     if(typeof window.onload != 'function') {
  4.         window.onload = func;
  5.     } else {
  6.         window.onload = function() {
  7.             oldonload();
  8.             func();
  9.         }
  10.     }
  11. }
  12.  
  13. function insertAfter(newElement, targetElement) {
  14.     var parent = targetElement.parentNode;
  15.     if(parent.lastChild == targetElement) {
  16.         parent.appendChild(newElement);
  17.     } else {
  18.         parent.insertBefore(newElement, targetElement.nextSibling);
  19.     }
  20. }
  21.  
  22. function addClass(element, value) {
  23.     if(!element.className) {
  24.         element.className = value;
  25.     } else {
  26.         newClassName = element.className;
  27.         newClassName+= " ";
  28.         newClassName+= value;
  29.         element.className = newClassName;
  30.     }
  31. }
  32.  
  33. function highlightPage() {
  34.     if (!document.getElementsByTagName) return false;
  35.     if (!document.getElementById) return false;
  36.     if (!document.getElementById("main-menu")) return false;
  37.     var nav = document.getElementById("main-menu");
  38.      
  39.     var links = nav.getElementsByTagName("a");
  40.     for (var i=0; i<links.length; i++) {
  41.         var linkurl = links[i].getAttribute("href");
  42.         var currenturl = window.location.href;
  43.          
  44.         if(currenturl.indexOf(linkurl) != -1) {
  45.             links[i].className = "active";
  46.         }
  47.     }
  48. }
  49.  
  50. addLoadEvent(highlightPage);