Comunidad de diseño web y desarrollo en internet online

ayuda con menú

Citar            
MensajeEscrito el 05 Mar 2011 01:40 am
Holas, tengo un menú con jquery, funciona muy bien pero el problema que tengo es que cuando de inicio por ejemplo doy clik en productos, todos los botones quedan del mismo color.
Necesito que quede de otro color para indicar que uno está en esa página.
Alguien me puede ayudar?

Por onpress

68 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 07 Mar 2011 08:42 pm
Pues, yo creo que deberías ponerle un id o class diferente a cada elemento de la lista para así poder diferenciarlos porque si con jQuery haces $(".menu a").clik se marcarán todos los links del menú no solo el que clikeaste.

Por Night~

43 de clabLevel



Genero:Masculino  

Geek, Gamer, Otaku

chrome
Citar            
MensajeEscrito el 07 Mar 2011 10:32 pm
Gracias por tu respuesta, pero creo que no me dejé entender.
El menú funciona bien, el problema es el siguiente
home - productos - ventas - contacto ( imagínate que este es el menú)
Si pasas el mouse sobre los links cambian de color, pero si das clic en ventas por ejemplo, te lleva a la página de ventas, pero el menú todos los links siguen del mismo color, yo lo que quiero es que si estás en ventas ese menú esté de otro color para que eso te indique que estás en ventas.

Por onpress

68 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 07 Mar 2011 10:36 pm
Ahh, si si.
Ese tipo de menús si no me equivoco los haces con PHP o con una estrategía de CSS, disculpa, de eso ya no se ayudarte, amenos que estés usando frames o algo parecido

Por Night~

43 de clabLevel



Genero:Masculino  

Geek, Gamer, Otaku

firefox
Citar            
MensajeEscrito el 07 Mar 2011 10:38 pm
Ok gracias, pero entiendo que con un script se soluciona esto.
Igual gracias

Por onpress

68 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 15 Mar 2011 03:11 am
Te explico, para lo que quieres hacer, puedes usar lo siguiente:


Se supone que cuando estas posicionado en un menu, por ejemplo, productos
dentro de la pagina productos debes agregar algo como esto:


Código Javascript :

<script type="text/javascript">

$(document).ready(function(){

cambiarcolormenu('productos');

});


</script>


y la función cambiarcolormenu:

Código Javascript :

function cambiarcolormenu(menu){

$('#'+menu).css({
'background-color':'red'
//aqui todos los estilos
});

}




para lo anterior, debes ponerle un id, a cada li del menu (por ejemplo si trabajaras con listas )



ahora, el codigo anterior es con jquery, si quisieras hacerlo con javascript puro



Código Javascript :

<script type="text/javascript">

    window.onload=cambiarcolormenu('productos');


</script>




y cambiarcolormenu:


Código Javascript :

function cambiarcolormenu(menu){

document.getElementById(menu).style.backgroundColor='red';

}




Debería ser lo mismo, espero haber sido de ayuda

Saludos :)

Por sebifrost

61 de clabLevel



 

firefox
Citar            
MensajeEscrito el 15 Mar 2011 06:47 pm
Excelente!!!
Agradezco tu tiempo y paciencia para explicármelo
Saludos

Por onpress

68 de clabLevel



Genero:Masculino  

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.