Scan/Comptage <input> ID

**Atomicfryer** · 01/07/2010, 17h28

Bonjour à tous,

Je suis entrain de faire un petit script pour faire des sommes de valeur d'inputs.

Et je cherche un moyen de compter le nombre de balise input qui ont un id égale à un nom indicé.
exemple : id="robe_1", id="robe_2",...

Et je ne vous pas bien comment chercher tout les inputs...

si tout fois vous aviez un début de piste...
d'avance merci

**javatwister** · 01/07/2010, 17h36

bonjour aussi

Envoyé par Wolfy

compter le nombre de balise input qui ont un id égale à un nom indicé

c'est-à-dire 0 ou 1, me semble-t-il

sinon, pour la collecte des inpot (euh pardon, des input) c'est par exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("monform").getElementsByTagName("input");

**Watilin** · 01/07/2010, 17h59

Salut,
tu vas être obligé, je le crains, de parcourir tous les inputs… Si tu as une framework qui offre des outils de séléction avancée, tu peux utiliser

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
// syntaxe CSS
input[id]
// syntaxe XPath
input/@id

Comme le conseille javatwister, il vaut mieux partir du formulaire parent que de la racine du document.

Donc.
Tu as les id des inputs, pour ma part je passerais ça sous une petite regexp

Je te propose celle-ci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

/([a-zA-Z0-9_-]+)_\d+/

On peut voir trois parties : à gauche, un équivalent de la classe [:alnum:] de la vieille norme POSIX (PHP<5), c’est-à-dire des minuscules, des majuscules, des chiffres ainsi que « - » et « _ ». Tout ce qui est autorisé dans un id quoi.
Au milieu, le « _ » délimiteur.
À droite, un ou plusieurs chiffres.

Les parenthèses capturent le nom, qui se retrouve dans le tableau de résultat quand tu appelles exec. Par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var pattern = /([a-zA-Z0-9_-]+)_\d+/;
 
pattern.exec('pantalon_42');
// => ["pantalon_42", "pantalon"]
 
pattern.exec('bi_dule_1');
// => ["bi_dule_1", "bi_dule"]

Le reste n’est que broutilles, je te laisse te débroutiller ! ^^

Edit : Ouais, y’a ptêt plus de trucs autorisés que ça dans un id, mais je pense que ça suffit pourr ce que tu veux faire non ?

**Atomicfryer** · 01/07/2010, 18h36

Humm j'étais plus dans une idée de trouver une solution à cette situation :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<input id="robe_1" value="blablabla">
<input id="robe_2" value="blablabla">
<input id="robe_3" value="blablabla">
<input id="robe_4" value="blablabla">
<input id="pantalon_1" value="blablabla">
<input id="pantalon_2" value="blablabla">
<input id="pantalon_3" value="blablabla">

Et pouvoir compter et dire en javascript = il y a 4 balises "robe" et 3 balise "pantalon"

**javatwister** · 01/07/2010, 19h25

à l'arrache, pour ton exemple, ça donne ça:

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>...</title>
 
<style type="text/css">
 
</style>
 
 
 
</head> 
 
<body> 
 
 
<form id="fringues" action="">
<div>
<input id="robe_1" value="blablabla">
<input id="robe_2" value="blablabla">
<input id="robe_3" value="blablabla">
<input id="robe_4" value="blablabla">
<input id="pantalon_1" value="blablabla">
<input id="pantalon_2" value="blablabla">
<input id="pantalon_3" value="blablabla">
</div>
</form>
 
 
 
<script type="text/javascript">
var dispensable=["pantalon","robe","slip"];
 
var f=document.getElementById("fringues").getElementsByTagName("input");
var stock=[]
for(i=0;i<f.length;i++){
	for(um in dispensable){
		if(f[i].id.indexOf(dispensable[um])==0){
			if(!stock[dispensable[um]]){stock[dispensable[um]]=1}
			else{stock[dispensable[um]]++
			}
		}
	}
}
 
var total="";
for(bas in stock){
	total += bas + " ===> " + stock[bas] + "\n"
}
 
alert(total)
 
</script>
 
 
</body>
</html>

**Atomicfryer** · 01/07/2010, 19h32

Ha la la ... j'y etais pas du tout avec ton 0 ou 1 javatwister!!
Ba voui... indexOf()

J'ai vraiment trop chaud... j'arrive plus a réfléchir !

Un Grand Merci en tout cas !!!

Scan/Comptage <input> ID

JavaScript

Discussions similaires

Partager

Partager