menu actif surligné lorsqu'il est dans une frame

Version imprimable

02/06/2006, 20h05
vertalan

menu actif surligné lorsqu'il est dans une frame

Bonjour,

Je suis en train de faire un petit site utilisant un frameset de deux frames, l'un avec les menus et l'autre avec le contenu.

site en construction

J'aimerais que lorsqu'on est sur la page correspondant au menu cliqué, le menu reste en rouge (fonction "active" en CSS) mais je n'y parviens pas... J'ai trouvé un exemple de ce que je souhaite atteindre ici. J'ai essayé de déchiffrer ses fonctions JS, mais comme ses menus sont des images tandis que les miens sont de simples liens, et que je ne comprend pas grand chose à ce qu'il a fait, je n'arrive pas à adapter.

quelque'un aurait il une idée?
02/06/2006, 20h58
kankrelune

Je ne connait pas l'attribut active des css mais regarde au niveau de

Code:

document.getElementById("id_element_menu").style

@ tchaOo°
03/06/2006, 09h42
vertalan

Merci pour ta réponse.

J'ai essayé

Code:

<a href="about.html" class="Style2" target="mainFrame" name="link_about" onClick="document.getElementById('link_about').class='Style1'">About Us</a>

Mais ca ne marche pas, le debuger fire fox me dit que document.getElementById('linkabout') n'a pas de propriété...

Bonjour,

Je reviens à la charge après un peu avoir avancé mais toujours pas de lumière au bout du tunnel.

Il y a donc mes menus dans le frame de gauche qui changent le contenu de celui de droite.

le site en developpement ici

J'ai developpé 3 petites fonctions qui devraient gerer le changements du lien courant afin que l'on sache dans quelle page on se trouve:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <script language="JavaScript"> function linkon(name) { if (name != null) { getElementById(name).class='current'; } } function linkoff(name) { if (name != null) { getElementById(name).class='nocurrent'; } } curlink = 'linkabout'; function cur(name) { if (curlink != null) linkoff(curlink); curlink = name; linkon(name); } </script>
puis mes menus dans le <body>:
Code:

1 2 3 4 5 6 <p><a href="about.html" target="mainFrame" id="linkabout" onClick="cur('linkabout')" >About Artsa</a><br> <a href="event.html" target="mainFrame" id="linkevent" onClick="cur('linkevent')">Our Event</a><br> <a href="contact.html" target="mainFrame" id="linkcontact" onClick="cur('linkcontact')">Contact Us</a></p> <p><a href="contact.html" target="mainFrame" class="current">current</a><br> <a href="contact.html" target="mainFrame" class="nocurrent">nocurrent</a></p>
(J'ai mis les menus current et nocurrent pour illustrer ce que font les 2 classes du même nom)

C'est bien beau tout ca mais ca ne marche pas... :arf:
Est ce que quelqu'un voit ou est le bug? :)