bouton permettant d'afficher une zone de texte

Version imprimable

27/03/2008, 14h23
mioke

bouton permettant d'afficher une zone de texte

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.
27/03/2008, 14h24
RideKick

tu veux faire ça en PHP out u veut le faire en javascript (sans recharger la page)
27/03/2008, 14h29
mioke

en php de préférence mais pour te dire je ne vois pas la différence entre javascript et php.
27/03/2008, 14h37
RideKick

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 .
27/03/2008, 14h41
mioke

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.
28/03/2008, 01h00
Alain Defrance
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:

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

je ny arrive pas moi j'ai fait ceci

Code:

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

ha tu y étais presque :
Code:

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:

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

28/03/2008, 11h00
mioke

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.

voila un code complet et qui fonctionne :)

Code:

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>

28/03/2008, 12h05
mioke

ok merci cela fonctionne.
11/12/2008, 17h44
meilhak

Et comment on fait si on veut que par défaut le texte ne soit pas affiché?
11/12/2008, 17h46
Bovino

Code:

<div id="test" style="display:none">