Ver Mensaje Individual
  #5 (permalink)  
Antiguo 01/06/2012, 21:56
furoya
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 21 años, 5 meses
Puntos: 317
Respuesta: Asignar CLASS según la Página

Hola rodeirojg, cristian_cena.

Cita:
Iniciado por FdW/rodeirojg
Última edición por rodeirojg; Hoy a las 02:54 Razón: El editar la redacción por error, me eliminó el enlace hacia la web que pretendo corregir
No me queda muy claro qué quisiste decir. Si te refieres a que no te dejan poner tu enlace, es lógico. Es un método que tiene el Foro para dificultar que uses un tema como excusa para promocionar o sumar clicks a tu web, poniéndola como ejemplo de una pregunta.

Lo de la consulta en particular, lo estuve pensando con CSS, de una forma muy extraña. pero no va a salir. Puede que consulte el asunto con alguien que sepa más que yo (dos tercios de Foro, más o menos), pero de momento la solución es usar lenguaje de programación.
Apoyo fervorosamente la moción del Colaborador cristian_cena para que muevan el tema a un subforo más apropiado.

Y ya que se empezó con JS, quería agregar otro ejemplo un poco más elemental, pero no menos útil.

Si no entiendo mal, la idea (ya repetida y solucionada hace rato) es que en un menú que contiene todos los enlaces a las distintas páginas del sitio, se destaque en otro formato el que corresponde a la página que se está mirando.
Por lo general, ese link se elimina. Y eso sería también un formato. Pero por cuestiones de diseño, a veces hay que mantener el texto o la imagen que sirven de marca de enlace.

Supongamos que tenemos éste menú HTML

Código:
<a href=http://www.mi_sitio.inet/index.php/ class=menu id=index>INDEX.</a> <br>
<a href=http://www.mi_sitio.inet/gallery.php/ class=menu id=gallery>GALLERY.</a> <br>
<a href=http://www.mi_sitio.inet/sitemap.php/ class=menu id=sitemap>SITEMAP.</a> <br>
Cuyo CSS sería

Código:
.menu { backgound-color: lime; }
Simplemente con agregar un JS que leyera el nombre de la página y usara la cadena para apuntar al identificador del enlace, ya le puede cambiar el formato. O su clase, pero aquí es más fácil agregar el CSS inline vía javascript.

Código:
function pagina(){
var pag = location.href.substring(location.href.lastIndexOf('/')+1, location.href.lastIndexOf('.'));

//alert(pag);

document.getElementById(pag).style.backgroundColor = "red";
}
onload = pagina;
Si termina en PHP (p.e.), supongo que estas opciones tampoco estarán de más.