[SOLUCIONADO] Sombrear botón de acuerdo a url

[Middrel]

Hola, buenos días,

Estoy tratando de sombrear, o mejor dicho cambiar el color de un botón de menú, cuando te encuentres dentro de su página correspondiente. Es ecir, si el botón dice "Empresa" y le das click y vas a www.dominio.com/empresa.php, el botón quede con otro color estando ahí.

Lo he conseguido hacer con este código:

Código Javascript:

// Sombreado de botones con jQuery
var url = document.URL;      // Obtenemos la url actual
        
var emp = 'http://localhost/Sistema%20Facturacion/SYSNEGOC/empresa.php';
var cli = 'http://localhost/Sistema%20Facturacion/SYSNEGOC/clientes.php';
var fac = 'http://localhost/Sistema%20Facturacion/SYSNEGOC/facturacion.php';
var cob = 'http://localhost/Sistema%20Facturacion/SYSNEGOC/cobranza.php';
var inv = 'http://localhost/Sistema%20Facturacion/SYSNEGOC/inventario.php';
var rep = 'http://localhost/Sistema%20Facturacion/SYSNEGOC/generador.php';
        
switch(url){
    
    case (url = emp): $(".emp").css("background-color","#D28F25"); break;
    case (url = cli): $(".cli").css("background-color","#D28F25"); break;
    case (url = fac): $(".fac").css("background-color","#D28F25"); break;
    case (url = cob): $(".cob").css("background-color","#D28F25"); break;
    case (url = inv): $(".inv").css("background-color","#D28F25"); break;
    case (url = rep): $(".rep").css("background-color","#D28F25"); break;                                                           
}
 

sin embargo, en ocasiones cuando regreso a alguna página, por ejemplo clientes.php de acuerdo a alguna referencia de algún cliente, la página puede llegar a mostrarse así :

http://localhost/Sistema%20Facturaci...ntes.php?id=10

entonces, cuando sucede eso el código arriba citado de javascript ya no funciona, por obvias razones:

var url = "http://localhost/Sistema%20Facturacion/SYSNEGOC/clientes.php"
ya no es igual a
var cli = "http://localhost/Sistema%20Facturacion/SYSNEGOC/clientes.php?id=10"

entonces me pregunto, ¿hay alguna función en javascript, para eliminar todo lo que aparezca después de "?"?

he buscado, pero no encuentro alguna función que lo haga en javascript, si en PHP.

¿Saben de algo así?O de algún otro método para cambiar el color del botón cuando estamos en la página que corresponde. De antemano les agradezco por sus comentarios.

Saludos!!

[PHPeros]

¿No puedes poner un script único por cada página?

Por cierto, creo que el manejo del hash te sería muy útil en este caso por lo sencillo que es de acceder.

[Middrel]

Si podría, pero me gusta usar un archivo independiente donde guardo el menú y posteriormente sólo lo llamo en cada página.

Por ejemplo, tengo un archivo llamado menu.php

y luego lo llamo como:

Código PHP:

  <?php include("template/menu.php"); ?>   

así si hago algún cambio de dirección por ejemplo, sólo cambio una vez.

así mismo, con los scripts, los llamo una sola vez y están en un archivo aparte.

No entendí lo del hash ¿a que te refieres?

Saludos!!

[hecbaal]

El problema que puedo ver es que al cambiar la dirección Url no concuerda y lógicamente no funciona (tal como has dicho tu), yo haría esto:

Código Javascript:

/*Modificamos las primera líneas del código */
var url = document.URL;
url = url.split("?");      // Obtenemos la url actual
url = url[0];
 

De esta manera siempre cogeremos la url correcta, haya o no haya "id=x". Si no te funciona correctamente, ya dices.

Saludos.

[Middrel]

Sí, funcionó con la función split. Algo tan simple :o

hecbaal, PHPeros muchas gracias por sus comentarios y ayuda! ya está solucionado!!

Que tengan un buen día!!