Discussion :

[bob633]

Bonsoir, voilà je viens de créer un petit site web en html/php/css.

Je ne connais pas du tout le javascript, cependant j'ai trouvé sur le web une petite fonction pour afficher et cacher des infos.
Voilàa la fonction :

Code :

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

1
2
3
4
5
6
7
8
9
<script language="Javascript">
// La fonction qui affiche/masque l'élément 
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";}
}

Partie à mettre dans le div :

Code :

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

style="visibility: hidden"

Bouton qui affiche/ cache le reste :

Code :

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

<input type="button" onClick="bascule('zoneBasse');" value="On/Off">

Cependant, moi je ne veux pas cacher un div entier mais une seul partie d'un formulaire .. En fait dans ma page principal j'ai un <div ... <?php include "..."; ?></div>, dans cette page include se trouve seulement un formulaire. Donc si je met le style=... dans le div, toute la partie sera cacher, où mettre le style=".." afin que ce ne soit pas tout le div qui soit pris en compte ?

Bout de code du formulaire :

Code :

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

1
2
3
4
5
6
7
8
9
echo "<input type='text' name='nomB' /><input type='image' name='envoyer' src='../images/b_modifier.jpg'><br/><br/>";
echo "Prenom du bénéficiaire : <br/>";
echo "<input type='text' name='prenomB' /><input type='image' name='envoyer' src='../images/b_modifier.jpg'><br/><br/>";
echo "Adresse : <br/>";
echo "<textarea name='adresse' cols='50' rows='2' ></textarea><input type='image' name='envoyer' src='../images/b_modifier.jpg'><br/><br/>";
echo "Téléphone fixe : <br/>";
echo "<input type='text' name='telF'/><input type='image' name='envoyer' src='../images/b_modifier.jpg'><br/><br/>";
echo "Téléphone portable : <br/>";
echo "<input type='text' name='telP'/><input type='image' name='envoyer' src='../images/b_modifier.jpg'><br/><br/>";

ps: c'est du php car j'ai besoin de récupérer des infos plus tard qui ne sont pas marqué actuellement.

Et donc j'aimerais juste cacher les input .. mais laisser tout les echos qui écrive juste du texte .. Je sais pas si c'est compréhensible ..

Merci

[sebhm]

il faut que tu mettes un ID à chaque element que tu veux masquer

Code :

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

<input ... id="tonid" ... />

et que tu utilise ta fonction javascript avec l'id en parametre, autant de fois que necessaire.

Tu peux regrouper des balises à masquer dans un meme div si elles sont consecutives

[andry.aime]

Bonjour,

Et donc j'aimerais juste cacher les input

Code :

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

1
2
3
4
5
6
7
8
9
10
function bascule()
{
	var a = document.getElementsByTagName('input');
	for(var i=0; i<a.length; i++)
	{
		etat=document.getElementsByTagName('input')[i].style.display;
		if(etat=="none"){document.getElementsByTagName('input')[i].style.display="block";}
		else{document.getElementsByTagName('input')[i].style.display="none";}
	}
}

[SpaceFrog]

cf. FAQ
http://javascript.developpez.com/faq...SS#affichObjet

[bob633]

il faut que tu mettes un ID à chaque element que tu veux masquer

Code :

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

<input ... id="tonid" ... />

et que tu utilise ta fonction javascript avec l'id en parametre, autant de fois que necessaire.

Tu peux regrouper des balises à masquer dans un meme div si elles sont consecutives

D'accord merci, si je met le même id dans deux input différents qui sont à la suite, seul le premier se cache/affiche, pourquoi ?

andry.aime> Merci pour cette fonction, cependant je ne connais pas du tout javascript, comment utiliser cette fonction après ?

SpaceFrog> Idem, comment utiliser ces fonctions ?

Merci d'avance

[andry.aime]

Re,

cependant je ne connais pas du tout javascript

Je te conseille de passer de faire un tour sur :
les tutoriels
la faq

[SpaceFrog]

si je met le même id dans deux input différents qui sont à la suite, seul le premier se cache/affiche, pourquoi ?

parcequ'un identifiant doit être UNIQUE sur une page..
(sinon il n'identifie rien )

[andry.aime]

+1 Spaffy
C'est pour ça que j'ai utilisé getElementsByTagName mais il faut tout de même donner un id pour le div conteneur des inputs.

Code :

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

1
2
3
4
5
6
7
8
9
function bascule()
{
	for(var i=0; i<document.getElementById('idDuDiv').getElementsByTagName('input').length; i++)
	{
		etat=document.getElementById('idDuDiv').getElementsByTagName('input')[i].style.display;
		if(etat=="none"){document.getElementById('idDuDiv').getElementsByTagName('input')[i].style.display="block";}
		else{document.getElementById('idDuDiv').getElementsByTagName('input')[i].style.display="none";}
	}
}