[SOLUCIONADO] Buscar elemento en otro bloque

[madman_18]

Buenos días!

Veréis tengo un problemilla (otro más xD), quieren poner en la web que estoy haciendo, una especie de accesos directos aunque se vea el menú.

Hasta ahí perfecto pero ahora me surge un problema: ¿cómo marco como "activo" en el menú superior la sección que están viendo? Si en el acc. directo pulsan en Empresa, en el menú superior, marcar Empresa como activo (añadirle la clase) pero no doy con la tecla de buscar la coincidencia con jQuery y añadirle la clase.

¿Alguna ayuda?

Gracias!

[oms02]

Hola madman

En realidad, aunque se puede hacer perfectamente como dices, no necesitas cambiarle la clase al link del menu superior. Bastaria con acceder al DOM y cambiar el color de ese elemento. (el color o lo que sea).

Por ejemplo:

Código HTML:

<div id="menu-superior">
 <ul>
    <li id="menu1">principal</li>
    <li id="menu2">otras cosas</li>
    <li id="menu3">contacto</li>
 </ul>
</div>
 
<div id="accesos-directos">
   <a href="..." id="link-menu1">principal</a>
   <a href="..." id="link-menu2">otras cosas</a>
   <a href="..." id="link-menu3">contacto</a>
</div>
 

Código Javascript:

$("#accesos-directos a").click(function(){//al pulsar cualquier link de los accesos directos
 
var sitio = $(this).attr('id').substr(5);//recoges en una variable el link donde se ha pinchado
 
$("#menu-superior li").css({'color':'white'});//les pones color a todos los links del color que normalmente sean (para posteriores clicks).
$("li#"+sitio).css({'color':'red'});//le cambias el color al que se ha ido.
 
});
 

Y ya lo tendrias.

Nota: lo he escrito super rapido y super "a pelo", asi que me imagino que habra algun error. Miralo con ojo.

Otra cosa es que como no se como es la estructura de la pagina, ni como identificas los elementos, etc...no tengo ni idea de si esto te estará sirviendo o no...si dejas por aqui algo de código seguro que será mucho más fácil resolver tu duda.

Un saludo!

[madman_18]

Iniciado por oms02

Hola madman

En realidad, aunque se puede hacer perfectamente como dices, no necesitas cambiarle la clase al link del menu superior. Bastaria con acceder al DOM y cambiar el color de ese elemento. (el color o lo que sea).

Por ejemplo:

Código HTML:

<div id="menu-superior">
 <ul>
    <li id="menu1">principal</li>
    <li id="menu2">otras cosas</li>
    <li id="menu3">contacto</li>
 </ul>
</div>
 
<div id="accesos-directos">
   <a href="..." id="link-menu1">principal</a>
   <a href="..." id="link-menu2">otras cosas</a>
   <a href="..." id="link-menu3">contacto</a>
</div>
 

Código Javascript:

$("#accesos-directos a").click(function(){//al pulsar cualquier link de los accesos directos
 
var sitio = $(this).attr('id').substr(5);//recoges en una variable el link donde se ha pinchado
 
$("#menu-superior li").css({'color':'white'});//les pones color a todos los links del color que normalmente sean (para posteriores clicks).
$("li#"+sitio).css({'color':'red'});//le cambias el color al que se ha ido.
 
});
 

Y ya lo tendrias.

Nota: lo he escrito super rapido y super "a pelo", asi que me imagino que habra algun error. Miralo con ojo.

Otra cosa es que como no se como es la estructura de la pagina, ni como identificas los elementos, etc...no tengo ni idea de si esto te estará sirviendo o no...si dejas por aqui algo de código seguro que será mucho más fácil resolver tu duda.

Un saludo!

Gracias por contestar ;) la verdad es que había pensado en interactuar con id's y demás para gestionarlo pero no se me ocurría nada (en viernes....ya se sabe..... )
Probaré algo como lo que me mencionas que lo tengo medio establecido así el trabajo en jQuery y a ver si acierto.

Ya os comento!

[madman_18]

Muchas gracias por la idea oms02....ahora sí que me funciona ;) ;)

[oms02]

De nada! Que vaya bien!