Discussion :

[alaninho]

Bonjour,

j'ai un site avec des onglets qui se trouvent dans une div de la facon suivante :

Code html :

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

1
2
3
4
5
6
7
8
<div class="menu_central">
   <a id="home" href="/yass/index.php" onclick="change_onglet('home');">home</a>
   <a id="web_server" href="/yass/yass.php" onclick="change_onglet('web_server');">web server</a>
   <a id="help" href="/yass/help.php" onclick="change_onglet('help');">help</a>
   <a id="download" href="/yass/download.php" onclick="change_onglet('download');">download</a>
   <a id="iedera" href="/yass/iedera.php" onclick="change_onglet('iedera');">iedera</a>,<a id="hedera" class="subentry" href="/yass/hedera.php" onclick="change_onglet('hedera');">hedera</a>
   <a id="id" href="/yass/id.php" onclick="change_onglet('id');">retrieve result with an ID</a>
 </div>

Voici mon code js :

Code :

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

1
2
3
function change_onglet(name) {
    document.getElementById(name).style.cssText = 'background-color: #86b6e0; border-radius:0px 0px 5px 5px';
}

Le problème c'est que quand je clique sur l'onglet que je veux, il y a le changement de page mais le lien ne change pas de couleur de fond, je ne comprends pas.

Quand je met return(false) dans l'appel de ma fonction js, il n'y a pas de changement de page mais les onglets change de couleur.

Est ce que quelqu'un peut m'aider ?

alaninho

[Bovino]

mais le lien ne change pas de couleur de fond

Si, mais comme tu change de page immédiatement après, ça se voit pas !

Il faut bien que tu comprennes que JavaScript s'applique à la page en cours, en aucun cas à la page suivante.

[alaninho]

Oui, en effet, c'est moi qui n'est pas réfléchi, mais comment faire du coup. Pouurais-tu m'aider stp.

[SpaceFrog]

passer une ref de l'onglet en param get et le recuperer sur l'autre page ?.

[Bovino]

Ca se fait plutôt en PHP ça...
En gros, tu crées une classe CSS spécifique (par exemple .actif) et à la génération de ta page en PHP, tu vérifies de quelle page il s'agit et si le lien correspond à la page que tu affiches, tu lui mets cette classe.

[alaninho]

Est ce que vous pourriez me mettre un exemple svp?