Discussion :

[nopnop]

Bonjour,
Je suis en train de r�aliser un site web et j'ai trouv� un joli script pour faire un menu avec des onglets (feuilles CSS).
Le souci, c'est que j'ai besoin de l'am�liorer un peu et je n'y arrive pas.

J'ai un code dans un frame en haut du navigateur :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
 
<div id="header">
<ul>
  <li id="current"><a href="index.html">Accueil</a></li>
  <li><a href="page2.html">page2</a></li>
    etc

Ceci fait apparaitre 2 onglets (Accueil et page2) avec Accueil qui est l'onglet courant, donc dans une autre couleur.
Mais si l'utilisateur clique sur l'onglet page2, il faut obligatoirement que je recharge le frame avec un autre fichier html qui contient id="current" en face de page2. Or, je n'ai pas envie de recharger ce truc la a chaque fois.

Aussi, j'ai tent� de faire un fonction javascript qui permet de definir le current tout seul, mais je ne suis pas sur que ce soit possible car la fonction ne doit pas s'executer lors d'un evenement.

J'ai fait (partie head):

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
 
<SCRIPT LANGUAGE="JavaScript">
 var idcurrent = 'index';
 
function changerid(newval)
  {
idcurrent=newval;
  }  
 
function valeurid(a)
  {
  if (a=idcurrent) {return "current"}
  else {return ""}
  }   
</SCRIPT>

puis partie body :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
 
<div id="header">
<ul>
  <li id=valeurid('index');><a href="index.html" onclick="changerid('index');">Accueil</a></li>
  <li id=valeurid('page2');><a href="page2.html"  onclick="changerid('page2');>page2</a></li>
    etc

Lors du clique sur un onglet, la valeur currentid est bien chang� en m�moire, mais le id=valeurid('index'); ne fonctionne pas.

Vous auriez une id�e pour faire marcher mon syst�me ?
Merci.
Julie

[LEK]

Hello Julie, ton script css doit �tre modifi� : g�n�ralement lorsque l'on utilise javascript pour modifier des donn�es de style des �l�ments de la page on fait varier leur classe css. Actuellement le style affect� � ton onglet courant doit �tre d�sign� avec l'id de celui-ci, il faut donc que tu modifie cette d�finition en classe css. Ensuite tu pourras faire varier le style de l'onglet cliquer en lui donnant la class css "current" et une autre classe css par d�faut pour les autres onglets.
G�n�ralement on ne red�finit pas l'identifiant d'un �l�ment comme tu essaies de le faire, et quand bien m�me on ne peut pas inclure du javascript comme tu a essay�s : il faut que tu te renseignes sur les m�thodes d'acc�s du DOM : des fonctions te permettent d'acc�der aux attributs des �l�ments HTML et les modifi�s si n�cessaire : setAttribute(), getAttribute()
Il ne doit pas �tre compliqu� de modifi� ton code pour r�pondre � tes besoins mais le mieux et que tu lises quelques cours sur ces concepts si tu veux �tre � m�me de r�aliser ce que tu souhaites.
Bon codage

[nopnop]

Merci, je vais chercher du cot� CSS. Si je trouve un truc interessant, je viendrai le mettre ici.
Bonne soir�e.

[SpaceFrog]

un test d'�galit� en javascript c'est ==

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

  if (a==idcurrent)