Un compteur dynamique

**binbinou69** · 08/06/2011, 18h19

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

**Bovino** · 08/06/2011, 19h29

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

**RomainVALERI** · 08/06/2011, 21h11

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

)

**binbinou69** · 09/06/2011, 00h03

Bonsoir,
voici un prototype de ma demande

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

**Willpower** · 09/06/2011, 03h18

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

Un compteur dynamique

JavaScript

Discussions similaires

Partager

Partager