[RESOLU] Cacher un input

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,

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.

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,

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>

[RESOLU] Cacher un input

Qui est en ligne