forcer la lecture entiere d'un textarea

Version imprimable

18/10/2006, 16h49
enzo21

forcer la lecture entiere d'un textarea

Bonjour,
j'ai dans un site un textarea ou sont inscrites des conditions générales de vente.

au lieu de placer un checkbox classique a cocher pour specifier l'accord, je souhaiterai que mon bouton valider de formulaire ne s'active qu'au moment ou l'on a défilé totalement le textarea.

si quelqu'un connait une methode, je suis preneur.

merci
18/10/2006, 22h13
SpaceFrog

sur le onscroll ...
teste si le scrollTop est egal au scrollHeight ...
et seulement à ce moment là tu actives le bouton ...
19/10/2006, 09h43
enzo21

oué l'idée me plait, merci, je vais tester ça !
19/10/2006, 17h33
enzo21

ok ça marche, il faut quand meme rajouter la différence de hauteur du textarea sinon le scroll top n'atteind jamais la valeur du scroll height, a moins d'avoir un textarea de 0 px de haut.
19/10/2006, 17h44
enzo21

oups parlé trop vite.... ça ne marche que sous IE...

y aurait il un autre moyen pour firefox ?

merci
20/10/2006, 08h39
SpaceFrog

fais voir le code incriminé ... il doit juste manquer un px ...

ok, merci de regarder.
au passage, meme si je fais un alert dans ma fonction, il ne se declenche pas, cela doit forcément venir de l'evenement onScroll je pense...

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
 
<textarea rows='5' cols='95' onScroll='verif_lu(this);'>
							conditions ici
conditions ici
conditions iciconditions ici
conditions ici
conditions ici
conditions ici
conditions ici
conditions iciconditions ici
conditions ici
conditions ici
</textarea>
 
<script type="text/javascript">
	//initialisation ouverture de page :
	var lu = 0;
	document.getElementById("submit").disabled=true;
 
 
 
	function verif_lu(element)
	{
		if(lu==0)
		{
			if(element.scrollTop>=element.scrollHeight-100)
			{
				document.getElementById("submit").disabled=false;
				lu = 1;
			}
		}
	}
 
</script>

bonjour,

L'évenement onscroll ne fonctionne pas sur un textarea sous Firefox. Utilise plutôt un div au lieu d'un textarea.

J'ai sorti la valeur 100 de ton test pour la mettre dans la variable limite. Il faudra juste l'ajuster. Et j'ai fait un parseInt sur les valeurs du test au cas où.

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
.stylePgCond{
overflow: auto;
height: 100px; 
width: 200px; 
border: inset 2px #000000;
}
 
//-->
</style>
 
<script type="text/javascript">
<!--
	//initialisation ouverture de page :
	var lu = 0;
	//document.getElementById("submit").disabled=true;
 
 
 
	function verif_lu(element)
	{
	  var limite = 100;
 
		if(lu==0)
		{
			if(parseInt(element.scrollTop)>=parseInt(element.scrollHeight-limite))
			{
				//document.getElementById("submit").disabled=false;
 
                document.getElementById("idTest").innerHTML="ok";
				lu = 1;
			}
		}
	}
 
//-->
</script>
 
</head>
 
<body>
 
<div class="stylePgCond" onscroll='verif_lu(this);'>
conditions ici<br>conditions ici<br>conditions ici<br>
conditions ici conditions ici<br><br><br>conditions ici
conditions ici conditions ici conditions ici
conditions ici conditions ici conditions ici
</div>
<br>
<div id="idTest"></div>
 
</body>
 
</html>

23/10/2006, 09h23
enzo21

ok merci bien, ça c'est du travail maché !:lol:
23/10/2006, 09h28
SpaceFrog

arf, merci de la précision auteur ...

j'étais resté sur le textarea, persuadé qu'il fallait une zone de saisie, mais si j'avais un tant sois peu réfléchi, des conditions doivent rester non modifiables ...:roll:
23/10/2006, 10h12
Auteur

Citation:

Envoyé par SpaceFrog

arf, merci de la précision auteur ...

j'étais resté sur le textarea, persuadé qu'il fallait une zone de saisie, mais si j'avais un tant sois peu réfléchi, des conditions doivent rester non modifiables ...:roll:

oui, en effet, si l'utilisateur impose ses conditions d'utilisation :aie:
23/10/2006, 10h19
SpaceFrog

:mouarf3:
On va lancer le nouveau concept ...
l'auto cluf !!

Saisissez ici vos conditions d'utilisation et vos termes de licence :lol: :mouarf: