Cacher et afficher un formulaire HTML

Résolu/Fermé

younesase Messages postés 80 Date d'inscription samedi 21 avril 2012 Statut Membre Dernière intervention 27 avril 2014 - 30 juil. 2013 à 22:52
Honorat - 16 août 2021 à 21:38

Bonjour

je veux créer un system de commentaire en php alors quand l'utilisateur clique sur un lien "ajouter commentaire" un formulaire qui s'affiche avec un textarea et un input submit exemple :

<form method="POST" action="post_commetaire.php">
  <textarea name="commentaire">
  <input type="submit">
</form>

je veux que quand un utilisateur clique sur le lien le formulaire s'affiche et puis quand il clique sur le lien une autre fois le formulaire se cache

je sais qu'il faut utiliser du javascript mais je sais pas quoi faire (je ne sais pas programmer en js) :(

SVP aidez moi

A voir également:

Section cachée qui s'ouvre au clic
Cacher conversation whatsapp - Guide
Editeur html - Télécharger - HTML
Afficher mot de passe wifi android - Guide
Cacher application android - Guide
Afficher les dossiers cachés - Guide

1 réponse

Réponse 1 / 1

intoxx62 Messages postés 361 Date d'inscription lundi 3 janvier 2011 Statut Membre Dernière intervention 13 mars 2015 70
30 juil. 2013 à 23:37

Salut, tiens :

A placer dans le <head>
<script language="Javascript">
function bascule(elem)
{
// Quel est l'état actuel ?
etat=document.getElementById(elem).style.visibility;
if(etat=="hidden"){document.getElementById(elem).style.visibility="visible";}
else{document.getElementById(elem).style.visibility="hidden";}
}
</script>

A placer sur ta page :

<input type="button" onClick="bascule('boite');" value="Poster un commentaire">
<div name="boite" id="boite" style="visibility: hidden">
<form>
<label style="vertical-align: top;">Votre commentaire : </label>
<textarea rows="4" cols="50"></textarea>
</form>
</div>
</code>

intoxx62 Messages postés 361 Date d'inscription lundi 3 janvier 2011 Statut Membre Dernière intervention 13 mars 2015 70
30 juil. 2013 à 23:40

ce qui te donnera en image : http://imagebin.org/266014 et après un click : http://imagebin.org/266015 (dès que tu reclick, cela se camoufle)

intoxx62 Messages postés 361 Date d'inscription lundi 3 janvier 2011 Statut Membre Dernière intervention 13 mars 2015 70
30 juil. 2013 à 23:42

De base tu as une DIV nommé "boite" qui est cachée, et à chaque click sur le bouton, cela appelle une fonction maison Javascript qui va changer l'attribut visiblity pour lui mettre l'inverse, donc s'il est caché > il devient visible et ça s'inverse !

younesase Messages postés 80 Date d'inscription samedi 21 avril 2012 Statut Membre Dernière intervention 27 avril 2014 4
Modifié par younesase le 30/07/2013 à 23:58

:) MERCI BEAUCOUP , j'ai chercher toute la journée , :D enfin j'ai trouvé ce que je voulais
MERCI !!!!!!!!!

intoxx62 Messages postés 361 Date d'inscription lundi 3 janvier 2011 Statut Membre Dernière intervention 13 mars 2015 70
31 juil. 2013 à 00:15

No soucis :-)

Utilisateur anonyme
Modifié par wass19 le 19/08/2014 à 15:14

excelente reponse
merci

Discussions similaires

programme qui n'affiche pas le mot secret

Espace en HTML

Afficher toutes les lignes masquées excel

Contacter le "bon coin"

Discussions similaires

Newsletters