forcer la lecture entiere d'un textarea

**enzo21** · 18/10/2006, 16h49

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

**SpaceFrog** · 18/10/2006, 22h13

sur le onscroll ...
teste si le scrollTop est egal au scrollHeight ...
et seulement à ce moment là tu actives le bouton ...

**enzo21** · 19/10/2006, 09h43

oué l'idée me plait, merci, je vais tester ça !

**enzo21** · 19/10/2006, 17h33

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.

**enzo21** · 19/10/2006, 17h44

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

y aurait il un autre moyen pour firefox ?

merci

**SpaceFrog** · 20/10/2006, 08h39

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

**enzo21** · 20/10/2006, 09h20

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 :

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
 
<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>

**Auteur** · 20/10/2006, 23h49

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 :

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
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>

**enzo21** · 23/10/2006, 09h23

ok merci bien, ça c'est du travail maché !

**SpaceFrog** · 23/10/2006, 09h28

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 ...

**Auteur** · 23/10/2006, 10h12

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 ...

oui, en effet, si l'utilisateur impose ses conditions d'utilisation

**SpaceFrog** · 23/10/2006, 10h19

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

Saisissez ici vos conditions d'utilisation et vos termes de licence

forcer la lecture entiere d'un textarea

JavaScript

Discussions similaires

Partager

Partager