Un compteur dynamique

Version imprimable

08/06/2011, 18h19
binbinou69

Un compteur dynamique

bonjour,
voila , j'essaye de créer un compteur pour des "textearea" le soucis est de détecter les changement entre ces zones de texte pour afficher le compteur adéquat.en javascript.
Je veux que quand je clique sur une zone, il la reconnait et si je passe à une autre il remet un autre compteur tout en gardant en mémoire le nombre de caractères restant pour chaque zone.

merci
08/06/2011, 19h29
Bovino

Euh... d'accord, mais là, j'ai un peu l'impression de lire en filigrane "faites-le pour moi", ce qui n'est pas le but du forum...
Donc pour que l'on t'aide, il faut nous montrer ce que tu as déjà fait et là où tu bloques ;)
08/06/2011, 21h11
RomainVALERI

... et ça nous permettra de visualiser plus précisément ce dont tu parles car c'est un peu flou :?

(remarque : ton titre est un superbe pléonasme :mrgreen:)

Bonsoir,
voici un prototype de ma demande

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
 
<html>
<head></head>
<script type="text/javascript">
var registre= new Array();
function limiteSaisie(zone, taille) {
	reste=0;
	reste=taille-(zone.value.length);
	if(reste>=0){
		document.getElementById("compteur").innerHTML =reste;
	}
 
}
 
function cliqueZone(index) {
 
	// verifier combien de caractères qui nous reste
	if(registre[index]>0){
			document.getElementById("compteur").innerHTML =registre[index];
 
	}
}
 
function focusZone(zone,index) {
	//sauvegarder la taille du textarea
	registre[index]=zone.value.length;
 
}
</script>
<body>
<FORM>
<TABLE>
	<TR>
	<span id="compteur">0</span>
	</TR>
 
	<TR>
		<TD>
			<TEXTAREA rows="3" id="teste1" onfocus="focusZone(this,1);" onblur="zoneClique(1);" onkeyup="limiteSaisie(this,10)"; onkeypress="limiteSaisie(this,10);"></TEXTAREA>
		</TD>
	</TR>
	<TR>
		<TD>
			<TEXTAREA rows="3" id="teste2" onfocus="focusZone(this,1);" onblur="zoneClique(2);" onkeyup="limiteSaisie(this,10)"; onkeypress="limiteSaisie(this,10);"></TEXTAREA>
		</TD>
	</TR>
	<TR>
		<TD>
			<TEXTAREA rows="3" id="teste3" onfocus="focusZone(this,1);" onblur="zoneClique(3);" onkeyup="limiteSaisie(this,10)"; onkeypress="limiteSaisie(this,10);"></TEXTAREA>
		</TD>
	</TR>
 
</TABLE>
</FORM>
</body>
</html>

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
<html>
	<head>
		<script type="text/javascript">
			var tailles = [500,100,10];
			function limiteSaisie(zone, id) {
				document.getElementById("compteur").innerHTML = tailles[id-1] - zone.value.length;
			}
		</script>
	</head>
	<body>
		<FORM>
			<TABLE>
				<TR>
					<TD><span id="compteur">0</span></TD>
				</TR>
				<TR>
					<TD>
						<TEXTAREA rows="3" id="teste1" onfocus="limiteSaisie(this,1);" onkeypress="limiteSaisie(this,1);"></TEXTAREA>
					</TD>
				</TR>
				<TR>
					<TD>
						<TEXTAREA rows="3" id="teste2" onfocus="limiteSaisie(this,2);" onkeypress="limiteSaisie(this,2);"></TEXTAREA>
					</TD>
				</TR>
				<TR>
					<TD>
						<TEXTAREA rows="3" id="teste3" onfocus="limiteSaisie(this,3);" onkeypress="limiteSaisie(this,3);"></TEXTAREA>
					</TD>
				</TR>
			</TABLE>
		</FORM>
	</body>
</html>