Skip to main content
se añadieron 2 caracteres en el cuerpo
Origen Enlace
Mariano
  • 24.5k
  • 20
  • 76
  • 105

Para solucionarlo, expandimos todas las URLs para que, si terminan en /, o si la última parte de la url no tiene un puntipunto, se le agregue index.php.

var paginaDefault = 'index.php',
    urlActual = window.location.href.replace(/(\/[^./]+)$|\/$/,'$1/' + paginaDefault);
    
$(".nav li a").each(function(){
    if (this.href.replace(/(\/[^./]+)$|\/$/,'$1/' + paginaDefault) == urlActual) {
        $(this).parent('li').addClass('activa');
    }
});
.activa, .navbar-default .navbar-nav>li.activa>a {
    /* marcamos en rojo */
    color: red;
}
<!-- jQuery y bootstrap -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<!-- HTML -->
<nav class="navbar navbar-default" role="navigation">
  <!-- El logotipo y el icono que despliega el menú se agrupan
       para mostrarlos mejor en los dispositivos móviles -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse"
            data-target=".navbar-ex1-collapse">
      <span class="sr-only">Desplegar navegación</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>

  </div>

  <!-- Agrupar los enlaces de navegación, los formularios y cualquier
       otro elemento que se pueda ocultar al minimizar la barra -->
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li id="currentindex" class="linkmenu"><a href="index.php">Biografía</a></li>
      <li class="linkmenu"><a href="/discografia.php">Discografía<js">Página Actual</a></li>
      <li class="linkmenu"><a href="videoshref="/discografia.php">Videos<php">Discografía</a></li>
      <li class="linkmenu"><a href="descargashref="videos.php">Descargas<php">Videos</a></li>
      <li class="linkmenu"><a href="/js">Página Actual<href="descargas.php">Descargas</a></li>
    </ul>  
  </div>
</nav>

Expresión regular en: https://regex101.com/r/1Zxu1z/2

Para solucionarlo, expandimos todas las URLs para que, si terminan en /, o si la última parte de la url no tiene un punti, se le agregue index.php.

var paginaDefault = 'index.php',
    urlActual = window.location.href.replace(/(\/[^.]+)$|\/$/,'$1/' + paginaDefault);
    
$(".nav li a").each(function(){
    if (this.href.replace(/(\/[^.]+)$|\/$/,'$1/' + paginaDefault) == urlActual) {
        $(this).parent('li').addClass('activa');
    }
});
.activa, .navbar-default .navbar-nav>li.activa>a {
    /* marcamos en rojo */
    color: red;
}
<!-- jQuery y bootstrap -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<!-- HTML -->
<nav class="navbar navbar-default" role="navigation">
  <!-- El logotipo y el icono que despliega el menú se agrupan
       para mostrarlos mejor en los dispositivos móviles -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse"
            data-target=".navbar-ex1-collapse">
      <span class="sr-only">Desplegar navegación</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>

  </div>

  <!-- Agrupar los enlaces de navegación, los formularios y cualquier
       otro elemento que se pueda ocultar al minimizar la barra -->
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li id="currentindex" class="linkmenu"><a href="index.php">Biografía</a></li>
      <li class="linkmenu"><a href="/discografia.php">Discografía</a></li>
      <li class="linkmenu"><a href="videos.php">Videos</a></li>
      <li class="linkmenu"><a href="descargas.php">Descargas</a></li>
      <li class="linkmenu"><a href="/js">Página Actual</a></li>
    </ul>  
  </div>
</nav>

Para solucionarlo, expandimos todas las URLs para que, si terminan en /, o si la última parte de la url no tiene un punto, se le agregue index.php.

var paginaDefault = 'index.php',
    urlActual = window.location.href.replace(/(\/[^./]+)$|\/$/,'$1/' + paginaDefault);
    
$(".nav li a").each(function(){
    if (this.href.replace(/(\/[^./]+)$|\/$/,'$1/' + paginaDefault) == urlActual) {
        $(this).parent('li').addClass('activa');
    }
});
.activa, .navbar-default .navbar-nav>li.activa>a {
    /* marcamos en rojo */
    color: red;
}
<!-- jQuery y bootstrap -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<!-- HTML -->
<nav class="navbar navbar-default" role="navigation">
  <!-- El logotipo y el icono que despliega el menú se agrupan
       para mostrarlos mejor en los dispositivos móviles -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse"
            data-target=".navbar-ex1-collapse">
      <span class="sr-only">Desplegar navegación</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>

  </div>

  <!-- Agrupar los enlaces de navegación, los formularios y cualquier
       otro elemento que se pueda ocultar al minimizar la barra -->
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li id="currentindex" class="linkmenu"><a href="index.php">Biografía</a></li>
      <li class="linkmenu"><a href="/js">Página Actual</a></li>
      <li class="linkmenu"><a href="/discografia.php">Discografía</a></li>
      <li class="linkmenu"><a href="videos.php">Videos</a></li>
      <li class="linkmenu"><a href="descargas.php">Descargas</a></li>
    </ul>  
  </div>
</nav>

Expresión regular en: https://regex101.com/r/1Zxu1z/2

se añadieron 29 caracteres en el cuerpo
Origen Enlace
Mariano
  • 24.5k
  • 20
  • 76
  • 105

Para solucionarlo, expandimos todas las URLs para que, si terminan en /, o si la última parte de la url no tiene un punti, se le agregue index.php.

var paginaDefault = 'index.php',
    urlActual = window.location.href.replace(/(\/[^.]+)$|\/$/,''$1/' + paginaDefault);
    
$(".nav li a").each(function(){
    if (this.href.replace(/(\/[^.]+)$|\/$/,''$1/' + paginaDefault) == urlActual) {
        $(this).parent('li').addClass('activa');
    }
});
.activa, .navbar-default .navbar-nav>li.activa>a {
    /* marcamos en rojo */
    color: red;
}
<!-- jQuery y bootstrap -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<!-- HTML -->
<nav class="navbar navbar-default" role="navigation">
  <!-- El logotipo y el icono que despliega el menú se agrupan
       para mostrarlos mejor en los dispositivos móviles -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse"
            data-target=".navbar-ex1-collapse">
      <span class="sr-only">Desplegar navegación</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>

  </div>

  <!-- Agrupar los enlaces de navegación, los formularios y cualquier
       otro elemento que se pueda ocultar al minimizar la barra -->
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li id="currentindex" class="linkmenu"><a href="index.php">Biografía</a></li>
      <li class="linkmenu"><a href="discografiahref="/discografia.php">Discografía</a></li>
      <li class="linkmenu"><a href="videos.php">Videos</a></li>
      <li class="linkmenu"><a href="descargas.php">Descargas</a></li>
      <li class="linkmenu"><a href=".">Página/js">Página Actual</a></li>
    </ul>  
  </div>
</nav>

Para solucionarlo, expandimos todas las URLs para que, si terminan en /, se le agregue index.php.

var paginaDefault = 'index.php',
    urlActual = window.location.href.replace(/\/$/,'/' + paginaDefault);
    
$(".nav li a").each(function(){
    if (this.href.replace(/\/$/,'/' + paginaDefault) == urlActual) {
        $(this).parent('li').addClass('activa');
    }
});
.activa, .navbar-default .navbar-nav>li.activa>a {
    /* marcamos en rojo */
    color: red;
}
<!-- jQuery y bootstrap -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<!-- HTML -->
<nav class="navbar navbar-default" role="navigation">
  <!-- El logotipo y el icono que despliega el menú se agrupan
       para mostrarlos mejor en los dispositivos móviles -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse"
            data-target=".navbar-ex1-collapse">
      <span class="sr-only">Desplegar navegación</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>

  </div>

  <!-- Agrupar los enlaces de navegación, los formularios y cualquier
       otro elemento que se pueda ocultar al minimizar la barra -->
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li id="currentindex" class="linkmenu"><a href="index.php">Biografía</a></li>
      <li class="linkmenu"><a href="discografia.php">Discografía</a></li>
      <li class="linkmenu"><a href="videos.php">Videos</a></li>
      <li class="linkmenu"><a href="descargas.php">Descargas</a></li>
      <li class="linkmenu"><a href=".">Página Actual</a></li>
    </ul>  
  </div>
</nav>

Para solucionarlo, expandimos todas las URLs para que, si terminan en /, o si la última parte de la url no tiene un punti, se le agregue index.php.

var paginaDefault = 'index.php',
    urlActual = window.location.href.replace(/(\/[^.]+)$|\/$/,'$1/' + paginaDefault);
    
$(".nav li a").each(function(){
    if (this.href.replace(/(\/[^.]+)$|\/$/,'$1/' + paginaDefault) == urlActual) {
        $(this).parent('li').addClass('activa');
    }
});
.activa, .navbar-default .navbar-nav>li.activa>a {
    /* marcamos en rojo */
    color: red;
}
<!-- jQuery y bootstrap -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<!-- HTML -->
<nav class="navbar navbar-default" role="navigation">
  <!-- El logotipo y el icono que despliega el menú se agrupan
       para mostrarlos mejor en los dispositivos móviles -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse"
            data-target=".navbar-ex1-collapse">
      <span class="sr-only">Desplegar navegación</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>

  </div>

  <!-- Agrupar los enlaces de navegación, los formularios y cualquier
       otro elemento que se pueda ocultar al minimizar la barra -->
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li id="currentindex" class="linkmenu"><a href="index.php">Biografía</a></li>
      <li class="linkmenu"><a href="/discografia.php">Discografía</a></li>
      <li class="linkmenu"><a href="videos.php">Videos</a></li>
      <li class="linkmenu"><a href="descargas.php">Descargas</a></li>
      <li class="linkmenu"><a href="/js">Página Actual</a></li>
    </ul>  
  </div>
</nav>
se eliminaron 12 caracteres en el cuerpo
Origen Enlace
Mariano
  • 24.5k
  • 20
  • 76
  • 105
var paginaDefault = 'index.php',
    urlActual = window.location.href.replace(/\/$/,'/' + paginaDefault);
    
$(".nav li a").each(function(){
    if (this.href.replace(/\/$/,'/' + paginaDefault), urlActual) == urlActual) {
        $(this).parent('li').addClass('activa');
    }
});
.activa, .navbar-default .navbar-nav>li.activa>a {
    /* marcamos en rojo */
    color: red;
}
<!-- jQuery y bootstrap -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<!-- HTML -->
<nav class="navbar navbar-default" role="navigation">
  <!-- El logotipo y el icono que despliega el menú se agrupan
       para mostrarlos mejor en los dispositivos móviles -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse"
            data-target=".navbar-ex1-collapse">
      <span class="sr-only">Desplegar navegación</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>

  </div>

  <!-- Agrupar los enlaces de navegación, los formularios y cualquier
       otro elemento que se pueda ocultar al minimizar la barra -->
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li id="currentindex" class="linkmenu"><a href="index.php">Biografía</a></li>
      <li class="linkmenu"><a href="discografia.php">Discografía</a></li>
      <li class="linkmenu"><a href="videos.php">Videos</a></li>
      <li class="linkmenu"><a href="descargas.php">Descargas</a></li>
      <li class="linkmenu"><a href=".">Página Actual</a></li>
    </ul>  
  </div>
</nav>
var paginaDefault = 'index.php',
    urlActual = window.location.href.replace(/\/$/,'/' + paginaDefault);
    
$(".nav li a").each(function(){
    if (this.href.replace(/\/$/,'/' + paginaDefault), urlActual) == urlActual) {
        $(this).parent('li').addClass('activa');
    }
});
.activa, .navbar-default .navbar-nav>li.activa>a {
    /* marcamos en rojo */
    color: red;
}
<!-- jQuery y bootstrap -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<!-- HTML -->
<nav class="navbar navbar-default" role="navigation">
  <!-- El logotipo y el icono que despliega el menú se agrupan
       para mostrarlos mejor en los dispositivos móviles -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse"
            data-target=".navbar-ex1-collapse">
      <span class="sr-only">Desplegar navegación</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>

  </div>

  <!-- Agrupar los enlaces de navegación, los formularios y cualquier
       otro elemento que se pueda ocultar al minimizar la barra -->
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li id="currentindex" class="linkmenu"><a href="index.php">Biografía</a></li>
      <li class="linkmenu"><a href="discografia.php">Discografía</a></li>
      <li class="linkmenu"><a href="videos.php">Videos</a></li>
      <li class="linkmenu"><a href="descargas.php">Descargas</a></li>
      <li class="linkmenu"><a href=".">Página Actual</a></li>
    </ul>  
  </div>
</nav>
var paginaDefault = 'index.php',
    urlActual = window.location.href.replace(/\/$/,'/' + paginaDefault);
    
$(".nav li a").each(function(){
    if (this.href.replace(/\/$/,'/' + paginaDefault) == urlActual) {
        $(this).parent('li').addClass('activa');
    }
});
.activa, .navbar-default .navbar-nav>li.activa>a {
    /* marcamos en rojo */
    color: red;
}
<!-- jQuery y bootstrap -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<!-- HTML -->
<nav class="navbar navbar-default" role="navigation">
  <!-- El logotipo y el icono que despliega el menú se agrupan
       para mostrarlos mejor en los dispositivos móviles -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse"
            data-target=".navbar-ex1-collapse">
      <span class="sr-only">Desplegar navegación</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>

  </div>

  <!-- Agrupar los enlaces de navegación, los formularios y cualquier
       otro elemento que se pueda ocultar al minimizar la barra -->
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li id="currentindex" class="linkmenu"><a href="index.php">Biografía</a></li>
      <li class="linkmenu"><a href="discografia.php">Discografía</a></li>
      <li class="linkmenu"><a href="videos.php">Videos</a></li>
      <li class="linkmenu"><a href="descargas.php">Descargas</a></li>
      <li class="linkmenu"><a href=".">Página Actual</a></li>
    </ul>  
  </div>
</nav>
se eliminaron 658 caracteres en el cuerpo
Origen Enlace
Mariano
  • 24.5k
  • 20
  • 76
  • 105
Loading
Origen Enlace
Mariano
  • 24.5k
  • 20
  • 76
  • 105
Loading