[RESOLU] Cacher un input

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] Cacher un input

Re: Cacher un input

par azizss » 30 août 2017, 15:00

Super j'ai trouver.

voilà la solution :

Code : Tout sélectionner

<a onclick="AfficherOuCacher('1');" class="btn btn-success fileinput-button" style="cursor:pointer;" id="boutton1">Créer une repertoire ...</a> <div [b]style="display:none;" name="FirstName" id="1"[/b] ><input type="text" value="entrée le nom de votre répertoir..."> <td> <button class="btn btn-primary start"> <i class="glyphicon glyphicon-upload"></i> <span>Valider</span> </button> </td> </div> <script type="text/javascript"> Visible = false; // LE COMPOSANT A AFFICHER EST CACHE function AfficherOuCacher(obj) { if (Visible == false) // SI L'OBJET N'EST PAS VISIBLE { Afficher(obj) // RENVOIE A LA FONCTION AFFICHER } else // SINON { Cacher(obj) // RENVOIE A LA FONCTION CACHER } } function Afficher(obj) { var id = 'boutton'+obj; document.getElementById(obj).style.display = ''; // AFFICHE LE COMPOSANT Visible = true; // OBJET EST MAINTENANT VISIBLE } function Cacher(obj) { var id = 'boutton'+obj; document.getElementById(obj).style.display = 'none'; // CACHE LE COMPOSANT Visible = false; // OBJET EST MAINTENANT CACHE } </script>

Re: Cacher un input

par azizss » 30 août 2017, 14:50

Merci pour ta réponse,
Mais je sais rien ne fonctionne mais le button doit être cacher avec le input et il ne lais pas.
le input lui est biev cacher, mais le button et visible.

Comment dois-je faire pour cela.

Merci,

Re: Cacher un input

par @rthur » 30 août 2017, 11:26

Bonjour,

Qu'est-ce qui ne marche pas ?
Si il ne se passe rien quand tu appuie sur le bouton, ça semble normal vu qu'il n'y a aucune action rattachée.

Cacher un input

par azizss » 30 août 2017, 10:50

Bonjour,

Je vous sollicite pour un petite aide.
Quant on clic que un button j'active l'apparition d'un input cela fonctionne dans mon script, mais j'ai ajouter un button devant mon input pour réaliser une action mais ce la ne fonctionne pas et comprend pas.

Code : Tout sélectionner

<a onclick="AfficherOuCacher('1');" class="btn btn-success fileinput-button" style="cursor:pointer;" id="boutton1">Créer une repertoire ...</a> <div><input type="text" style="display:none;" name="FirstName" id="1" value="entrée le nom de votre répertoire..."> <td> <button class="btn btn-primary start" style="display:none;" id="1"> <i class="glyphicon glyphicon-upload"></i> <span>Valider</span> </button> </td></div> <script type="text/javascript"> Visible = false; // LE COMPOSANT A AFFICHER EST CACHE function AfficherOuCacher(obj) { if (Visible == false) // SI L'OBJET N'EST PAS VISIBLE { Afficher(obj) // RENVOIE A LA FONCTION AFFICHER } else // SINON { Cacher(obj) // RENVOIE A LA FONCTION CACHER } } function Afficher(obj) { var id = 'boutton'+obj; document.getElementById(obj).style.display = ''; // AFFICHE LE COMPOSANT Visible = true; // OBJET EST MAINTENANT VISIBLE } function Cacher(obj) { var id = 'boutton'+obj; document.getElementById(obj).style.display = 'none'; // CACHE LE COMPOSANT Visible = false; // OBJET EST MAINTENANT CACHE } </script>
le button Valider est toujours visible.

Merci de votre aide,