Más dudas sobre los marcos

Esta vez, sobre marcos y vínculos. Digamos que tenemos dos marcos, en el de la izquierda tenemos un menú con tres botones: "Bienvenida", "Cuerpo" y "Despedida" (los botones que luego serán los links son imágenes, no texto).

Yo quiero que al pulsar cada uno de los botones (que están, recordemos, en el marco de la izquierda) se abra el contenido asociado a ese botón del menú, y quiero que se abra en el marco derecho. Para conseguir esto, creo un vínculo en cada botón y en "Destino" le pongo "mainFrame" o "rightFrame" según el marco que sea el de la derecha.

Hasta ahí todo bien, pero ahora digamos que los tres botones son rojos, y yo quiero que cuando se pulse un botón, además de aparecer el contenido en el marco derecho, quiero que ese botón (que es ahora el asociado a la sección que se está viendo) sea de color verde y quede inactivo (sin vínculo), y los demás rojos.

Esa es mi pregunta, ¿es eso posible? Sería algo como hacer que un vínculo cargue dos marcos diferentes =/ De todas formas si eso no es posible y a alguien se le ocurre alguna otra forma de hacerlo y quiere compartir su sabiduría le estaría enormemente agradecido ^^

Muchas gracias por la lectura, saludos a todos y todas.

Bueno, aunque lo que pides no es complicado, si es algo trabajoso.

Vamos a diferenciar dos aspectos que comentas.

1.- Que en enlace aparezca de otro color o estilo:
Esto se puede lograr utilizando los estilos CSS estrategicamente. Puedes ver algo similar en mi web, en la que el enlace correspondiente a la página abierta aparece con un estilo diferente al resto.
Esto lo consigo así:
1.- A cada uno de los enlaces del menú les asigno un estilo diferente, por ejemplo:
enlace uno, estilo e01
enlace dos, estilo e02
enlace tres, estilo e03
......
Ni en la página de estilos ni en ningún lado he definido estos estilos e01, e02, e03... de forma que no les afecta para nada, es decir, no hacen nada.
Pero en cada página en cuestión, defino el estilo correspondiente, es decir, en la página correspondiente al enlace e01, defino dentro de la cabecera (entre HEAD y /HEAD) el estilo e01 solamente, de este modo:

<STYLE>
e01 {COLOR: gray ; FONT-WEIGHT: bold}
</STYLE>

De este modo, al cargarse la página correspondiente al enlace e01, se lee el estilo del e01 y este enlace aparece en negrita y de color gris, permaneciendo el resto tal y como estaba.
Después, en la página correspondiente al enlace e02 defino solo el estilo siguiente:

<STYLE>
e02 {COLOR: gray ; FONT-WEIGHT: bold}
</STYLE>

y así con todas las demás.
Por supuesto, no olvides declarar los estilos del menú, que quedarían algo así como:

Menu</p>
Página 1
Página 2
Página 3
Página 4
............

2.- Que desaparezca el vínculo, es decir, inactivo:
Esto ya es más complicado, o mejor dicho, más trabajoso. Se trataría de crear un menú distinto para cada página, en cada uno de los cuales apareciera en enlace sin el vínculo que deseas eliminar. Esto no es muy recomendable, pues un trabajo que no se si merece la pena. En principio con definir un estilo distinto, como por ejemplo un color de texto para el enlace que deseas desactivar, en un color muy flojo (gris muy claro) consigues el efecto que deseas, es decir, que parezca como desactivado. Ademas, lo bueno de los frames o marcos es evitar tener que definir el menú para cada página, y si lo hacemos así pierde su esencia, no?
Yo te recomiendo que el enlace no quede inactivo, sino solo de un estilo distinto tal y como hemos visto en el apartado anterior.

Si tienes algún problema para aplicar esto dame el toque y lo arreglamos.

Un saludo!

Muchas gracias por tu respuesta Jorgens, creo que tienes razón y sería una contradicción trabajar con marcos y ponerse a hacer un menú para cada página xD Menudo lío =/ Voy a poner en práctica lo de los estilos, muchas gracias =D

Muy bien, ya nos comentarás algo. Recuerda que la versión actual de ComoCrearTuWeb funciona de ese modo. Puedes cotillear su código para ver como lo he hecho. Y si te surgen problemas, ya sabes dónde estamos.

Un saludete!