Discussion :

[francoisch]

Bonjour

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

Code :

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

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

[DoubleU]

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 :

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

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"));
}

[francoisch]

bonjour DoubleU et merci pour ta réponse.

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

Francois