Comunidad de diseño web y desarrollo en internet online

menu con xhtml y css

Citar            
MensajeEscrito el 24 Jul 2008 08:35 pm
Bien, he creado un menu efecto rollover con xhtml y css, y la verdad es que me ha quedada muy bien. Pero ahora lo que quiero es que cada uno de los botones de las secciones se queden iluminados cuando se está en esa sección en concreto. Espero que me haya explicado con claridad. Gracias.

Por Rafeta

2 de clabLevel



Genero:Masculino  

msie7
Citar            
MensajeEscrito el 28 Jul 2008 12:47 am
holaa!!!

veamos ... asumo q debes tener una funcion que pinte el boton en el evento MOUSEOVER ... y otra funcion (quizas la misma) ... para despintarlo en el evento MOUSEOUT ...

me gustaria saber si tu menu es grafico ... o si es con CSS ... en el caso q sea grafico haz esto:

1. a cada imagen (entiendase como menu) ... dale un ID que termine en un numero y que sean correlativos... o sea.. menu1, menu2, menu3, menu4 .... menuX ... ej ... <img src="menu1.jpg" id="menu1">

2. crea una variable global en tu Jscript que se llame dondeestoy .. e iguala a 0. cuando digo variable global me refiero a que este declarada en la primera linea fuera de toda funcion ;D

3. crea una funcion que se llame irA(pos) ... donde el "pos" sea un numero q puede ser entre 1 y la cantidad de menus q tengas... dicha funcion lo unico que hara sera llamar a la funcion que usas para pintar el MENU...esta funcion la pondras al final de tu html antes de terminar la etiqueta </body> (algo asi como cuando usas GOOGLE ANALYTICS) de cada pagina que represente la seccion a la que entras..

<script>
<!--
irA(2);
-->
</script>

4. la funcion irA(pos) marcara la variable dondeestoy para que siempre sepas en q seccion estas... y llamara a la funcion q usas para pintar el MENU ... no se como este hecha tu funcion pero si la muestras seria genial.

function irA(pos)
{
dondeestoy=pos;
pintamenu(pos);
}

existe una ultima cosa q tienes q tener en cuenta ... y es q la funcion que pinta el MENU tiene q preguntar x la variable dondeestoy cada vez q pases el mouse encima del menu para q NO desmarque el MENU en donde estas actualmente ...

si quieres un ejemplo mas claro ... mira esta pagina www.prc.com.pe o www.pamolsa.com.pe .. donde uso la misma logica ... cada seccion llama a una funcion en JS ... q pinta lo que corresponde pintar.

salu2
vm

pd. si algo no queda claro .. preguntas no mas XD

Por Vittorio

3 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 30 Jul 2008 06:02 pm
He visto tu página y a eso es exactamente a lo que me refiero. Pero todo lo que has explicado, la verdad no me ha quedado muy claro. Lo que te puedo decir es que mi página no tiene nada de java, está toda hecha con xhtml y css, por lo que si tuvieras otra opción para este caso, me facilitaria el tema, ya que todavia no he digerido el xhtml y css como para ponerme con js. Lo siento. De todas formas agradezco tu interés. Aquí te pongo la web, está por terminar, pero ha ver si puedes ayudarme. http://www.rafaelcarpio.es

Por Rafeta

2 de clabLevel



Genero:Masculino  

msie7
Citar            
MensajeEscrito el 01 Ago 2008 06:36 am
hola!!

mmmmmmm ok ... entonces la otra solucion seria clonar tu menu en xhtml + css en cada seccion y dejar la imagen de la seccion sin efecto pero con la imagen q usas para determinar q esta prendida, de momento es lo unico que se me ocurre que puedes hacer.

la idea q te propuse era usar un solo menu ... q dependiendo de la seccion en la q estuvieras pintaria la imagen q le corresponde, pero si te parece muy jodido pues haz lo que te sugiero antes... clona tu menu en todas tus secciones y no le pongas efecto over a la imagen de la seccion en la q estes.

salu2
vm

Por Vittorio

3 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 01 Ago 2008 12:03 pm
Hacer que el menú reconozca en qué sección estás, te requerirá algo más de programación.
O lo haces con JS, desde el cliente, o lo haces con PHP, desde el servidor.
Si no, te tocará hacer lo que dice Vittorio: clonar tu menú, y modificar el de cada sección.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox

 

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