menu actif surligné lorsqu'il est dans une frame

**vertalan** · 02/06/2006, 20h05

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?

**kankrelune** · 02/06/2006, 20h58

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("id_element_menu").style

@ tchaOo°

**vertalan** · 03/06/2006, 09h42

Merci pour ta réponse.

J'ai essayé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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é...

**vertalan** · 03/06/2006, 15h38

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

Est ce que quelqu'un voit ou est le bug?

menu actif surligné lorsqu'il est dans une frame

JavaScript

Discussions similaires

Partager

Partager