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

Vue hybride

Discussions similaires

Partager

Partager