Comunidad de diseño web y desarrollo en internet online

Problemas de navegación en un menú

Citar            
MensajeEscrito el 02 Nov 2012 07:34 pm
Buenas yo trabajo con los includes de PHP
Por ejemplo si tengo un menu que se repite en todas las paginas lo que hago es trabajar con los includes en las demas paginas.
Por ejemplo en una pagina inicio, nosotros, contactenos lleva el mismo menu osea lo pongo asi:

Código PHP :

include("menu.php");


Mi problema es el siguiente, no se como hacer para cuando se situe en una determinada pagina, los elementos del menu, osea la opcion cambie de color o tamaño
Por ejemplo si me situo en contactenos, debera mostrarme la pagina y tambien debera pintar de un color el texto contactenos del menu.

INICIO QUIENES SOMOS GALERIA CONTACTENOS

Si no lo haria con include, se como hacerlo, pero si trabajo con este, como lo hago?

Por talentocomputo

38 de clabLevel



 

chrome
Citar            
MensajeEscrito el 02 Nov 2012 08:06 pm
Hay varias formas, lo que se me ocurre ahora sería ponerle un id a cada uno de los elementos de ese menú, después en tu PHP según el contenido que el visitante solicito escribís una llamada a una función en javascript que se encargue de cambiarle la clase pasandole como parámetro el id del elemento del menú... Se entiende?
Ejemplo:
En el archivo php

Código PHP :

<?php
// Acá van todas tus cosas antes de incluir el menú...
// Tenés que asignarle a una variable el id del elemento html según el contenido que cargues.
$variable = 'item2';
?>
<script type="text/javascript">
$(document).ready(function(){ // ya no se hace más así... pero es como ejemplo ;)
decoramenu('<?php echo $variable; ?>');
});
</script>
<?php
include('menu.html');
?>


Este seria tu menu.html

Código HTML :

<li id="item1">Inicio</li>
<li id="item2">Galeria</li>
<li id="item3">Contacto</li>


Y en el js tendrias que tener algo así

Código Javascript :

function decoramenu(id){
var elem = document.getElementById(id);
$(elem).addClass('El_nombre_de_tu_clase_para_el_elemento_seleccionado');
}


Puede haber errores porque lo escribí así nomas, es como para que te hagas una idea.

Saludos!

Por SinSemilla

Claber

336 de clabLevel



Genero:Masculino  

i am that i am...

firefox
Citar            
MensajeEscrito el 07 Nov 2012 03:56 pm
Muchas gracias SinSemilla, lo pondre en practica lo mas pronto posible, luego comento si salio :D

Por talentocomputo

38 de clabLevel



 

chrome
Citar            
MensajeEscrito el 07 Nov 2012 10:12 pm
Gracias SinSemilla, trataré de hacerlo yo tambien =)

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

firefox
Citar            
MensajeEscrito el 08 Nov 2012 12:15 pm
De nada gente, me alegra que les sirva!

Saludos!

Por SinSemilla

Claber

336 de clabLevel



Genero:Masculino  

i am that i am...

firefox

 

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