affichage des boutons

Bonjour

je rencontre un problème que je ne sais pas résoudre a vrai dire en JS je m'y connait presque pas c'est pourquoi je sais même pas si c'est possible de le faire.

alors je vais vous expliquer mon problème

sur ma page j'ai 2boutons (enregistrer et imprimer)

enregistrer enregistre les informations que l’utilisateur a rentrer dans la base de donnée.

imprimer envoie la personne vers une page pdf (qu'il va pourvoir imprimer s'il veut)

je voudrais que le bouton imprimer soit cacher et si jamais la personne clic sur le bouton enregistrer ça deviennent visible (bien que je sache pas faire ça doit être possible en JS).

Mais je voudrais aussi que si la personne a fait le clic sur enregistrer et le bouton imprimer est apparu, que ce bouton imprimer disparaisse si jamais la personne fait les modifications sur la page.

merci de votre aide.


si jamais j'ai pas était claire dites le moi je vais essayer de mieux vous expliquer.

Bonjour,
c'est en effet tout à fait faisable en javascript avec quelque chose du genre:

Code:

---

1 2	<input type="submit" value="Enregistrer" onclick="document.getElementById('print').style.display = 'block';"> <button id="print" value="imprimer" style="display:none;">

---

merci de m'avoir rependu si vite c'est vraiment sympa.

le bouton imprimer a bien disparu et réapparait si je fait un clic sur enregistrer mais redisparait super vite (il s'affiche genre pendant 1s).

Avec plaisir!
Je me rends compte que j'ai oublié de fermer le bouton, ça peut être pour ça que le code deconnait :oops:.

Code:

---

1 2	<input type="submit" value="Enregistrer" onclick="document.getElementById('print').style.display = 'block';"> <button id="print" value="imprimer" style="display:none;">Imprimer</button>

---

Sinon, je ne vois pas pourquoi le bouton disparaitrait au bout d'une seconde :calim2:

Essaie de remplacer ton button par un DIV qui ferait la même chose

Dans le body :

Code:

---

<div id="print" value="imprimer" onclick="imprime()">Imprimer</div>

---

Et dans le fichier CSS :

Code:

---

1 2 3 4 5 6 7

#print { background-color:yellow; display:none; margin:3px; Text-align:center; }

---

Mais au juste, je ne vois pas ton bouton faire une action là dans le code ci-dessus.
Donc il faudra lui mettre l'action imprimer au bouton "print".
Ou sinon au div "print" si tu utilises la version div.

merci encore de me répondre si vite

non ça n'a rien changé. le bouton imprimer reste afficher seulement 1s.

oui la il ne fait pas d'action mais je vais le rajouter moi même une fois que le problème d'affichage des boutons sera résolu^^.

Peut être un style que tu as défini dans ton CSS qui prendrait le dessus sur le JS?
Tu n'as pas mis de visibility hidden ou un truc comme ça? Retire les styles appliqués sur le bouton pour voir.

même en retirant le CSS en entier ça ne change rien^^

ah mais suis complétement abroutie

comme Enregistrer c'est un "submit" la page se recharge aussi oo''.

et ça revient au point de départ c'est pour ça que Imprimer a disparu (en réalité la page a juste recharger oo')

dessolé d'avoir mit 2h a comprendre oo"

En même temps j'aurais du y penser aussi -_-.
L'essentiel c'est d'avoir trouvé d'ou venait le problème. :D
Du coup tu vois comment faire c'est bon?

hmm oue maintenant que je sais comment ça marche, je vais me débrouiller

avec

Code:

---

<input type="button" value="Enregistrer" onclick="document.getElementById('print').style.display = 'block';">

---

ça marche bien

donc le problème était bien la oo"

merci beaucoup et désolé de t'avoir fait perdre du temps alors que ton code était bon.