[DOM] Faire apparaître de nouveau sur un clic

Bonjour

Dans une page j’ai des boutons comme celui-ci :

Code:

---

1 2	<button type="button" onclick="javascript:afficheinfos()" id="bouton44bleu1bleu2"> repère <br> Journalier </button>

---

Lors du clic sur un bouton, je voudrais faire apparaître de nouveaux boutons dans la même page.

Je pense à :
• Disposer ces nouveaux boutons dans la page dès l’origine avec toutes les couleurs en blanc pour les rendre invisibles
• Modifier les couleurs lors du clic

Ca devrait être faisable avec un peu de travail en CSS.

Presque naturellement, j’aimerai que le même clic fasse revenir ces boutons à leur situation d’origine, les rendant invisibles.

Qu’en pensez-vous ? Comment faire au mieux?

Par avance merci de votre aide.

Francois

Je pense que le plus simple, c'est vraiment de les créer/supprimer sur le clic du premier bouton, ca t'évitera des galères niveau css.

Grâce aux méthodes du DOM, ca donnerait quelque chose qui ressemble à ca (pas testé mais ca doit pas etre loin de marcher):

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

function afficheinfos(){   if(!document.getElementById("b1")){ var b1 = document.createElement("input"); b1.type = "button"; b1.className = "taclasse"; b1.id = "b1"; document.body.appendChild(b1); } else document.body.removeChild(document.getElementById("b1")); }

---

bonjour DoubleU et merci pour ta réponse.

Je vais m'y mettre et je te tiendrai au courant.

Francois