Un lien o� un texte s'affiche dessous apr�s le clic

**brunoperel** · 26/07/2007, 15h11

Bonjour,

En fait ce que je voudrais c'est par exemple le visiteur clic sur un lien nomm� "Plus d'options >>" et un formulaire appara�t � l'endroit du lien qu'il y avait avant, et � la fin du formulaire il y a un lien "<< Moins d'options" et quand on clique dessus le formulaire s'efface... C'est possible ? Est-ce qu'il faut utiliser le javascript ?
Et aussi : est-ce que le PHP saura g�rer le formulaire m�me si on l'a rempli puis qu'on a cliqu� sur "Moins d'options" ?

Merci

**titfab** · 26/07/2007, 15h57

Oui, on peut faire �a en javascript.

Tu cr�e une <div> cach� par d�faut avec tes �l�ments suppl�mentaire de ton formulaire.

Sur le bouton "Plus" t'appelle une fonction javascript qui montre cette div, cache le bouton "Plus" et affiche le bouton "moins" (cach� par d�faut).

Le bouton moins appelle une autre fonction javascript qui fait exactement l'inverse.

Ensuite, ton formulaire contient un <input type="hidden"> dans lequel sera indiqu� dans quel cas on est (formulaire + ou formulaire normal). Ce champ sera mis � jour dans les fonctions javascript appel�es par les boutons.

A la reception du formulaire, tu n'aura qu'� regarder la valeur de cet input pour prendre en compte ou non les champs suppl�mentaires !! ...

**brunoperel** · 26/07/2007, 16h13

Merci pour ta r�ponse,

Bon j'ai compris pour le lien de "Plus" je fais

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
<a href="" onmouseover="deplie()">Plus </a>

Et donc, apr�s je cr�e 2 fonctions javascript comme �a :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
 
function deplie() {
<div style="visibility: visible;"> Blablabla</div>
<a href="" onmouseover="plie()">Moins</a>
}
 
function plie() {
<div style="visibility: hidden;"> </div>
<a href="" onmouseover="deplie()">Plus </a>
}

Ca a l'air bizarre... Comment l'interpr�teur reconnait si c'est le m�me bloc DIV qu'on plie et d�plie ?

**titfab** · 26/07/2007, 17h37

Tu as m�lang� HTML et JavaScript.

Voici un exemple qui marche :

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
<html>
<head>
<script language="javascript">
function plus(){
 document.getElementById("divPlus").style.visibility="visible";
 document.getElementById("btnPlus").style.visibility="hidden";
 document.getElementById("plusmoins").value="plus";
}
function moins(){
 document.getElementById("divPlus").style.visibility="hidden";
 document.getElementById("btnPlus").style.visibility="visible";
 document.getElementById("plusmoins").value="moins";
}
</script>
</head>
<body>
<form name="monForm">
 Champs normal : <input type="text" name="monChamp"/>
 <input type="hidden" id="plusmoins" value="moins"/>
 
 <input type="button" id="btnPlus" value="Plus>>" onclick="plus()">
 <div id="divPlus" style="visibility:hidden">
  Champs supplémentaire : <input type="text" name="enPlus"/>
  <input type="button" onclick="moins()" value="<<Moins">
 </div>
</form>
</body>
</html>

**brunoperel** · 27/07/2007, 15h55

Waou ! Merci beaucoup ! Ca marche terrible !

Un lien o� un texte s'affiche dessous apr�s le clic

JavaScript

Vue hybride

Discussions similaires

Partager

Partager