Manejo del menú

[Sirdawn]

Buenas.

Tengo un menú compuesto de 5 imágenes que van cambiando de color conforme voy pasando por encima, y restaurandose al original cuando estoy fuera.

Alguien ha visto algo para que la imagen resaltada se quede fija indicando al usuario que está en esa "sección"?? Es decir, cuando pinche sobre la primera sección, que esa imagen se quede resaltada y que el resto siga cambiando de color conforme vaya pasando por encima??

Gracias!!

[Cap.Buscapina]

sin código es imposible aventurar una solución.

[caricatos]

Hola:

Se me ocurre que tengas una variable global con la última imagen pinchada, y condicionar ese efecto al valor de esa variable...

var actividad = "op1";

<img src="imagen1.gif" name="op1"
onclick="actividad = this.name; activar(this)"
onmouseover="if (actividad != this.name) resaltar(this)"
onmouseout="if (actividad != this.name) normalizar(this)"
alt="" />

Saludos

[Sirdawn]

Gracias caricatos... parece que va funcionando, buena idea.

Ahora solamente me falta ajustarlo para que cuando se pinche sobre una imagen, habiendo otra resaltada... desactivar esta última. Se quedan las dos resaltadas.

[caricatos]

Hola:

Usa el onclick para ello...

<img src="imagen1.gif" name="op1"
onclick="normalizar(actividad); actividad = this.name; activar(this.name)"
onmouseover="if (actividad != this.name) resaltar(this.name)"
onmouseout="if (actividad != this.name) normalizar(this.name)"
alt="" />

Fíjate que cambié los parámetros this por this.name... así que las funciones de resalte y des-resalte también tendrías que cambiarlas...

function resalte(cual) {
cual.style.borderColor = "red";
}

Suponiendo que sea algo como lo que puse, tendrías que cambiarlo por:

function resalte(cual) {
document.images[cual].style.borderColor = "red";
}

Espero que no tengas problema en implementarlo.

Saludos

[Sirdawn]

Gracias de nuevo caricatos, pero ya lo he solucionado de otra forma. Pego la solución por si le sirve a alguien:

Código:

var menu = 'nomenu';  // Iniciado a un nombre no existente.

function ratonSobre(componente)
{
     if(componente.name != menu)
          resaltar(componente);		
}

function ratonFuera(componente)
{
     if(componente.name != menu)
          normalizar(componente);		
}

function activar(componente,imagen-resaltada)
{
     // Si pinchamos sobre una imagen ya resaltada, no hacer nada.
     if(menu != componente.name)
     {
          // El if es para cuando menu = 'nomenu' (1º vez), que no de error.
          if(document.images[menu] != undefined)
               document.images[menu].src = <normalizar(), menu=imagen-vieja>

          menu = componente.name;
          componente.src = imagen;
     }
}

Lo dicho... gracias!!