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>

08/06/2011, 18h19	#1
binbinou69 Invité de passage M M Inscription : décembre 2009 Messages : 43 Détails du profil Informations personnelles : Nom : M M Informations forums : Inscription : décembre 2009 Messages : 43 Points : 4 Points : 4	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
	00

08/06/2011, 19h29	#2
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 807 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 807 Points : 35 803 Points : 35 803	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 __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

08/06/2011, 21h11	#3
RomainVALERI Expert Confirmé Sénior Romain VALERI POOête Inscription : avril 2008 Messages : 2 572 Détails du profil Informations personnelles : Nom : Romain VALERI Âge : 35 Localisation : France, Meurthe et Moselle (Lorraine) Informations professionnelles : Activité : POOête Informations forums : Inscription : avril 2008 Messages : 2 572 Points : 4 074 Points : 4 074	... 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 ) __________________ ...pour les linguistes et les curieux >>> générateur de phrases aléatoires __________________
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email