Système d'onglet généré par evenement Onclick
Résolu
Korangar
Messages postés
9
Date d'inscription
Statut
Membre
Dernière intervention
-
RAD ZONE Messages postés 5230 Date d'inscription Statut Contributeur Dernière intervention -
RAD ZONE Messages postés 5230 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
J'aimerais faire un système d'onglet.
Pour cela j'ai crée une fonction qui est déclenchée par un evenement OnClick().
La fonction modifie l'attribu display de la <div> en question. Jusque là rien de dur. Sauf que lorsqu'on clique sur un autre onglet il faudrait que la div précedemment ouverte soit fermée.
Comme parade, je cache toutes les <div> avant d'ouvrir celle sur laquelle l'utilisateur clique :
D'une part je trouve ce code barbare et d'autre part avec un grand nombre d'onglets cela devient fastidieux a gérer.
Autre application, j'ai un menu avec un certain nombre de choix.
J'aimerais que lorsque l'on clique sur un element du menu il change de style (là rien de difficile) mais aussi que lorsqu'on clique sur un autre element du menu il redevienne normal.
Si vous avez un code SIMPLE a me proposer pour mes besoin ou alors si vous êtes assez patient pour me l'expliquer en details je vous en serais reconnaissant. (je me noie assez vite lorsqu'on parle de DOM, faute d'avoir trouvé un bon tuto ou un bon livre...).
J'aimerais faire un système d'onglet.
Pour cela j'ai crée une fonction qui est déclenchée par un evenement OnClick().
La fonction modifie l'attribu display de la <div> en question. Jusque là rien de dur. Sauf que lorsqu'on clique sur un autre onglet il faudrait que la div précedemment ouverte soit fermée.
Comme parade, je cache toutes les <div> avant d'ouvrir celle sur laquelle l'utilisateur clique :
function show (iddiv) {
document.getElementById('ajoutnews').style.display='none';
document.getElementById('modifnews').style.display='none';
document.getElementById(iddiv).style.display='block';
}
D'une part je trouve ce code barbare et d'autre part avec un grand nombre d'onglets cela devient fastidieux a gérer.
Autre application, j'ai un menu avec un certain nombre de choix.
J'aimerais que lorsque l'on clique sur un element du menu il change de style (là rien de difficile) mais aussi que lorsqu'on clique sur un autre element du menu il redevienne normal.
Si vous avez un code SIMPLE a me proposer pour mes besoin ou alors si vous êtes assez patient pour me l'expliquer en details je vous en serais reconnaissant. (je me noie assez vite lorsqu'on parle de DOM, faute d'avoir trouvé un bon tuto ou un bon livre...).
A voir également:
- Système d'onglet généré par evenement Onclick
- Restauration systeme windows 10 - Guide
- Vérificateur des fichiers système - Guide
- Rouvrir onglet fermé chrome - Guide
- Vous avez besoin d'une autorisation de la part de système pour modifier ce dossier - Guide
- La zone de données passée à un appel système est insuffisante - Windows 11
Effectivement, regrouper toutes les div dans un array et les "fermer" toutes avec une boucle est une bonne idée avec une condition qui ferme la div si elle est déjà ouverte.
Ca me convient.