bouton permettant d'afficher une zone de texte

**mioke** · 27/03/2008, 14h23

Bonjour,

Je ne sais pas comment m'y prendre, je voudrais savoir comment s'y prendre
lorsque l'utilisateur clique sur le bouton une zone de texte s'affiche.

**RideKick** · 27/03/2008, 14h24

tu veux faire ça en PHP out u veut le faire en javascript (sans recharger la page)

**mioke** · 27/03/2008, 14h29

en php de préférence mais pour te dire je ne vois pas la différence entre javascript et php.

**RideKick** · 27/03/2008, 14h37

PHP est un langage cote serveur donc nécessite des échanges entre ton poste et le serveur distant
Javascript est un langage cote client qui s'exécute dans ton navigateur .

**mioke** · 27/03/2008, 14h41

Alors je pense que ce serait mieux en javascript, mais j'ai déja un bouton en javacript pour valider mon enrgistrement de mon formulaire.

**Alain Defrance** · 28/03/2008, 01h00

Ce n'est pas un problème.

met ton texte dans un div auquel tu donnerais un identifiant et un style display none par defaut.
Puis pour l'afficher tu fera :

Code :

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

1
2
 
<input type="button" value="afficher le texte" onclick="document.getElementById('idDuDiv')style.display = block;"/>

**mioke** · 28/03/2008, 10h34

je ny arrive pas moi j'ai fait ceci

Code :

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

1
2
3
4
5
6
7
function affCache(idDuDiv) {
var div = document.getElementById(idDuDiv);
if (div.style.display == "")
div.style.display = "none";
else
div.style.display =<input type="button" value="Nouveau libelle" onclick="document.getElementById ('idDuDiv')style.display = block;"/>
}

si quel q'un peut me dire ce qui ne va pas merci

**le_chomeur** · 28/03/2008, 10h40

ha tu y étais presque :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
function affCache(idDuDiv) {
var div = document.getElementById(idDuDiv);
if (div.style.display == ""){
div.style.display = "none";
}
else{
div.style.display = "block";
}
}

et l'appel au niveau du bouton :

Code :

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

<input type="button" value="Nouveau libelle" onclick="affCache('iddetondiv')"/>

**mioke** · 28/03/2008, 11h00

Je comprends pas, il rien qui se passe, quand je click sur le bouton il éxécute rien.
Et en bas de la page internet j'ai erreur de la page.

**le_chomeur** · 28/03/2008, 11h07

voila un code complet et qui fonctionne

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<script type="text/javascript">
	function gestionDiv(element){
		var  maDiv = document.getElementById(element);
		var  leBouton = document.getElementById('leBouton');
		if(maDiv.style.display == "none"){
			maDiv.style.display = "block";
			leBouton.value ="Masquer";
		}
		else{
			maDiv.style.display = "none";
			leBouton.value ="Voir";
		}
	}
</script>
</head>
 
<body>
<div id="test">
plein de texte <br />
plein de texte <br />
plein de texte <br />
plein de texte <br />
plein de texte <br />
plein de texte <br />
</div>
<input type="button" value="Masquer" onclick="gestionDiv('test')" id="leBouton" />
</body>
</html>