Scan/Comptage <input> ID

Version imprimable

01/07/2010, 17h28
Atomicfryer

Scan/Comptage <input> ID

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
01/07/2010, 17h36
javatwister

bonjour aussi

Citation:

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

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

Code:

document.getElementById("monform").getElementsByTagName("input");
01/07/2010, 17h59
Watilin
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:

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 :P
Je te propose celle-ci :

Code:

/([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:

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 ?

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

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"

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

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

01/07/2010, 19h32
Atomicfryer

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