Menu et CSS
Fermé
Flowneo
Messages postés
88
Date d'inscription
lundi 31 mars 2008
Statut
Membre
Dernière intervention
30 août 2012
-
9 juin 2010 à 15:14
Reivax962 Messages postés 3671 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 - 10 juin 2010 à 16:57
Reivax962 Messages postés 3671 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 - 10 juin 2010 à 16:57
A voir également:
- Menu et CSS
- Menu déroulant excel - Guide
- Menu démarrer windows 11 - Guide
- Canon quick menu - Télécharger - Utilitaires
- Menu demarrer - Guide
- Menu contextuel windows 11 - Guide
3 réponses
Reivax962
Messages postés
3671
Date d'inscription
jeudi 16 juin 2005
Statut
Membre
Dernière intervention
11 février 2021
1 011
9 juin 2010 à 15:38
9 juin 2010 à 15:38
Bonjour,
Pour faire quelque chose de ce genre sans recharger la page, il me semble que la seule solution soit de passer par du JavaScript.
Au moment du clic, tu changes la classe de l'élément cliqué (et celle des autres pour remettre d'aplomb l'onglet précédent) en utilisant (element).className
Xavier
Pour faire quelque chose de ce genre sans recharger la page, il me semble que la seule solution soit de passer par du JavaScript.
Au moment du clic, tu changes la classe de l'élément cliqué (et celle des autres pour remettre d'aplomb l'onglet précédent) en utilisant (element).className
Xavier
avion-f16
Messages postés
19246
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
21 avril 2024
4 497
9 juin 2010 à 15:42
9 juin 2010 à 15:42
Il faut passer par du Javascript et le CSS pour faire deux classes : une pour le mode « normal », et une autre pour le mode « actif »
Sur le clic d'un lien, tu réinitialises les classes de tous les liens à « normal », et tu changes la classe du lien cliqué en « actif ».
Sur le clic d'un lien, tu réinitialises les classes de tous les liens à « normal », et tu changes la classe du lien cliqué en « actif ».
Flowneo
Messages postés
88
Date d'inscription
lundi 31 mars 2008
Statut
Membre
Dernière intervention
30 août 2012
10 juin 2010 à 15:33
10 juin 2010 à 15:33
merci pour votre réponse sauf que je ne maitrise pas vraiment le javascript...pouvez vous me donner un exemple ou alors du code
Reivax962
Messages postés
3671
Date d'inscription
jeudi 16 juin 2005
Statut
Membre
Dernière intervention
11 février 2021
1 011
10 juin 2010 à 16:57
10 juin 2010 à 16:57
Bonjour,
Imaginons que la classe CSS de l'onglet cliqué soit "OngletSelectionne".
Celle de l'onglet non cliqué est "Onglet".
Dans la partie <head> de ta page, tu mets ce bloc :
Ensuite, sur tes onglets, tu places :
Xavier
Imaginons que la classe CSS de l'onglet cliqué soit "OngletSelectionne".
Celle de l'onglet non cliqué est "Onglet".
Dans la partie <head> de ta page, tu mets ce bloc :
<script type="text/javascript">
function deselectionnerTousOnglets()
{
document.getElementById("onglet1").className="Onglet";
document.getElementById("onglet2").className="Onglet";
document.getElementById("onglet3").className="Onglet";
document.getElementById("onglet4").className="Onglet";
}
function selectionnerOnglet(onglet)
{
onglet.className="OngletSelectionne";
}
</script>
Ensuite, sur tes onglets, tu places :
onclick="deselectionnerTousOnglets(); selectionnerOnglet(this);"
Xavier
