[DOM] Récup. d'index dans document.form.elements

**Heretic** · 29/09/2008, 09h57

Bonjour,
Après recherche infructueuse, je me demande s'il existe une fonction qui me permettrait de récupérer (directement sans balayer toute la table) l'index d'un control dans la table document.form.elements à partir de son id ou name !
Je suis en train d'essayer d'optimiser un javascript monstrueux qui balaye une JSP (non moins monstrueuse) contenant 660 controls

Bon c'est une page extraite d'une appli pro, contenant une liste de 8 occurrences de 60 colonnes, ce qui explique en partie la taille de la page.
Merci de votre aide.

**SpaceFrog** · 29/09/2008, 10h21

non.
Quel est le but de la recupération de l'index ?
ne peux tu pas t'en passer en passant this en paramètre ?

**Heretic** · 29/09/2008, 10h35

La récup d'index me permettrait de commençait le balayage des controls (ce balayage sert à locker ou non les champs du bas de la page en fonction d'un paramétrage) à partir de celui qui m'intéresse. C'est environ le 120ème de la page, mais susceptible d'évoluer dans le temps, je ne peux donc pas me contenter d'une valeur en dur... L'idée c'est qu'au lieu de lancer une boucle à partir de l'index 0, je la démarre à partir du champ qui m'intéresse, ce sera déjà ça de gagné en temps.
Je vois pas bien le coup du "this" ?!
a+

**le_chomeur** · 29/09/2008, 10h35

document.getElementById("tonid")

**Heretic** · 29/09/2008, 10h38

Envoyé par le_chomeur

document.getElementById("tonid")

Hum, désolé mais je ne pense pas pouvoir récupérer l'index dans document.form.elements avec cette fonction... Si c'est possible, merci de me dire comment

**SpaceFrog** · 29/09/2008, 10h46

sous IE ce serait possible avec l'id porpre attribué par IE dans son DOM ...

sinon il faudrait un nommage ou une identification rationnels des elements ...

sinon si tes elements ont tous le même name c'est jouable

on peut voir un bout du html avec quelques éléments ?

**Heretic** · 29/09/2008, 11h28

Envoyé par SpaceFrog

sous IE ce serait possible avec l'id porpre attribué par IE dans son DOM ...

ca m'intéresse car l'appli n'est prévue que pour IE (oui je sais...

). tu peux détailler un peu la manip, je ne connais pas trop ce concept de DOM RE-

--> le_chomeur : chapeau parce que dans mon cas, pour 660 éléments le temps est d'environ 3.5 secondes (sur un P4 2Ghz avec 2Go de RAM) !!! Ceci dit, ce n'est pas une simple boucle, il y a pas mal de code dedans...

**le_chomeur** · 29/09/2008, 11h39

montre nous ton code , on pourra surement l'améliorer

petit conseil => stock tes objets dans un array plutôt que de les parcourirs gain de temps => x10

**SpaceFrog** · 29/09/2008, 11h43

essaye avec sourceIndex

Code :

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

<input type='text' onclick="alert(this.sourceIndex)" />

à à l'air de donner un bon resultat sous IE

**le_chomeur** · 29/09/2008, 10h47

hups autant pour moi effectivement ... mal compris la question je pensais que tu souhaitais juste accéder a ton élément.

de plus pour locker 600 éléments , j'avais fait la démo d'un test avec boucle optimisé sur 10000 élements , j'arrivais a a peine 500ms ( donc 0,5 secondes ... )
je pense que le balayage est envisageable dans ton cas ...

**Matthieu2000** · 29/09/2008, 12h05

Code :

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

1
2
3
4
5
6
7
8
9
function getIndex(nomchamp,formulaire){
index=0;
for(i=0;i<formulaire.elements.length;i++){
if(formulaire.elements[i].name==nomchamp)
{index=i;
}
}
return index;
}

un truc de ce genre?

**Heretic** · 29/09/2008, 12h20

Merci à tous

SpaceFrog, j'essaie ton truc après le repas, ça m'a l'air pas mal du tout

Matthieu2000 et le_chomeur, merci mais l'idée est d'avoir un ordre propre qui ne nécessite pas de balayer la boucle, sinon l'opti sera minime

**SpaceFrog** · 30/09/2008, 12h08

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
<script type='text/javascript'>
function foo(Obj){
var firstOfForm=document.forms[0].sourceIndex+1;
var FormCollection=document.forms[0].all
alert("sourceIndex direct : "+Obj.sourceIndex +"\nSourceIndex relatif :" +FormCollection[Obj.sourceIndex-firstOfForm].sourceIndex);
}
</script>
</head>
 
<body>
<form>
<fieldset>
<input type='text' onclick="foo(this)"/>
<input type='text' onclick="foo(this)"/>
<input type='text' onclick="foo(this)"/>
<input type='text' onclick="foo(this)"/>
<input type='text' onclick="foo(this)"/>
</fieldset>
<fieldset>
<input type='text' onclick="foo(this)"/>
<input type='text' onclick="foo(this)"/>
<input type='text' onclick="foo(this)"/>
<input type='text' onclick="foo(this)"/>
<input type='text' onclick="foo(this)"/>
<input type='text' onclick="foo(this)"/>
<input type='text' onclick="foo(this)"/>
<input type='text' onclick="foo(this)"/>
</fieldset>
</form>
 
 
 
</body>
 
</html>

**Matthieu2000** · 30/09/2008, 12h09

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
var tabIndex=new Array();
formulaire=document.forms[0]; //le premier?
 
for(i=0;i<formulaire.elements.length;i++){
tabIndex[formulaire.elements[i].name]=i;
}
 
function getIndex(nomchamp){
 
return tabIndex[nomchamp];
}

...

[DOM] Récup. d'index dans document.form.elements

JavaScript

Vue hybride

Discussions similaires

Partager

Partager