Bonjour à tous, voilà j'ai réussie à faire un script en JS qui me permet d'afficher un DIV progressivement sur la hauteur en cliquant sur un lien... Cependant je n'arrive pas à le remonter en faisant un nouveau script...

Mon code HTML :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
<a onclick="progressif()">Ajouter un commentaire</a><a onclick="remonter()"> remonter</a>
<div class="ajoutcom">
<form method="post" name="form1" onSubmit="return verrif();">
Nom utilisateur : <input type="text" name="test" /><br>
mot de passe : <input type="password" name="test2" /><br>
<div id="err">Erreur de saisie...</div><br>
<input type="submit" value="Saveeee"/>
</form>
</div>
Mon code JS :

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
 
var z = 0;
function progressif(){
	var mydiv = document.getElementsByClassName('ajoutcom')[0];
	if(mydiv.style.height != '200px'){
		mydiv.style.height = z + 'px';        
		z += 10;
		setTimeout('progressif()', 30);
	}
}
 
var x = 0;
function remonter(){
	var lediv = document.getElementsByClassName('ajoutcom')[0];
	if(lediv.style.height != '0px' ){
		lediv.style.height = lediv.style.height - x + 'px' ;
		x += 10;
		setTimeout('remonter()', 30);
	}
}